Page Builder
TsgcHTMLPageBuilder — assemble les composants sgcHTML enregistrés en une page Bootstrap 5 complète, avec un éditeur visuel au moment de la conception dans l'IDE Delphi.
TsgcHTMLPageBuilder — assemble les composants sgcHTML enregistrés en une page Bootstrap 5 complète, avec un éditeur visuel au moment de la conception dans l'IDE Delphi.
Une couche de composition de haut niveau qui accepte une liste ordonnée de composants sgcHTML, encapsule leur sortie HTML combinée dans un document Bootstrap 5 via TsgcHTMLTemplate_Bootstrap et retourne la page finalisée. Prend en charge l'aperçu au moment de la conception dans l'IDE Delphi.
TsgcHTMLPageBuilder
Composition visuelle de pages
Delphi, C++ Builder, .NET
Déposez un TsgcHTMLPageBuilder sur le formulaire, enregistrez vos composants sgcHTML dans l'ordre, définissez le titre et le thème, puis appelez GetHTML pour obtenir le HTML complet de la page.
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();
Les membres les plus fréquemment utilisés.
Titre du document inséré dans la balise <title> par le modèle Bootstrap sous-jacent. HtmlDir définit la direction de la page, 'rtl' ou 'ltr' ; laissée vide, une langue de droite à gauche comme l'arabe ou l'hébreu fait passer la page de droite à gauche automatiquement.
ptDefault, ptDark ou ptDarkPro ; injecte un bloc CSS de thème dans l'en-tête du document (ptDefault conserve le Bootstrap standard, ptDark une palette sombre, ptDarkPro un thème sombre professionnel complet).
Langue écrite dans l'attribut lang de la page, 'en' par défaut. Une langue de droite à gauche comme 'ar' ou 'he' fait aussi passer la page de droite à gauche, sauf si HtmlDir dit le contraire.
Retire un composant de la liste de construction, de sorte qu'il n'est plus rendu.
Ajoute un composant à la liste de construction ; les composants sont rendus dans l'ordre où ils ont été enregistrés.
Rend tous les composants enregistrés, encapsule la sortie combinée dans un document Bootstrap 5 et retourne la chaîne HTML complète.
| Aide en ligneRéférence API complète et guide d'utilisation pour ce composant. | Ouvrir | |
| Tous les composants sgcHTMLParcourez la matrice complète de 80+ composants. | Ouvrir | |
| Télécharger l'essai gratuitL'essai de 30 jours inclut les projets de démonstration 60.HTML. | Ouvrir | |
| TarifsLicences Single, Team et Site avec code source complet. | Ouvrir |