Site
TsgcHTMLComponent_Site — Web ページ全体を構築する単一のコンポーネントを Delphi、C++ Builder、.NET で提供します。
TsgcHTMLComponent_Site — Web ページ全体を構築する単一のコンポーネントを Delphi、C++ Builder、.NET で提供します。
完全なドキュメントを出力する単一のコンポーネントです。ブランドと切り替えスイッチを備えたヘッダー、ナビゲーションメニュー、メインコンテンツ領域、フッターを、差し替え可能な Layout テンプレートでラップします。Layout、Theme、Brand を設定し、メニューとコンテンツを追加したら、HTML プロパティ（.NET では GetHTML）を読み取ります。
TsgcHTMLComponent_Site
完全なページシェル（ヘッダー + メニュー + コンテンツ + フッター）
Delphi, C++ Builder, .NET
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 はアクセントパレット（blue、violet、emerald、slate、dark）を選び、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）は、そのまま配信できる完全なページを返します。