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

从 Elevate Web Builder 迁移到 sgcHTML

Elevate Software 的 Elevate Web Builder 是一个快速应用开发环境,拥有自己的 IDE 和一种编译为 JavaScript 的 Object Pascal 方言。它为 Pascal 开发者提供了一条真正的可视化通往浏览器之路,3.x 版本是当前版本并在积极维护。同时也在 RAD Studio 中工作的团队会关注 sgcHTML,因为它让他们可以在已有的 Delphi(或 C++ Builder)项目中,用标准 Object Pascal 构建 Web 界面,并获得服务器端渲染的 Bootstrap 5 页面、htmx 交互和 WebSocket 实时功能。

架构上有哪些变化

根据 Elevate Software 的说明,Elevate Web Builder 应用在其自己的 IDE 中编写,使用一种编译为 JavaScript 的 Object Pascal 方言。应用在浏览器客户端运行并与服务器模块通信,原生模块可为 Delphi 宿主构建。sgcHTML 反转了这个模型:组件是编译进您服务器的原生类,HTML 在服务器端渲染,浏览器保持为一个轻量的标准客户端。

一个 IDE,标准 Pascal

您完全留在 RAD Studio 中,使用标准的 Delphi、C++ Builder 或 .NET。没有第二个要学习的 IDE,也没有语言方言。sgcHTML 组件是您现有项目中的原生类。

进程内数据访问

页面在服务器上渲染,可直接访问任何 Delphi 库、数据库驱动或现有数据模块。27 个数据感知组件直接绑定到 TDataSet,UI 和数据之间没有模块边界。

Bootstrap 5 加 htmx

输出是干净的 Bootstrap 5 标记,您可以检查它并用任何 Bootstrap 主题重新设计样式。交互来自 htmx(约 14 KB),所以您编写 Object Pascal 或 C#,sgcHTML 负责生成 HTML、CSS 和 JavaScript。

实时功能和完整源代码

WebSocket 推送内置于同一组件集:服务器通过 sgcHTMX 引擎广播 HTML 片段。组件层附带完整源代码。

Elevate Web Builder 概念到 sgcHTML 的映射

Elevate Web Builder 应用的每个构建块在 sgcHTML 模型中都有直接对应项。

Elevate Web Builder 概念sgcHTML 等效项
Elevate Web Builder IDE 项目您现有的 RAD Studio 项目;组件是您添加进去的原生类
表单和可视化控件sgcHTML 节点组件,89 个服务器端组件,分为九大家族
数据集和服务器模块在您的服务器中直接绑定 TDataSet,27 个数据感知组件在进程内读取您的数据
编译出的 JavaScript 客户端服务器端渲染的 Bootstrap 5 HTML,通过 htmx(约 14 KB)保持交互
客户端事件处理程序返回组件 HTML 的 htmx 片段路由
以静态文件加服务器模块的方式部署单个自包含的服务器可执行文件或服务,无外部运行时
控件样式属性Bootstrap 5 主题,内置明亮和暗黑模式,可用任何 Bootstrap 主题重新设计样式
实时数据更新通过 sgcHTMX 引擎以 WebSocket 广播 HTML 片段(hx-swap-oob)

已经可用的东西继续可用

迁移 UI 层并不意味着从头开始。围绕它的投入都可以直接延续。

您的代码库和 IDE

您的 Delphi 或 C++ Builder 项目留在原处。sgcHTML 编译进这些项目,Web 界面成为同一次构建的一部分。

您的数据模块

现有的 TDataSet 逻辑、查询和业务规则原样复用。数据感知组件绑定到您已经在维护的数据集。

您的部署习惯

您仍然交付单个二进制文件。应用部署为一个自包含的可执行文件或服务,无需外部运行时。

您团队的技能

Object Pascal 和 C# 仍然是工作语言。没有人需要学习方言或手工维护 JavaScript。

务实的迁移路径

您不必一次迁移所有内容。两个服务器可以并行运行,您逐屏迁移。

1

清点屏幕

列出 Elevate Web Builder 应用的表单、每一个展示的数据,以及哪些需要实时更新。

2

映射到组件

将每个屏幕与 sgcHTML 的网格、表单、图表和仪表板对应起来。浏览全部 89 个组件来挑选对应项。

3

逐页重建

sgcHTML 提供标准 HTTP 服务,因此两个服务器可以在同一反向代理后并行运行,页面一次一个地迁移过去。

4

接入交互

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

我们帮您迁移

您不必独自完成这件事。告诉我们您的 Elevate Web Builder 应用、各个屏幕、其背后的数据以及您需要的实时行为,eSeGeCe 团队将帮助规划迁移:屏幕清单、组件映射和切合实际的时间表。如果您愿意,我们也可以通过 sgcCustomization HTML 为您重建应用,一次性套餐价格自 €149 起。

实际运行效果

五个完整的应用,每一个都仅使用 sgcHTML + sgcWebSockets 构建,并在 eSeGeCe 演示服务器上实时运行。

ERP

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

打开实时演示 →

管理 CRUD

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

打开实时演示 →

实时监控

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

打开实时演示 →

客户门户

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

打开实时演示 →

帮助台

一个支持工单帮助台,包含回复线程和管理统计。

打开实时演示 →

说句公道话:如果您的产品必须在浏览器客户端运行、几乎不依赖服务器,并且您的团队在 Elevate Web Builder IDE 中效率很高,那么继续使用它是合理的选择。3.x 版本是当前版本并在积极维护。如果您想用供应商引用的证据来权衡各个选项,我们中立的对比页面提供了一个附来源引用的并排矩阵。

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

在 RAD Studio 中构建您的下一个 Web 界面

下载包含全部 89 个组件的免费试用版,或查看版本和授权。sgcHTML 按开发者授权,价格自 €299 起,并需要 sgcWebSockets Professional 或 Enterprise。