低代码表单怎么配？：从样式到业务规则，一次搞定表单全局设置

JNPF后台常收到类似疑问

• 表单标题怎么统一右对齐？

• 怎么防止多人同时编辑同一数据？

其实 “表单属性” 是控制表单全局规则的核心入口，从视觉样式到业务逻辑都能在这里配置。今天把表单属性的 16 个核心配置项拆透，帮你避开全局设置的高频坑，让表单既符合视觉规范，又满足业务需求。

1.简介

表单属性是对表单整体进行的一系列设置，区别于字段属性对于单个字段的设置

2.设置步骤

2.1 设置入口

进入表单设计页面，在右侧工具栏中选择「表单属性」，即可进行相关设置

2.2 属性内容

2.2.1 表单尺寸

• 可设置表单控件的尺寸大小，默认为中等，支持 pc 端的新增、编辑、详情页

2.2.2 标签对齐

• 可设置表单控件的标签对齐，即控件标题对齐方式，默认为右对齐，支持 pc、app 的新增、编辑、详情页，app 子表的合计同样生效

  
  

设计如下：

效果如下：

注：公文风格不支持顶部对齐

2.2.3 标题宽度

• 可设置表单控件的标题宽度，默认为 100，pc 和 app 的新增、编辑、详情页都生效，pc 子表不生效，app 子表生效

2.2.4 标题后缀

• 可设置表单控件的标题后缀，在控件标题后添加标题后缀，pc 和 app 的新增、编辑、详情页都生效

注：1.若控件标题为空或不显示标题，则不显示控件标题 2.支持的控件：单行输入、多行输入、数字输入、开关、单选框组、多选框组、下拉选择、级联选择、日期选择、时间选择、文件上传、图片上传、颜色选择、评分、滑块、富文本、二维码、条形码、组织选择、岗位选择、用户选择、角色选择、分组选择、下拉树形、下拉表格、下拉补全、省市区域、单据组件、关联表单、弹窗选择、关联表单属性、弹窗选择属性、手写签名、定位、Iframe、计算公式、创建人员、创建时间、修改人员、修改时间、所属组织、所属岗位 3.不支持的控件：链接、按钮、文本、提示、设计子表、分组标题、分割线、折叠面板、标签面板、栅格容器、卡片容器、表格容器

2.2.5 栅格间隔

• 可设置表单控件的栅格间隔，仅支持 pc 的新增、编辑、详情页

2.2.6 弹窗类型

• 可设置表单的弹窗类型，包含居中弹窗、右侧弹窗、全屏弹窗，默认为居中弹窗，仅支持 pc 端

  
  

设计如下：

效果如下：

• 弹窗类型选择全屏弹窗时，展示页签管理设置，点击可设置页签

  
  

• 
  

  点击添加，展示页签新建页面，注：设置字段仅支持主副表字段，不支持子表字段；页签数据展示规则为查询页签对象字段=主表字段的数据

设置如下：

效果如下：

点击详情页，点击页签，展示页签对象字段和主表字段数据相等的数据

点击新建，将主表字段的值赋值给页签表字段，当页签表点击新建时将主表的数据带入到页签表中

注意事项：1、页签出来的数据是经过“设置关联查询关系”过滤后的数据，页签里的查询也是基于此基础上查询（如：关联查询设置了 name=张三，页签出来的数据都是张三的数据，页签查询也是基于张三的数据进行查询）2、当页签对象选择的是真分页视图的话，页签对象字段读取的是真分页的接口参数 3、当用户没有页签表单的权限时，显示“暂无数据”的界面 4、页签只支持普通表格样式，其他样式在页签管理下都变成普通表格

2.2.7 表单样式

• 可设置表单的样式，包含默认风格、公文风格，默认为默认风格，仅支持 pc 端的新增、编辑、详情页

  
  

2.2.8 表单 Css 和表单 Class

• 可配置表单的 Css 样式，编写表单 Css 后可在表单 Class 中引用；仅支持 pc

设计如下：

效果如下：

2.2.9 主键策略

• 可设置表单的主键策略，包含雪花 ID、自增长 ID，默认为雪花 ID，新建模板保存后无法更改

表单新建时，数据表连接选择雪花 ID 表，此时选择主键策略为自增长 ID，无法保存

2.2.10 并发锁定

• 可配置表单的乐观锁，即用户 A 和用户 B 同时编辑同一表单，第一个编辑表单的用户可保存成功，第二个编辑表单的用户无法保存成功，默认关闭

设计如下：

效果如下：

注：1.表单被流程引用时，会签同时审批流程时，才会触发并发锁定 2.行内编辑时，触发乐观锁的用户，需刷新列表才会初始化列表，否则会一直提示无法更新

2.2.11 逻辑删除

• 可配置表单数据的逻辑删除，默认关闭；逻辑删除的数据会在对应的数据库表的主表中生成 f_delete_mark、f_delete_time、f_delete_user_id字段，根据f_delete_mark字段过滤掉前端界面上删除的数据，可恢复数据；若不开启逻辑删除，则删除数据无法恢复

  
  

设计如下：

效果如下：

开启逻辑删除，删除数据后，再关闭逻辑删除，发布表单后，对应菜单列表会显示被逻辑删除的数据

2.2.12 修改记录

• 可配置表单数据的修改记录，默认关闭；开启后，表单的编辑页及详情页展示修改记录

  
  

设计如下：

效果如下：

表单新增一条数据，标记页及详情页展示修改记录

对新增的数据进行修改主表展示已修改字段，PC 端子表修改记录点击修改详情可查询具体内容（展示全部子表控件）

主表展示已修改字段，APP 端子表修改记录点击详情可查询具体内容（展示全部子表控件）

修改记录支持的控件类型如下：

• 注：

  
  

  1、启用后才开始记录修改记录

  
  

  2、启用数据日志，表单弹窗类型修改为“全屏弹窗”，且不可编辑

  
  

  3、被流程引用的表单也有修改记录，每个节点看到的记录都是当前节点绑定的表单修改记录，如果没有绑定表单，就展示发起表单的修改记录

  
  

  4、仅记录用户通过列表界面操作的新建、编辑

2.2.13 业务主键

• 可配置表单的业务主键，默认关闭；选择表单中主表的控件作为业务主键，可多选；无论是选择一个还是多个控件，业务主键都会将其视为一个整体，当业务主键中所有控件值均一致时，表单不允许提交

  
  

• 
  

  开启业务主键后，展示校验规则的规则设置，点击联合字段，下拉框展示可以设置为业务主键的控件，可自定义提示语

  
  

• 
  

  设计如下：

  
  

• 
  

  效果如下：

  
  

  新增一条数据

  
  

• 
  

  再次新增一条值相同的数据时，无法提交

  
  

导入也会判断业务主键

注：1、业务主键冲突时，异常信息只需要展示业务主键冲突提示 2、模式为“更新或新增数据”时：先进行业务主键判断，再进行唯一性校验业务主键存在时：更新数据；业务主键不存在时：新增数据

2.2.14 表单按钮

• 可配置表单按钮的名称（确定、取消、打印），确定和取消按钮勾选并禁用无法配置，打印按钮可配置是否显示；所有按钮均默认配置翻译，当系统语言切换时，按钮文字也会展示翻译后相应的文本

（1）配置按钮名称，确定和取消按钮支持 pc 和 app，打印按钮仅支持 pc 设计如下：

效果如下：

（2）勾选打印按钮后，在列表数据详情页显示打印按钮，可进行打印，默认不勾选

勾选打印按钮后，需选择打印模板

设计如下：

①、打印模板为单个时，点击打印直接跳转打印预览页面

②、若打印模板为多个时，打印需选择打印模板；设计如下：

展示效果：

（3）确定并继续按钮根据该开关控制显示，勾选后显示确定并新增、确定并继续、上一条、下一条、关闭则不显示，仅支持 pc；默认勾选

开启时显示

关闭时显示

2.2.15 自定义按钮

• 可点击添加按钮，配置后，在表单详情页中查看该按钮，点击按钮后，执行配置相应操作，APP 与 PC 端可分开配置；选择表单（只读取菜单中在线开发的表单类型数据（桌面端读取 PC 菜单，移动读取 APP 菜单））

点击添加按钮，展示按钮事件配置弹窗

配置后，在列表数据的详情页中可以看到按钮

①类型选择弹窗配置，按钮设置如下：

效果如下：点击确定

• PC

  
  

• 
  

• APP

  
  

• 
  

  ②类型选择弹窗配置，开启自定义按钮事件，按钮设置如下：

  
  

• 
  

  效果如下：

  
  

  点击确定

• PC

  
  

• 
  

• APP

  
  

• 
  

  ③类型选择 JS 脚本，按钮设置如下：

  
  

• 
  

  效果如下：

  
  

④类型选择接口配置，按钮设置如下：

效果如下：点击同意

• PC

  
  

• 
  

• APP

  
  

  点击同意

  
  

• 
  

  注：自定义按钮最多添加五个

  
  

  ⑤类型选择发起审批，按钮设置如下：

  
  

• 
  

  设置如下：

  
  

• 
  

  PC 端点击按钮效果如下：

  
  

• 
  

  APP 端点击按钮效果如下：

  
  

• 
  

  注意事项：

  
  

  1、系统将自动为所选的发起人创建流程，若发起人为多个，则系统会创建多个流程实例，每个流程实例对应一个发起人。

  
  

  2、发起审批只接受一条数据，若传输多条数据过来只取最后一条数据；

  
  

  3、无法发起的情况如下：

  
  

  （1）发起设置条件的提示：“流转条件不满足，无法发起审批”

  
  

  （2）设置候选人的提示："第一个审批节点设置候选人，无法发起审批"

  
  

  （3） 节点异常的提示："第一个审批节点异常，无法发起审批"

  
  

  （4）选择分支的提示：发起节点设置了选择分支，无法发起审批

  
  

  （5）找不到发起的提示：“找不到发起人，发起失败”

  
  

  4、发起人重复时，只发起一条实例：即当前用户和指定成员中选择的用户重复

  
  

  5、流程选择后才能进行指定成员发起人设置。流程未设置，勾选自定义后，点击“请选择”，提示：请先选择流程

  
  

  6、权限：有开启流程权限的流程，发起人只能选择有流程权限的用户

  
  

  7、当设置的发起人中都没有了流程权限则提示：“找不到发起人，发起失败”，能找发起人则发起流程。若原先设置 10 个人，其中 5 个人的权限被收回则跳过这 5 个人。

2.2.16 脚本事件

• 可配置表单的脚本事件，包含onLoad、beforeSubmit、afterSubmit
  

（1）onLoad 事件，表单加载时触发事件

设计如下：

表单属性配置的核心是 “先定视觉规范，再配业务规则，最后加交互按钮”：视觉上统一对齐和尺寸，业务上设置主键和并发规则，交互上添加专属按钮，让表单既规范又实用。比如做 “客户信息表单”，标签对齐设右对齐、业务主键设 “客户编号”、添加 “同步至 CRM” 自定义按钮，既符合视觉规范，又避免重复数据，还能联动其他系统。如果遇到样式适配差、业务规则不生效等问题，欢迎在评论区留言，我会帮你分析解决～