Auf einen Blick

TsgcHTMLComponent_Site

Eine Komponente, die ein vollständiges Dokument ausgibt: einen Kopfbereich mit Brand und Umschaltern, ein Navigationsmenü, den Hauptinhaltsbereich und eine Fußzeile, eingebettet in eine austauschbare Layout-Vorlage. Legen Sie Layout, Theme und Brand fest, fügen Sie Menü und Inhalt hinzu und lesen Sie dann die HTML-Eigenschaft (GetHTML in .NET).

Komponentenklasse

TsgcHTMLComponent_Site

Rendert

Vollständiges Seitengerüst (Kopfbereich + Menü + Inhalt + Fußzeile)

Familie

Navigation & Struktur

Sprachen

Delphi, C++ Builder, .NET

QuickStart

Erstellen, Seite aufbauen, rendern

Wählen Sie ein Layout, legen Sie das schreibgeschützte Theme und Brand fest, rufen Sie AddMenu für Links und AddContent / AddSection für den Inhalt auf und lesen Sie dann HTML (GetHTML in .NET), um die fertige Seite auszuliefern.

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

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Layout

Layout wählt die Seitenform: slSidebarLeft, slSidebarRight, slTopNav, slTopNavSidebarLeft, slIconRail oder slOffcanvas — dieselbe Brand, dasselbe Menü und derselbe Inhalt, neu angeordnet.

Theme

Theme.Preset wählt die Akzentpalette (Blau, Violett, Smaragd, Schiefer, Dunkel), Theme.Mode wählt Hell, Dunkel oder System, und Theme.SidebarDark stellt die Seitenleiste auf dunklem Hintergrund dar.

Preset

Preset konfiguriert Layout und Theme gemeinsam für einen Seitentyp — spAdmin, spDashboard, spPortal, spDocs, spLanding oder spApp — und Sie können sie danach weiterhin überschreiben.

Menü

AddMenu(aText, aHref, aIcon) hängt einen Navigationseintrag an und gibt ihn zurück; jedes Element kann ein Link, eine Abschnitts-Header oder ein Divider sein und als aktuelle Seite Active markiert werden.

Die schreibgeschützte Header steuert die obere Leiste: ShowThemeSwitcher, ShowLanguageSwitcher, die angemeldete ShowUser-Box und den ShowLogout-Link sowie ExtraHTML für Ihre eigenen Steuerelemente.

Inhalt & Ausgabe

AddSection(aTitle, aContent, aID) und AddContent(aHTML) bauen den Inhalt auf, Footer.Text ergänzt eine zentrierte Fußzeile, und HTML (GetHTML in .NET) gibt die vollständige Seite zurück, bereit zum Ausliefern.

Ressourcen

Weiter entdecken

	Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente.	Öffnen
	Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 60 Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen

Site