页面构建器

TsgcHTMLPageBuilder — 将已注册的 sgcHTML 组件组装成完整的 Bootstrap 5 页面,并在 Delphi IDE 中提供设计时可视化编辑器。

TsgcHTMLPageBuilder

一个高层次的组合层,接受有序的 sgcHTML 组件列表,通过 TsgcHTMLTemplate_Bootstrap 将其合并的 HTML 输出包装成 Bootstrap 5 文档并返回完成的页面。支持在 Delphi IDE 中进行设计时预览。

组件类

TsgcHTMLPageBuilder

用途

可视化页面组合

语言

Delphi, C++ Builder, .NET

注册组件,调用 Build

TsgcHTMLPageBuilder 放置到窗体上,按顺序注册您的 sgcHTML 组件,设置标题和主题,然后调用 Build 获取完整的页面 HTML。

uses
  sgcHTML_PageBuilder;

var
  oBuilder: TsgcHTMLPageBuilder;
begin
  oBuilder := TsgcHTMLPageBuilder.Create(nil);
  try
    oBuilder.Title := 'Sales Dashboard';
    oBuilder.Theme := htDark;
    oBuilder.RegisterComponent(oNavBar);
    oBuilder.RegisterComponent(oStatCard);
    oBuilder.RegisterComponent(oChart);
    Result := oBuilder.Build;
  finally
    oBuilder.Free;
  end;
end;
TsgcHTMLPageBuilder *oBuilder = new TsgcHTMLPageBuilder(NULL);
try
{
  oBuilder->Title = "Sales Dashboard";
  oBuilder->Theme = htDark;
  oBuilder->RegisterComponent(oNavBar);
  oBuilder->RegisterComponent(oStatCard);
  oBuilder->RegisterComponent(oChart);
  String html = oBuilder->Build();
}
__finally { delete oBuilder; }
var builder = new TsgcHTMLPageBuilder();
builder.Title = "Sales Dashboard";
builder.Theme = TsgcHTMLTheme.htDark;
builder.RegisterComponent(navbar);
builder.RegisterComponent(statCard);
builder.RegisterComponent(chart);
string html = builder.Build();

关键属性和方法

最常用的成员。

Title

文档标题,由底层 Bootstrap 模板插入到 <title> 标签中。

Theme

htLighthtDarkhtSystem;将 Bootstrap 的 data-bs-theme 属性应用到文档元素上。

Template

访问内部的 TsgcHTMLTemplate_Bootstrap,以设置 LanguageDirectionHeadContent 或其他文档级属性。

Components

已注册页面组件的有序集合;构建器按注册顺序连接各组件的 HTML 输出。

RegisterComponent

将组件添加到构建列表;组件按注册顺序渲染。

Build

渲染所有已注册的组件,将合并输出包装成 Bootstrap 5 文档,并返回完整的 HTML 字符串。

继续探索

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

准备好开始了吗?

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