Site
TsgcHTMLComponent_Site — 一个组件即可构建整个网页，适用于 Delphi、C++ Builder 和 .NET。
TsgcHTMLComponent_Site — 一个组件即可构建整个网页，适用于 Delphi、C++ Builder 和 .NET。
一个组件即可发出完整文档：带品牌和切换器的页眉、导航菜单、主内容区和页脚，包裹在可切换的 Layout 模板中。设置 Layout、Theme 和 Brand，添加菜单和内容，然后读取 HTML 属性（.NET 中为 GetHTML）。
选择一个 Layout，设置只读的 Theme 和 Brand，调用 AddMenu 添加链接、AddContent / AddSection 添加主体，然后读取 HTML（.NET 中为 GetHTML）并提供完成的页面。
uses
sgcHTML_Enums, sgcHTML_Component_Site;
var
oSite: TsgcHTMLComponent_Site;
begin
oSite := TsgcHTMLComponent_Site.Create(nil);
try
oSite.Layout := slTopNavSidebarLeft;
oSite.Theme.Preset := stpViolet;
oSite.Theme.Mode := stmLight;
oSite.Brand.Text := 'Acme';
oSite.AddMenu('Dashboard', '/', '📊').Active := True;
oSite.AddMenu('Reports', '/reports', '📈');
oSite.AddSection('Overview', '<p>Welcome back.</p>', 'overview');
oSite.AddContent('<div class="alert alert-info">All systems normal</div>');
oSite.Footer.Text := '© 2026 Acme';
WebModule.Response := oSite.HTML; // full page
finally
oSite.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Site.hpp
TsgcHTMLComponent_Site *oSite = new TsgcHTMLComponent_Site(NULL);
try
{
oSite->Layout = slTopNavSidebarLeft;
oSite->Theme->Preset = stpViolet;
oSite->Theme->Mode = stmLight;
oSite->Brand->Text = "Acme";
oSite->AddMenu("Dashboard", "/", "📊")->Active = true;
oSite->AddMenu("Reports", "/reports", "📈");
oSite->AddSection("Overview", "<p>Welcome back.</p>", "overview");
oSite->AddContent("<div class=\"alert alert-info\">All systems normal</div>");
oSite->Footer->Text = "© 2026 Acme";
String html = oSite->HTML; // full page
}
__finally
{
delete oSite;
}using esegece.sgcWebSockets;
var site = new TsgcHTMLComponent_Site();
site.Layout = TsgcHTMLSiteLayout.slTopNavSidebarLeft;
site.Theme.Preset = TsgcHTMLSiteThemePreset.stpViolet;
site.Theme.Mode = TsgcHTMLSiteThemeMode.stmLight;
site.Brand.Text = "Acme";
site.AddMenu("Dashboard", "/", "📊").Active = true;
site.AddMenu("Reports", "/reports", "📈");
site.AddSection("Overview", "<p>Welcome back.</p>", "overview");
site.AddContent("<div class=\"alert alert-info\">All systems normal</div>");
site.Footer.Text = "© 2026 Acme";
string html = site.GetHTML(); // full page您最常使用的成员。
Layout 选择页面形态：slSidebarLeft、slSidebarRight、slTopNav、slTopNavSidebarLeft、slIconRail 或 slOffcanvas — 相同的品牌、菜单和内容，重新排布。
Theme.Preset 选择强调色板（蓝色、紫罗兰、翡翠绿、灰蓝、暗黑），Theme.Mode 选择明亮、暗黑或跟随系统，Theme.SidebarDark 将侧边栏绘制在暗色背景上。
Preset 为某种页面类型一并配置 Layout 和 Theme — spAdmin、spDashboard、spPortal、spDocs、spLanding 或 spApp — 之后您仍可覆盖。
AddMenu(aText, aHref, aIcon) 追加一个导航项并返回它；每个项可以是链接、区块 Header 或 Divider，并可标记为 Active 表示当前页面。
只读的 Header 驱动顶栏：ShowThemeSwitcher、ShowLanguageSwitcher、已登录的 ShowUser 框和 ShowLogout 链接，以及用于放置您自己控件的 ExtraHTML。
AddSection(aTitle, aContent, aID) 和 AddContent(aHTML) 构建主体，Footer.Text 添加居中页脚，HTML（.NET 中为 GetHTML）返回完整页面，可直接提供服务。