文档目录

页面引擎：业务应用如何被呈现

页面引擎解决业务应用页面开发慢、样式乱、改动难的问题，通过可视化拖拽、Schema驱动和组件化组装，让业务人员在小时级搭建专业页面，无需前端开发。

  • 页面引擎将页面从代码升级为可配置、可组合、可版本化的数字资产
  • 50+组件拖拽组合，小时级搭建完整业务页面
  • Schema驱动，页面即JSON Schema，与代码解耦
  • 一套设计自动适配PC、移动、平板三端
  • 页面模板与组件库支持跨项目复用，沉淀行业资产

页面是用户与系统对话的界面。 无论底层的数据模型多么精妙、流程逻辑多么复杂，最终都要通过一个页面呈现给用户。

页面引擎是元序·智序体七台引擎的"呈现层"——它将表单、列表、图表、流程等组件拼装成完整的业务应用界面，让业务人员用拖拽的方式，在小时级完成专业业务页面的搭建，无需前端开发。

一、为什么需要页面引擎

1.1 传统页面开发的三大困境

在政企应用界面开发中，面临三个系统性的困境：

困境一：每个业务页面都要前端从零开发，重复劳动极多。

列表页、详情页、编辑页、看板页——不同业务系统的页面结构高度相似，但每个都要前端工程师从零开发。一个中等复杂度的业务系统有 50100 个页面，前端开发工作量占整体开发量的 4060%。 大量重复劳动，人力浪费严重。

困境二：页面样式不统一，用户体验差。

A 系统一个风格、B 系统另一个风格——按钮位置不同、表格列宽不同、弹窗样式不同。用户每切换一个系统就要重新适应，培训成本高、操作效率低。 在"一网通办"等整合场景中，统一体验几乎不可能实现。

困境三：页面修改要走完整的前端开发流程，小改动也要等发版。

在页面上加一个按钮、改一个布局、调整一个字段——需要前端开发→联调→测试→发版，周期 1~3 天。业务部门的"小需求"排不上队，用户体验长期得不到改善。

1.2 页面引擎的定位

页面引擎在元序·智序体中的定位：

维度定位核心价值
七台引擎之呈现层负责业务应用界面的快速搭建界面引擎
Schema 驱动页面即 JSON Schema，与代码解耦低代码核心
组件化50+ 组件自由组合积木式搭建
多端统一一套设计，PC/移动/平板自动适配体验一致

页面引擎的本质：将"页面"从前端代码升级为可配置、可组合、可版本化的数字资产，让业务界面的搭建不再依赖前端开发。

二、核心能力详解

2.1 可视化页面设计器

50+ 组件拖拽组合，小时级搭建完整业务页面。

页面引擎提供功能强大的可视化设计器，覆盖业务页面搭建的全部需求：

  • 50+ 组件类型：表格、表单、图表、地图、树形结构、标签页、时间线、步骤条、卡片、折叠面板……覆盖政务和企业场景的绝大多数页面元素；
  • 灵活布局系统：栅格布局、标签页布局、弹窗布局、分栏布局——满足从简单列表到复杂驾驶舱的各种排版需求；
  • 属性面板：每个组件的数据源、样式、事件绑定、权限配置，全部可视化操作；
  • 实时预览：设计即所见，支持 PC/移动/平板三端同时预览。

页面搭建示例：

搭建"企业监管工作台"页面：
1. 顶部区域 → 拖入「统计卡片」组件 × 4（企业总数、本月新增、异常预警、待处理）
2. 左侧区域 → 拖入「树形结构」组件（企业分类导航）
3. 中间区域 → 拖入「表格」组件（企业列表，支持排序、筛选、分页）
4. 右侧区域 → 拖入「时间线」组件（最近监管动态）
5. 底部区域 → 拖入「图表」组件（各区县企业分布柱状图）
总耗时：约 1.5 小时（传统前端开发需 5~7 天）

2.2 数据绑定

组件与数据源自动关联——数据标准驱动、API 驱动、实时刷新。

  • 数据标准绑定：组件直接绑定数据元素编码，数据自动填充——表格列绑定 ORG_001（机构名称），自动显示机构名称数据；
  • API 绑定：组件可绑定后端 API 接口，动态加载数据——支持 REST、GraphQL 等多种协议；
  • 参数传递：页面间参数传递、列表→详情页联动，配置即完成——点击列表某行，自动将 ID 传递给详情页；
  • 实时刷新：数据变更后页面自动刷新，无需手动操作——支持 WebSocket 实时推送和定时轮询两种模式。

2.3 交互编排

不写代码，实现复杂的页面交互逻辑。

  • 事件驱动：按钮点击、数据变更、页面加载等事件可触发后续动作——如"点击提交按钮→校验表单→调用 API→弹窗提示成功"；
  • 动作编排：打开页面、提交数据、弹窗提示、调用 API、刷新组件、跳转链接——通过可视化配置串联；
  • 联动逻辑：选择 A 下拉框 → B 下拉框自动过滤选项；勾选表格行 → 下方图表自动更新——无需写代码；
  • 条件逻辑：根据用户角色、数据状态、业务条件动态控制组件的显隐、可编辑性。

2.4 多端统一与主题系统

一套设计，多端呈现——PC、移动、平板全覆盖，主题品牌可定制。

  • 响应式布局：根据屏幕尺寸自动调整组件排列——PC 端多列显示，移动端单列堆叠；
  • 离线模式：关键页面支持离线缓存，断网可用——适用于现场巡检、应急指挥等网络不稳定场景；
  • 内置主题：政务蓝、企业灰、科技绿等多套预设主题，一键切换；
  • 自定义主题：Logo、主色调、字体、间距、圆角全部可配——满足品牌定制需求；
  • 暗色模式：一键切换明暗主题，适用于大屏展示和夜间使用。

2.5 版本管理与组件复用

页面即资产——有版本号、可发布为模板、可跨项目复用。

  • 版本化管理：每次修改生成新版本，已发布的页面不受后续修改影响；
  • 页面模板：常用页面可发布为模板（如"审批工作台""数据看板"），其他项目一键引用；
  • 组件库：常用组件组合可封装为自定义组件（如"企业信息卡片"），跨页面、跨项目复用；
  • 导入导出：页面 Schema 以 JSON 格式导入导出，跨环境迁移零成本。

三、核心价值

3.1 量化价值

维度传统方式元序基础方案元序 AI 增强
一个业务页面开发周期3~7 天（前端开发）2~4 小时（拖拽搭建）30 分钟（AI 根据需求推荐页面布局）
修改布局/字段前端开发→测试→发版（1~3 天）拖拽修改→即时生效AI 分析修改影响范围并建议方案
多端适配每个端单独开发（3~5 天/端）一次设计，多端自动适配AI 针对不同端自动优化布局
UI 一致性靠设计规范约束（70~80%）组件库统一保证（100%）AI 自动检测样式偏离并修正

3.2 定性价值

  • 释放前端人力：80% 的页面搭建工作由业务人员完成，前端工程师聚焦于复杂组件开发；
  • 统一用户体验：所有页面使用统一组件库，体验一致性从"靠规范"变为"靠系统"；
  • 快速响应需求：业务部门的页面调整需求，小时级响应，不再排队等待开发；
  • 积累界面资产：每一个页面都是可复用的数字资产，随项目积累形成行业页面库。

四、数据资产沉淀

4.1 页面资产化

页面引擎将"页面"从前端代码转化为可管理的数字资产：

资产类型内容沉淀方式
页面模板行业通用页面的 Schema 定义设计→发布→入库
组件库可复用的自定义组件常用组合→封装为组件
布局规范页面布局的标准模板最佳实践→标准提炼
交互模式常用的交互逻辑配置项目沉淀→模式提炼

4.2 四层沉淀模型

第一层：业务数据 —— 页面呈现和采集的业务数据
    ↓
第二层：知识资产 —— 页面模板、组件库、布局规范、交互模式
    ↓
第三层：AI 模型 —— 基于用户行为数据的页面优化推荐、智能布局模型
    ↓
第四层：行业模板 —— 经过多个项目验证的行业级页面解决方案

五、与其他基座的关系

5.1 协同关系

页面引擎是七台引擎的"呈现层"，与引擎家族和各大基座紧密协同：

基座/引擎协同方式协同价值
表单引擎表单组件嵌入页面，表单数据在页面中流转数据采集
BI 引擎图表组件嵌入页面，BI 看板成为页面的一部分数据呈现
流程引擎待办列表、审批页面由页面引擎呈现流程交互
能力基座字典选择器、文件上传等能力组件直接嵌入页面能力复用
应用基座页面是应用的核心组成，由应用基座统一管理资产管理
认证基座页面级权限控制，不同角色看到不同页面安全合规

5.2 协同案例

以"领导驾驶舱"为例：

  1. BI 引擎生成核心指标图表（GDP 趋势、审批效能、民生热点）；
  2. 页面引擎将多个图表组装为驾驶舱页面——顶部 KPI 卡片、中间地图 + 图表、底部预警列表；
  3. 表单引擎的"领导批注"表单嵌入页面右下角，领导可直接在驾驶舱中批注；
  4. 认证基座控制不同领导看到不同数据范围——市长看全市，副区长看本区；
  5. 页面引擎的交互编排实现"点击某区→下钻到街道→再下钻到社区"的多级钻取。

六、实施建议

6.1 分阶段上线策略

阶段目标周期关键动作
第一阶段核心页面上线2~4 周梳理高频页面→拖拽搭建→数据绑定→上线验证
第二阶段交互能力深化2~4 周配置事件联动、条件逻辑、多端适配等高级能力
第三阶段模板化推广持续将成熟页面发布为模板→跨项目推广→形成行业页面库

6.2 关键成功因素

  • 组件规范先行：先建立组件库和使用规范，再搭建页面——确保页面风格统一；
  • 模板优先策略：优先使用已有页面模板，减少从零搭建——在模板基础上调整比重新搭建效率高 5 倍；
  • 渐进式替代：不必一次性替换所有旧页面，可以新旧并行、逐步切换——降低风险。

七、结语

页面引擎是元序·智序体的"呈现之窗"——用户通过页面与系统对话，页面的质量直接决定了用户的体验和效率。

传统模式下，页面是前端代码的产物——开发慢、风格乱、改不动。元序页面引擎将页面从代码中解放出来，让它成为可配置、可组合、可版本化的数字资产。当业务人员能在小时级完成专业页面的搭建，当一套设计自动适配 PC、移动、平板三端，当 50+ 组件像积木一样自由组合——这才是业务界面搭建应有的方式。

页面引擎不只是低代码工具，更是用户体验的统一守护者。

相关标签页面引擎低代码可视化搭建政企应用多端适配页面模板Schema驱动组件化
流程引擎：业务协同如何被运转引擎基座总览