页面构建器
TsgcHTMLPageBuilder — 将已注册的 sgcHTML 组件组装成完整的 Bootstrap 5 页面,并在 Delphi IDE 中提供设计时可视化编辑器。
TsgcHTMLPageBuilder — 将已注册的 sgcHTML 组件组装成完整的 Bootstrap 5 页面,并在 Delphi IDE 中提供设计时可视化编辑器。
一个高层次的组合层,接受有序的 sgcHTML 组件列表,通过 TsgcHTMLTemplate_Bootstrap 将其合并的 HTML 输出包装成 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 字符串。