数智双星
数智双星
操作指南稳定能力

表单设计（页面设计器）：界面总览

了解 表单设计（页面设计器） 中“界面总览”的使用方法、操作要求和完成标准。

适用：开发者阅读约 7 分钟更新于 2026-05-20
阅读本页后，你可以

了解 表单设计（页面设计器） 中“界面总览”的使用方法、操作要求和完成标准。 完成本页后，你应能够理解功能边界，并按步骤完成配置和验证。

开始前检查

  • 已登录 DSP 平台并进入正确组织
  • 已选择目标应用和当前开发版本
  • 账号拥有当前功能的查看或编辑权限
界面总览界面示例
界面总览界面示例，点击可查看原图。

界面总览

设计器采用 顶栏工具条 + 左侧资源面板 + 中间画布 + 右侧属性区 布局。

图3-1 设计器整体布局
图3-1 设计器整体布局
编号区域说明
①顶栏（DspDesignerHeader）保存、撤销/重做、预览、模型管理、展示配置、权限配置、流程、AI
②左侧 Tab 图标栏文件、组件、数据、方法、接口、业务模型、表单元素、参数/字典、公共方法
③左侧内容区随 Tab 切换：页面树、组件树、数据集列表等
④画布标题栏当前页面名称与 pageId（点击可复制编号）
⑤中间画布拖拽布局、选中组件
⑥右侧配置组件属性、样式、数据、事件（uiconfig）

快捷键：Ctrl+S / Cmd+S 保存（代码编辑器内同样生效）。

字段与控件说明

字段名称以当前页面显示为准。不同版本或权限下，可选项可能有所差异。

23 项
字段名称位置用途填写规则可选值影响结果常见错误
保存顶栏持久化页面 JSON按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。持久化页面 JSON若无法保存，优先检查必填项、格式校验、权限和网络请求返回信息。
撤销顶栏回退上一步编辑按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。回退上一步编辑若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
重做顶栏恢复撤销按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。恢复撤销若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
预览顶栏打开预览路由按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。打开预览路由若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
模型管理顶栏跳转/弹窗管理 biz 模型按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。跳转/弹窗管理 biz 模型若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
展示配置顶栏配置展示相关项按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。配置展示相关项若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
权限配置顶栏打开数据/按钮权限按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。会影响用户可访问的菜单、按钮、数据范围或审批操作。若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
流程顶栏关联流程配置按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。会影响流程流转、审批节点和待办生成。若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
AI顶栏打开 AI 辅助面板按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。打开 AI 辅助面板若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
文件左栏页面树、新建/复制页面选择符合页面要求的文件格式和大小，上传后确认预览或附件列表。无固定枚举；按业务规则或页面格式要求填写。页面树、新建/复制页面若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
组件左栏组件库，拖入画布按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。组件库，拖入画布若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
数据左栏数据集、绑定按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。数据集、绑定若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
方法左栏页面级方法脚本按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。页面级方法脚本若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
接口左栏接口引用配置按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。会影响外部系统调用、数据同步或联调排查。若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
业务模型左栏模型字段树按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。模型字段树若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
表单元素左栏表单专用组件按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。表单专用组件若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
公共方法左栏跨页公共方法按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。跨页公共方法若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
选中组件画布右侧显示 uiconfig按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。右侧显示 uiconfig若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
拖入组件画布新增组件节点按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。新增组件节点若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
属性右侧编辑组件属性按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。编辑组件属性若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
样式右侧编辑样式按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。编辑样式若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
数据右侧绑定字段/数据集按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。绑定字段/数据集若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。
事件右侧配置点击/加载等事件按页面提示填写或选择，保存前检查必填项、格式和关联数据是否完整。无固定枚举；按业务规则或页面格式要求填写。配置点击/加载等事件若操作无响应，刷新页面后重试，并检查当前账号是否具备该模块操作权限。

完成标准

不要只以“按钮点击成功”作为完成依据，请至少核对以下结果。

  • 持久化页面 JSON
  • 回退上一步编辑
  • 恢复撤销
  • 基于数据模型快速搭建「列表 + 表单 + 详情」业务页；
  • 配置数据权限、按钮事件、公共数据集与方法；

继续阅读

操作指南 · 页面与表单功能分节

了解 表单设计（页面设计器） 中“功能分节”的使用方法、操作要求和完成标准。

模块指南 · 页面与表单表单设计（页面设计器）

页面表单设计器是 DSP 低代码平台体量最大、能力最全的生产力模块，负责 PC/移动端页面与表单的可视化设计、数据绑定、逻辑编排、权限配置与运行态渲染。 典型场景： 基于数据模型快速搭建「列表 + 表单 + 详情」业务页； 配置数据权限、按钮事件、公共数据集与方法； 预览后发布到工作台菜单，供…

概念说明 · 页面与表单端到端场景

了解 表单设计（页面设计器） 中“端到端场景”的使用方法、操作要求和完成标准。

操作指南 · 页面与表单画布与右侧配置

完成 表单设计（页面设计器） 中“画布与右侧配置”的配置、操作和结果验证。

概念说明 · 页面与表单概述

了解 表单设计（页面设计器） 中“概述”的使用方法、操作要求和完成标准。

概念说明 · 页面与表单与周边模块协作

了解 表单设计（页面设计器） 中“与周边模块协作”的使用方法、操作要求和完成标准。