En bref

TsgcHTMLComponent_Site

Un seul composant qui émet un document complet : un en-tête avec marque et sélecteurs, un menu de navigation, la zone de contenu principale et un pied de page, enveloppés dans un modèle Layout interchangeable. Configurez le Layout, le Theme et le Brand, ajoutez menu et contenu, puis lisez la propriété HTML (GetHTML en .NET).

Classe du composant

TsgcHTMLComponent_Site

Produit

Coque de page complète (en-tête + menu + contenu + pied de page)

Famille

Navigation & Structure

Langages

Delphi, C++ Builder, .NET

QuickStart

Créez-le, construisez la page, affichez-le

Choisissez un Layout, configurez le Theme et le Brand en lecture seule, appelez AddMenu pour les liens et AddContent / AddSection pour le corps, puis lisez HTML (GetHTML en .NET) et servez la page finie.

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

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Layout

Layout sélectionne la forme de la page : slSidebarLeft, slSidebarRight, slTopNav, slTopNavSidebarLeft, slIconRail ou slOffcanvas — la même marque, le même menu et le même contenu réagencés.

Theme

Theme.Preset choisit la palette d'accent (bleu, violet, émeraude, ardoise, sombre), Theme.Mode choisit clair, sombre ou système, et Theme.SidebarDark dessine la barre latérale sur un fond sombre.

Preset

Preset configure Layout et Theme ensemble pour un type de page — spAdmin, spDashboard, spPortal, spDocs, spLanding ou spApp — et vous pouvez toujours remplacer ces valeurs ensuite.

AddMenu(aText, aHref, aIcon) ajoute une entrée de navigation et la renvoie ; chaque élément peut être un lien, un Header de section ou un Divider, et être marqué Active comme page courante.

Le Header en lecture seule pilote la barre supérieure : ShowThemeSwitcher, ShowLanguageSwitcher, la boîte ShowUser de l'utilisateur connecté et le lien ShowLogout, ainsi que ExtraHTML pour vos propres contrôles.

Contenu & sortie

AddSection(aTitle, aContent, aID) et AddContent(aHTML) construisent le corps, Footer.Text ajoute un pied de page centré, et HTML (GetHTML en .NET) renvoie la page complète, prête à servir.

Ressources

Continuez l'exploration

	Aide en ligneRéférence API complète et guide d’utilisation pour ce composant.	Ouvrir
	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir

Site