Page Builder

TsgcHTMLPageBuilder — składa zarejestrowane komponenty sgcHTML w kompletną stronę Bootstrap 5, z wizualnym edytorem w czasie projektowania w środowisku Delphi IDE.

TsgcHTMLPageBuilder

Warstwa kompozycji wysokiego poziomu, która przyjmuje uporządkowaną listę komponentów sgcHTML, owija ich połączony wynik HTML w dokument Bootstrap 5 za pomocą TsgcHTMLTemplate_Bootstrap i zwraca gotową stronę. Obsługuje podgląd w czasie projektowania w Delphi IDE.

Klasa komponentu

TsgcHTMLPageBuilder

Rola

Wizualna kompozycja stron

Języki

Delphi, C++ Builder, .NET

Zarejestruj komponenty, wywołaj GetHTML

Upuść TsgcHTMLPageBuilder na formularz, zarejestruj komponenty sgcHTML w odpowiedniej kolejności, ustaw tytuł i motyw, następnie wywołaj GetHTML, aby otrzymać kompletny HTML strony.

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();

Główne właściwości i metody

Najczęściej używane elementy.

Title & HtmlDir

Tytuł dokumentu wstawiany do tagu <title> przez wewnętrzny szablon Bootstrap. HtmlDir ustawia kierunek strony, 'rtl' lub 'ltr'; pozostawiona pusta, strona w języku pisanym od prawej do lewej, takim jak arabski lub hebrajski, automatycznie przełącza się na kierunek od prawej do lewej.

Theme

ptDefault, ptDark lub ptDarkPro; wstrzykuje blok CSS specyficzny dla motywu do nagłówka dokumentu (ptDefault zachowuje standardowy Bootstrap, ptDark ciemną paletę, ptDarkPro pełny profesjonalny ciemny motyw).

HtmlLang

Język zapisywany do atrybutu lang strony, domyślnie 'en'. Język pisany od prawej do lewej, taki jak 'ar' lub 'he', również przełącza stronę na kierunek od prawej do lewej, chyba że HtmlDir mówi inaczej.

UnRegisterComponent

Usuwa komponent z listy budowania. Komponent nie jest już renderowany.

RegisterComponent

Dodaje komponent do listy budowania. Komponenty są renderowane w kolejności, w jakiej zostały zarejestrowane.

GetHTML

Renderuje wszystkie zarejestrowane komponenty, owija połączony wynik w dokument Bootstrap 5 i zwraca kompletny ciąg HTML.

Kontynuuj eksplorację

Pomoc onlinePełna dokumentacja API i przewodnik użytkowania tego komponentu.
Wszystkie komponenty sgcHTMLPrzeglądaj pełną macierz funkcji 80+ komponentów.
Pobierz bezpłatną wersję próbną30-dniowa wersja próbna zawiera projekty demonstracyjne 60.HTML.
CenyLicencje Single, Team i Site z pełnym kodem źródłowym.
Najkorzystniejsza oferta: All-AccessWszystkie produkty eSeGeCe, ze wsparciem Premium w cenie, już od €1,059 rocznie.
Zobacz cennik All-Access

Gotowy do rozpoczęcia?

Pobierz bezpłatną wersję próbną i zacznij tworzyć interfejsy webowe w Delphi, C++ Builder i .NET.