Skip to content

页面管理与页面形态

页面管理是创建应用后默认打开的主入口,应用的所有设计工作都从这里开始。

页面管理布局

页面管理主入口

  • 顶部导航:页面管理 / 业务流程 / 增强 / 应用设置 / 应用发布
  • 左侧页面树:分为上下两段
    • 系统页面(置顶,不参与排序):个人工作台、我的待办、我已办的、我发送的、抄送我的
    • 我创建的页面:按页面组或扁平列表展示,支持拖拽排序、重命名、删除、隐藏
  • 右侧内容区:选中系统页面时渲染对应视图;选中用户页面时展示数据列表或表单预览,点击「编辑」进入设计态

新建页面

点击左侧底部「+ 新建」,可选择:

  • 新建页面:创建空白页后按需添加组件
  • 新建页面组:用于归类多个页面

新建页面时先选择页面形态:

形态说明适用场景
表单页适合登记、申请和单条数据维护报名表、登记页、请假申请
列表页适合查询、筛选和批量管理数据数据看板、查询页
列表 + 表单在同一工作区浏览列表并编辑数据客户管理、订单管理
自定义页面自由搭建内容,不强制绑定数据对象首页、说明页、看板

新建页面选择形态

填写信息:

字段说明
页面名称例如"客户管理"
对象名称数据页同步创建的业务对象名称;自定义页面不绑定对象
对象编码字母开头,可使用数字和下划线,自动生成后仍可编辑

点击「进入设计器」开始设计。保存后,对象信息会显示在设计器顶部,随时可改。

页面设计器

页面设计器分三栏:

区域内容
左侧组件库字段组件(输入、选择、业务三组共 33 种)、布局组件、高级组件
中间画布表单或列表区域,支持拖拽排布
右侧属性面板字段标题、字段编码、字段类型、是否必填、默认值、占位提示等

拖字段自动建字段

把字段组件拖入画布时,系统自动完成:

  1. 在当前业务对象上创建对应字段(字段编码自动生成,可编辑)
  2. 同步创建数据库列
  3. 字段出现在左侧「对象字段」视图中,可重复拖拽复用

已存在数据的字段禁止删除和变更类型,系统会给出提示。

33 种字段组件

分组组件
输入输入框、扫码输入、多行文本、数字、金额、滑块、评分、颜色选择
选择静态下拉、字典下拉、单选、按钮单选、多选、穿梭框、级联选择、树形选择、远程选择、日期、日期时间、日期范围、日期时间范围、月份、年份、时间范围、开关
业务人员选择、部门选择、行政区划、对象引用、记录选择器、文件上传、图片上传、文本展示

预览与保存

设计器顶部提供预览、保存操作。列表形态的页面按实时数据渲染预览,与列表设计的工具栏配置保持一致。

页面与业务对象的关系

  • 一个数据页默认对应一个业务对象,页面名称作为对象显示名称
  • 复杂建模仍可使用对象设计器显式定义对象,页面设计器中可直接引用已有对象
  • 页面设计器顶部的对象信息可点击展开编辑,也可跳转到对象字段列表查看完整结构

下一步

Forge Admin — 基于 Vue3 + Spring Boot 的企业级后台管理框架