Page Builder
TsgcHTMLPageBuilder — fügt registrierte sgcHTML-Komponenten zu einer vollständigen Bootstrap 5-Seite zusammen, mit einem visuellen Editor zur Entwurfszeit in der Delphi-IDE.
TsgcHTMLPageBuilder — fügt registrierte sgcHTML-Komponenten zu einer vollständigen Bootstrap 5-Seite zusammen, mit einem visuellen Editor zur Entwurfszeit in der Delphi-IDE.
Eine übergeordnete Kompositionsschicht, die eine geordnete Liste von sgcHTML-Komponenten entgegennimmt, deren kombinierte HTML-Ausgabe über TsgcHTMLTemplate_Bootstrap in ein Bootstrap 5-Dokument einbettet und die fertige Seite zurückgibt. Unterstützt die Vorschau zur Entwurfszeit in der Delphi-IDE.
TsgcHTMLPageBuilder
Visuelle Seitenzusammenstellung
Delphi, C++ Builder, .NET
Legen Sie einen TsgcHTMLPageBuilder auf dem Formular ab, registrieren Sie Ihre sgcHTML-Komponenten in der Reihenfolge, setzen Sie Titel und Thema und rufen Sie dann GetHTML auf, um das vollständige Seiten-HTML zu erhalten.
uses
sgcHTML_PageBuilder;
var
oBuilder: TsgcHTMLPageBuilder;
begin
oBuilder := TsgcHTMLPageBuilder.Create(nil);
try
oBuilder.Title := 'Sales Dashboard';
oBuilder.Theme := ptDark;
oBuilder.RegisterComponent(oNavBar);
oBuilder.RegisterComponent(oStatCard);
oBuilder.RegisterComponent(oChart);
Result := oBuilder.GetHTML;
finally
oBuilder.Free;
end;
end;
TsgcHTMLPageBuilder *oBuilder = new TsgcHTMLPageBuilder(NULL);
try
{
oBuilder->Title = "Sales Dashboard";
oBuilder->Theme = ptDark;
oBuilder->RegisterComponent(oNavBar);
oBuilder->RegisterComponent(oStatCard);
oBuilder->RegisterComponent(oChart);
String html = oBuilder->GetHTML();
}
__finally { delete oBuilder; }
var builder = new TsgcHTMLPageBuilder();
builder.Title = "Sales Dashboard";
builder.Theme = TsgcHTMLPageTheme.ptDark;
builder.RegisterComponent(navbar);
builder.RegisterComponent(statCard);
builder.RegisterComponent(chart);
string html = builder.GetHTML();
Die am häufigsten verwendeten Members.
Dokumenttitel, der durch die zugrunde liegende Bootstrap-Vorlage in das <title>-Tag eingefügt wird. HtmlDir legt die Seitenrichtung fest, 'rtl' oder 'ltr'; bleibt es leer, dreht eine Rechts-nach-links-Sprache wie Arabisch oder Hebräisch die Seite automatisch auf rechts-nach-links.
ptDefault, ptDark oder ptDarkPro; fügt einen themenspezifischen CSS-Block in den Dokumentkopf ein (ptDefault behält das Standard-Bootstrap bei, ptDark eine dunkle Palette, ptDarkPro ein vollständiges professionelles Dark-Theme).
Sprache, die in das lang-Attribut der Seite geschrieben wird, standardmäßig 'en'. Eine Rechts-nach-links-Sprache wie 'ar' oder 'he' dreht die Seite ebenfalls auf rechts-nach-links, sofern HtmlDir nichts anderes festlegt.
Entfernt eine Komponente aus der Build-Liste, sodass sie nicht mehr gerendert wird.
Fügt eine Komponente zur Build-Liste hinzu; Komponenten werden in der Reihenfolge ihrer Registrierung gerendert.
Rendert alle registrierten Komponenten, bettet die kombinierte Ausgabe in ein Bootstrap 5-Dokument ein und gibt den vollständigen HTML-String zurück.
| Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente. | Öffnen | |
| Alle sgcHTML-KomponentenDurchsuche die vollständige Feature-Matrix mit 80+ Komponenten. | Öffnen | |
| Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte. | Öffnen | |
| PreiseEinzel-, Team- und Site-Lizenzen mit vollständigem Quellcode. | Öffnen |