Site
TsgcHTMLComponent_Site — Delphi, C++ Builder 및 .NET에서 전체 웹 페이지를 구축하는 하나의 컴포넌트.
TsgcHTMLComponent_Site — 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은 강조 팔레트(파랑, 보라, 에메랄드, 슬레이트, 다크)를 고르고, 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)은 완전한 페이지를 반환하여 제공할 준비를 마칩니다.