Komponent Site — sgcHTML

W skrócie

TsgcHTMLComponent_Site

Jeden komponent, który emituje kompletny dokument: nagłówek z marką i przełącznikami, menu nawigacyjne, główny obszar treści i stopkę, opakowane w wymienny szablon Layout. Ustaw Layout, Theme i Brand, dodaj menu i treść, a następnie odczytaj właściwość HTML (GetHTML w .NET).

Klasa komponentu

TsgcHTMLComponent_Site

Renderuje

Pełna powłoka strony (nagłówek + menu + treść + stopka)

Rodzina

Nawigacja i struktura

Języki

Delphi, C++ Builder, .NET

Szybki start

Utwórz go, zbuduj stronę, wyrenderuj

Wybierz Layout, ustaw tylko do odczytu Theme i Brand, wywołaj AddMenu dla linków oraz AddContent / AddSection dla treści, a następnie odczytaj HTML (GetHTML w .NET) i udostępnij gotową stronę.

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

Dokumentacja

Kluczowe właściwości i metody

Składniki, po które sięgasz najczęściej.

Układ

Layout wybiera kształt strony: slSidebarLeft, slSidebarRight, slTopNav, slTopNavSidebarLeft, slIconRail lub slOffcanvas — te same marka, menu i treść ułożone inaczej.

Motyw

Theme.Preset wybiera paletę akcentów (niebieska, fioletowa, szmaragdowa, łupkowa, ciemna), Theme.Mode wybiera tryb jasny, ciemny lub systemowy, a Theme.SidebarDark rysuje panel boczny na ciemnym tle.

Ustawienie wstępne

Preset konfiguruje Layout i Theme razem dla danego typu strony — spAdmin, spDashboard, spPortal, spDocs, spLanding lub spApp — a i tak możesz to później nadpisać.

AddMenu(aText, aHref, aIcon) dołącza pozycję nawigacji i zwraca ją; każda pozycja może być linkiem, nagłówkiem sekcji Header lub separatorem Divider i może być oznaczona jako Active dla bieżącej strony.

Nagłówek

Tylko do odczytu Header steruje górnym paskiem: ShowThemeSwitcher, ShowLanguageSwitcher, pole zalogowanego użytkownika ShowUser i link ShowLogout, a także ExtraHTML dla Twoich własnych elementów sterujących.

Treść i wynik

AddSection(aTitle, aContent, aID) i AddContent(aHTML) budują treść, Footer.Text dodaje wyśrodkowaną stopkę, a HTML (GetHTML w .NET) zwraca kompletną stronę, gotową do udostępnienia.

Zasoby

Poznawaj dalej

	Pomoc onlinePełna dokumentacja API i przewodnik użytkowania tego komponentu.	Otwórz
	Wszystkie komponenty sgcHTMLPrzejrzyj pełną matrycę funkcji 60+ komponentów.	Otwórz
	Pobierz bezpłatną wersję próbną30-dniowa wersja próbna zawiera projekty demonstracyjne 60.HTML.	Otwórz
	CennikLicencje Single, Team i Site z pełnym kodem źródłowym.	Otwórz

Site