从 D2Bridge Framework 迁移到 sgcHTML — 面向 Delphi 的 Web UI 组件 | eSeGeCe

从 D2Bridge Framework 迁移到 sgcHTML

D2Bridge Framework 将现有的 Delphi VCL 表单发布到 Web,它受欢迎的理由很充分:只需极少的代码改动,就能快速让旧应用可以从浏览器访问。团队通常在下一阶段开始关注 sgcHTML,即当镜像的桌面屏幕需要成为一个真正独立的 Web 应用时,它的布局、导航和交互模式应为浏览器和移动用户而设计,而不是从桌面照搬过来。

架构上有哪些变化

从镜像的桌面表单,到 Web 优先、由组件构建的页面。

正如其供应商所描述的,D2Bridge Framework 是一座桥:它拿到您已有的 VCL 表单,生成一个镜像桌面表单布局的基于 Bootstrap 的 Web 界面,让现有应用只需极少的重做即可从浏览器访问。sgcHTML 从另一端出发。您用 89 个渲染干净 Bootstrap 5 标记的服务器端组件来组合每个页面,因此页面从第一行起就是为浏览器设计的,而桌面表单只是一份用来参考的清单,而不是要复刻的布局。

Web 优先的界面

页面、导航和交互都是为 Web 和移动用户构建的,而不是从桌面表单衍生的。结果是标准的服务器端渲染 HTML,对 SEO 友好,在任何设备上都很快。

对标记的完全控制

您控制生成的 Bootstrap 5 标记的每一个元素,并可用任何 Bootstrap 主题重新设计样式。内置明亮和暗黑主题。

htmx + WebSocket 实时功能

通过 htmx(约 14 KB)进行局部页面更新,以及通过 sgcHTMX 引擎经 WebSockets 推送的实时功能,都是组件集的一等特性,包括 hx-swap-oob 片段广播。

Delphi、C++ Builder 和 .NET

同样的组件既是原生的 Delphi 和 C++ Builder 类,也提供具有相同 Tsgc* 名称的纯托管 .NET 实现。包含完整源代码,并有商业支持和底层的 sgcWebSockets 网络栈。

D2Bridge 概念与 sgcHTML 等效项

桥接的 VCL 应用的每个部分在 sgcHTML 模型中的落点。

在 D2Bridge Framework 中 在 sgcHTML 中
导出的 VCL 表单 专门构建的 sgcHTML 页面。从您已有的镜像屏幕清单开始。
呈现到 Web 的 VCL 控件 为 Web 用户体验挑选的等效 sgcHTML 组件:网格、表单、图表、卡片等等。
DB 感知的 VCL 控件 27 个数据感知的 sgcHTML 组件,绑定到同样的 TDataSet / DataSource 逻辑。
表单事件 返回组件 HTML 的 htmx 片段路由。
在浏览器中镜像的 VCL 外观 为浏览器和移动端设计的 Bootstrap 5 布局。
由桥接运行时提供服务的应用 sgcWebSockets 服务器可执行文件,或 WebBroker、DataSnap 或 RAD Server 宿主。
用刷新或轮询获取变化的数据 WebSocket 推送:服务器向已连接的浏览器广播 HTML 片段。

这次迁移比看起来要小

迁移 UI 并不意味着重写应用。

您的代码库和 IDE

您继续在 RAD Studio 中使用 Delphi 或 C++ Builder 工作。sgcHTML 组件是编译进您的服务器二进制文件的原生类。

您的数据层

数据模块、查询和 TDataSet 逻辑原样延续。数据感知组件直接绑定到您的 VCL 屏幕已经在使用的数据集。

您的部署习惯

单个自包含的可执行文件或服务,无需外部运行时。部署保持与桌面应用同样简单。

您团队的技能

您编写 Object Pascal 或 C#,sgcHTML 负责生成 HTML、CSS 和 JavaScript。开发者无需编写任何 JavaScript。

务实的迁移路径

逐页迁移,两个服务器并行运行。

1

清点屏幕

列出桥接应用暴露的表单、每个表单背后的数据,以及用户真正常用的屏幕。桥接已经为您提供了这份清单。

2

将屏幕映射到组件

将每个屏幕与 sgcHTML 组件对应起来:网格、表单、图表、仪表板。浏览组件画廊,为每个屏幕挑选它应得的 Web 模式。

3

逐页重建

sgcHTML 提供标准 HTTP 服务,因此新旧服务器可以在同一反向代理后并行运行,您可以每次只迁移一个页面。

4

接入交互和推送

添加 htmx 交互以实现局部更新,并在应用需要实时数据而非刷新或轮询的地方加入 WebSocket 推送。

我们帮您迁移

告诉我们您的 D2Bridge Framework 应用,eSeGeCe 团队将帮助规划迁移:哪些屏幕映射到哪些组件、哪些保留、哪些为 Web 重新设计。如果您愿意,我们也可以通过 sgcCustomization HTML 为您重建应用,一次性套餐价格自 €149 起,根据您对应用的书面描述构建。

实际运行效果

五个完整的应用,每一个都仅使用 sgcHTML + sgcWebSockets 构建。

ERP

客户、供应商、产品、发票和报表。

打开实时演示 →

管理 CRUD

一个紧凑的管理控制台,包含 CRUD 界面和实时搜索。

打开实时演示 →

实时监控

一个实时仪表板,其 KPI 通过 WebSockets 推送。

打开实时演示 →

客户门户

一个自助门户,包含订单、个人资料和支持。

打开实时演示 →

帮助台

支持工单,包含回复线程和管理仪表板。

打开实时演示 →

对两种方案都说句公道话:如果需求只是以极少的重做快速暴露一套现有的 VCL 屏幕,那么像 D2Bridge Framework 这样的桥接方案是合理的第一步,它把这个问题解决得很好。当 Web 界面必须成为一等公民的产品时,sgcHTML 才是那条路。要中立地了解 sgcHTML 与其他 Delphi 和 .NET Web 框架的对比,请参阅附来源引用的并排矩阵。sgcHTML 按开发者授权,价格自 €299 起,包含完整源代码,并需要 sgcWebSockets Professional 或 Enterprise。

超值之选:All-AccesseSeGeCe 全部产品,含高级支持,每年 €1,059 起。
查看 All-Access 价格

构建 Web 优先的版本

下载包含全部 89 个组件的免费试用版,将您的第一个屏幕重建为一个为浏览器设计的页面。