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 — 동일한 브랜드, 메뉴 및 콘텐츠를 재배치합니다. 우측에서 좌측 페이지(아랍어, 히브리어 및 기타 우측에서 좌측으로 쓰는 언어)에서는 사이드바와 아이콘 레일이 자동으로 반전되며, 방향을 재정의하려면 Dir을 'rtl' 또는 'ltr'로 설정하세요.
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)은 완전한 페이지를 반환하여 제공할 준비를 마칩니다.