Componente Site — sgcHTML

De un vistazo

TsgcHTMLComponent_Site

Un componente que emite un documento completo: una cabecera con marca y selectores, un menú de navegación, el área de contenido principal y un pie, envuelto en una plantilla Layout intercambiable. Configura el Layout, el Theme y el Brand, añade el menú y el contenido, y luego lee la propiedad HTML (GetHTML en .NET).

Clase del componente

TsgcHTMLComponent_Site

Genera

Estructura de página completa (cabecera + menú + contenido + pie)

Familia

Navegación y Estructura

Lenguajes

Delphi, C++ Builder, .NET

Inicio rápido

Créalo, construye la página, genérala

Elige un Layout, configura el Theme y el Brand de solo lectura, llama a AddMenu para los enlaces y a AddContent / AddSection para el cuerpo, y luego lee HTML (GetHTML en .NET) y sirve la página terminada.

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

Referencia

Propiedades y métodos clave

Los miembros que usarás con más frecuencia.

Layout

Layout selecciona la forma de la página: slSidebarLeft, slSidebarRight, slTopNav, slTopNavSidebarLeft, slIconRail o slOffcanvas — la misma marca, menú y contenido reorganizados.

Theme

Theme.Preset elige la paleta de acento (azul, violeta, esmeralda, pizarra, oscuro), Theme.Mode selecciona claro, oscuro o sistema, y Theme.SidebarDark dibuja la barra lateral sobre un fondo oscuro.

Preset

Preset configura Layout y Theme conjuntamente para un tipo de página — spAdmin, spDashboard, spPortal, spDocs, spLanding o spApp — y aún puedes sobrescribirlo después.

Menú

AddMenu(aText, aHref, aIcon) añade una entrada de navegación y la devuelve; cada elemento puede ser un enlace, una cabecera de sección (Header) o un separador (Divider), y marcarse como Active para indicar la página actual.

El Header de solo lectura controla la barra superior: ShowThemeSwitcher, ShowLanguageSwitcher, el cuadro ShowUser de sesión iniciada y el enlace ShowLogout, además de ExtraHTML para tus propios controles.

Contenido y salida

AddSection(aTitle, aContent, aID) y AddContent(aHTML) construyen el cuerpo, Footer.Text añade un pie centrado, y HTML (GetHTML en .NET) devuelve la página completa, lista para servir.

Recursos

Sigue explorando

	Ayuda en líneaReferencia completa de la API y guía de uso para este componente.	Abrir
	Todos los componentes de sgcHTMLExplora la matriz completa de más de 60 componentes.	Abrir
	Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML.	Abrir
	PreciosLicencias Single, Team y Site con código fuente completo.	Abrir

Site