Visão geral

TsgcHTMLComponent_Site

Um componente que emite um documento completo: um cabeçalho com marca e alternadores, um menu de navegação, a área de conteúdo principal e um rodapé, envolvido em um template Layout intercambiável. Configure o Layout, o Theme e o Brand, adicione menu e conteúdo, então leia a propriedade HTML (GetHTML no .NET).

Classe do componente

TsgcHTMLComponent_Site

Renderiza

Shell de página completo (cabeçalho + menu + conteúdo + rodapé)

Família

Navegação & Estrutura

Linguagens

Delphi, C++ Builder, .NET

QuickStart

Crie, construa a página, renderize

Escolha um Layout, configure o Theme e o Brand somente leitura, chame AddMenu para os links e AddContent / AddSection para o corpo, então leia HTML (GetHTML no .NET) e sirva a página finalizada.

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

Referência

Principais propriedades & métodos

Os membros que você usa com mais frequência.

Layout

Layout seleciona o formato da página: slSidebarLeft, slSidebarRight, slTopNav, slTopNavSidebarLeft, slIconRail ou slOffcanvas — a mesma marca, menu e conteúdo reorganizados.

Theme

Theme.Preset escolhe a paleta de destaque (azul, violeta, esmeralda, ardósia, escuro), Theme.Mode escolhe claro, escuro ou sistema, e Theme.SidebarDark desenha a sidebar sobre um fundo escuro.

Preset

Preset configura Layout e Theme juntos para um tipo de página — spAdmin, spDashboard, spPortal, spDocs, spLanding ou spApp — e você ainda pode sobrescrever depois.

AddMenu(aText, aHref, aIcon) adiciona uma entrada de navegação e a retorna; cada item pode ser um link, um Header de seção ou um Divider, e ser marcado como Active para a página atual.

O Header somente leitura controla a barra superior: ShowThemeSwitcher, ShowLanguageSwitcher, a caixa ShowUser do usuário autenticado e o link ShowLogout, além de ExtraHTML para seus próprios controles.

Conteúdo & saída

AddSection(aTitle, aContent, aID) e AddContent(aHTML) constroem o corpo, Footer.Text adiciona um rodapé centralizado, e HTML (GetHTML no .NET) retorna a página completa, pronta para servir.

Recursos

Continue explorando

	Ajuda onlineReferência completa da API e guia de uso para este componente.	Abrir
	Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes.	Abrir
	Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML.	Abrir
	PreçosLicenças Single, Team e Site com código-fonte completo.	Abrir

Site