ページビルダー
TsgcHTMLPageBuilder — 登録された sgcHTML コンポーネントを完全な Bootstrap 5 ページに組み立てます。Delphi IDE ではデザイン時のビジュアルエディタも利用できます。
TsgcHTMLPageBuilder — 登録された sgcHTML コンポーネントを完全な Bootstrap 5 ページに組み立てます。Delphi IDE ではデザイン時のビジュアルエディタも利用できます。
sgcHTML コンポーネントの順序付きリストを受け取り、それらの HTML 出力を TsgcHTMLTemplate_Bootstrap を通じて Bootstrap 5 ドキュメントにまとめ、完成ページを返す高水準コンポジション層です。Delphi IDE でのデザイン時プレビューにも対応しています。
フォームに TsgcHTMLPageBuilder を配置し、sgcHTML コンポーネントを順番に登録して、タイトルとテーマを設定した後、GetHTML を呼び出すと完成ページの HTML が返されます。
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();最もよく使うメンバーです。
内部の Bootstrap テンプレートによって <title> タグに挿入されるドキュメントのタイトルです。HtmlDir はページの方向を 'rtl' または 'ltr' で設定します。空のままにすると、アラビア語やヘブライ語のような右から左の言語ではページが自動的に右から左になります。
ptDefault、ptDark、または ptDarkPro。テーマ固有の CSS ブロックをドキュメントのヘッドに注入します（ptDefault は標準の Bootstrap を維持し、ptDark はダークパレット、ptDarkPro は本格的なプロフェッショナルダークテーマになります）。
ページの lang 属性に書き込まれる言語で、デフォルトは 'en' です。'ar' や 'he' のような右から左の言語を指定すると、HtmlDir で別の指定をしない限り、ページも右から左になります。
コンポーネントをビルドリストから削除します。削除されたコンポーネントはレンダリングされなくなります。
コンポーネントをビルドリストに追加します。コンポーネントは登録された順序でレンダリングされます。
登録されたすべてのコンポーネントをレンダリングし、結合した出力を Bootstrap 5 ドキュメントでラップして、完成した HTML 文字列を返します。