Bootstrap 模板 — sgcHTML | eSeGeCe

Bootstrap 模板

TsgcHTMLTemplate_Bootstrap — 将任意 HTML 正文内容包装为完整的、独立的 Bootstrap 5 文档,支持可配置的主题、语言和文字方向。

TsgcHTMLTemplate_Bootstrap

sgcHTML 中最底层的文档包装器。将组合好的组件 HTML 赋值给 BodyContent,配置文档级设置,然后读取 HTML 属性即可获得一个包含嵌入资源、可直接部署的 Bootstrap 5 页面。

组件类

TsgcHTMLTemplate_Bootstrap

用途

完整的 Bootstrap 5 文档包装器

语言

Delphi, C++ Builder, .NET

赋值 BodyContent,读取 HTML

将渲染好的组件 HTML 设置到 BodyContent,可选配置 TitleHtmlThemeHtmlLang,然后读取 HTML 属性即可获得完整的、可部署的页面。

uses
  sgcHTML_Template_Bootstrap;

var
  oTemplate: TsgcHTMLTemplate_Bootstrap;
begin
  oTemplate := TsgcHTMLTemplate_Bootstrap.Create(nil);
  try
    oTemplate.Title       := 'My App';
    oTemplate.HtmlTheme   := 'dark';
    oTemplate.HtmlLang    := '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->HtmlTheme   = "dark";
  oTemplate->HtmlLang    = "en";
  oTemplate->BodyContent = oNavBar->HTML + oGrid->HTML;
  Response->ContentText  = oTemplate->HTML;
}
__finally { delete oTemplate; }
var template = new TsgcHTMLTemplate_Bootstrap();
template.Title       = "My App";
template.HtmlTheme   = "dark";
template.HtmlLang    = "en";
template.BodyContent = navbar.HTML + grid.HTML;
response.ContentText = template.HTML;

关键属性和方法

最常用的成员。

BodyContent

放置在文档 <body> 内的 HTML 片段;将 sgcHTML 组件的拼接输出赋值于此。

Title

文档头部 <title> 元素的文本内容。

HtmlTheme

写入 <html> 元素 data-bs-theme 属性的字符串(例如 'light''dark'),使 Bootstrap 的颜色系统正确切换。若需自动的明亮 / 暗黑 / 系统切换,可将 TsgcHTMLThemeBuilderMode = tmLighttmDarktmSystem)接入 ThemeBuilder 属性。

HtmlLang

<html> 元素上的 lang 属性;默认为 'en'。sgcHTML 还内置了 17 种语言的 UI 文本,可通过 sgcHTMLSetLanguage 选择,使组件以正确的原生文字(包括中日韩文字、西里尔文和阿拉伯文)渲染。

HtmlDir

写入 dir 属性的字符串(例如 'ltr''rtl'),用于支持从右到左的语言。

CustomHead

注入 <head> 的额外 HTML;可用于自定义 <meta> 标签或额外的 <script> 引用。与 CustomCSS 搭配使用可添加内联 <style> 块。

继续探索

在线帮助此组件的完整 API 参考和使用指南。
所有 sgcHTML 组件浏览 60+ 组件的完整功能矩阵。
下载免费试用版30 天试用版包含 60.HTML 演示项目。
价格包含完整源代码的单用户、团队和站点许可证。

准备好开始了吗?

下载免费试用版,开始在 Delphi、C++ Builder 和 .NET 中构建 Web UI。