Bootstrap 模板
TsgcHTMLTemplate_Bootstrap — 将任意 HTML 正文内容包装为完整的、独立的 Bootstrap 5 文档,支持可配置的主题、语言和文字方向。
TsgcHTMLTemplate_Bootstrap — 将任意 HTML 正文内容包装为完整的、独立的 Bootstrap 5 文档,支持可配置的主题、语言和文字方向。
sgcHTML 中最底层的文档包装器。将组合好的组件 HTML 赋值给 BodyContent,配置文档级设置,然后读取 HTML 属性即可获得一个包含嵌入资源、可直接部署的 Bootstrap 5 页面。
将渲染好的组件 HTML 设置到 BodyContent,可选配置 Title、Theme 和 Language,然后读取 HTML 属性即可获得完整的、可部署的页面。
uses
sgcHTML_Template_Bootstrap;
var
oTemplate: TsgcHTMLTemplate_Bootstrap;
begin
oTemplate := TsgcHTMLTemplate_Bootstrap.Create(nil);
try
oTemplate.Title := 'My App';
oTemplate.Theme := htDark;
oTemplate.Language := 'en';
oTemplate.BodyContent := oNavBar.HTML + oGrid.HTML;
Response.ContentText := oTemplate.HTML;
finally
oTemplate.Free;
end;
end;
TsgcHTMLTemplate_Bootstrap *oTemplate = new TsgcHTMLTemplate_Bootstrap(NULL);
try
{
oTemplate->Title = "My App";
oTemplate->Theme = htDark;
oTemplate->Language = "en";
oTemplate->BodyContent = oNavBar->HTML + oGrid->HTML;
Response->ContentText = oTemplate->HTML;
}
__finally { delete oTemplate; }
var template = new TsgcHTMLTemplate_Bootstrap();
template.Title = "My App";
template.Theme = TsgcHTMLTheme.htDark;
template.Language = "en";
template.BodyContent = navbar.HTML + grid.HTML;
response.ContentText = template.HTML;
最常用的成员。
放置在文档 <body> 内的 HTML 片段;将 sgcHTML 组件的拼接输出赋值于此。
文档头部 <title> 元素的文本内容。
htLight、htDark 或 htSystem;在 <html> 元素上设置 data-bs-theme,使 Bootstrap 的颜色系统正确切换。
<html> 元素上的 lang 属性;默认为 'en'。
hdLTR 或 hdRTL;设置 dir 属性以支持从右到左的语言。
在关闭标签之前注入 <head> 的额外 HTML;可用于自定义 <style> 块、<meta> 标签或额外的 <script> 引用。