表单系统设计

1、表单系统设计目的表单定义：表单是用来呈现与存储数据的图形化界面，数据展现、数据存储、用户交 互的工具。我们用火车来比喻，数据就是货物、表单就是车厢、火车头就是工作流程引擎。自定义表单设计器，采用数据库格式化存储表单模板。实现原理自定义表单功能概括起来如下1、表单预览，动态报表展示（列表数据展示）2、表单数据填报, 3、支持多数据表同时填报，一对多数据表填报，单表多条数据批量填报等4、自定义表单支持用户自定义模板5、大量丰富的标准表单控件表单设订器表单设计者关系型数据库三、目标1、新建表单（需要关联流程id,表单关联实例，历史版本 ）。2、表单预览。3 、 主表单和子表单相关属性管理。4、表单字

2、段关联表单控件。5、实现表单模型自动布局。6、实现表单模板与数据结合渲染控制。7 、通过表单的定义自动创建/ 修改自定义数据表。功能实现表单定义管理表单基本信息管理（表单名称、描述） 、表单存储表字段管理、表单布局设计、表单数据验证定义、表单字段关联 / 子表单管理、表单字段编辑框行为管理，表单基本信息定义。表单存储表字段定义定义表单中用到的数据项，包括字段名、字段类型、长度、默认值、编辑框类型、是否允许为空、 是否自增长字段、分组名称、 是否在列表中显示等信息。编辑框类型一般有：文本框、文本域、复选框、单选框、列表框、时间日期选择、文件上传框等；这里定义的是表单主表字段，注意每张表单仅针对一

3、张表，否则操作多张表的 SQL 不容 易处理，涉及到主从表的情况可用子表单来处理。表单布局设计能够提供一个表单设计器。自定义表单， 有可视化表单设计界面， 直接采用拖、 拉、 点、 拽的方式来设计表单。常见的数据获取保存等等， 直接用页面构件， 不需要用户写代码就能完成 （有时候简单的 sql 语句还是需要写） 。表单数据验证定义定义需要验证字段的规则， 验证规则， 可用正则表达式的方式来定义， 系统内部可自带一些常用的验证规则，复杂的情况可能会出现各字段之间的值进行比较的情况。比如判断空，是否数字，取值范围判断，是否日期，是否电话号码，省份证验证，汉字验证，等等多样的验证。条件校验，基础类型

4、校验逻辑表达式校验表单字段关联/子表单管理定义表 / 表单之间的关联信息，即主键外键信息。表单字段编辑框行为定义主要负责处理字段值发生变化时引发的其他编辑框事件， 比如连动下拉框、 从选择值中返回值并赋予其他字段编辑框、其他编辑框的隐藏等。表单数据管理：可根据字段配置信息显示表单的数据列表，并进行管理。五、数据库设计.详见excel表格和pdm模型六、接口设计表单模板表单管理界面 一查询根据表单ID、表单名称、备注表单名称查询表单数据，如图所示：表曳ID 释名将|蜀我国若格国 m理门自褥W置X窥福|口1201证期宜前殍管朝司俾20M-16WM西弓的-花的泥二无f12C2谢甦情前倬筹能多款:自邺

5、140841掇氧加1般-1E1Q显/(ha nwd11201寒掰局前律和网倍M熨*覆他的乖1困期百qi。二 iaVE-pi210，修能能单刘11届博1H2HX1&O8悟1皿小MiEishenpi3表单管理界面 一新建量消（选择框，属性，文本长度等），提扉XV 重看1Mt填写主表字段数据：包括字段编码，字段名称，字段类型 示信息，校验规则等信息。1 、新建表单页面 填写表单信息创建一条表单form_data 记录。2、编辑表单页面 可以分别点击新建主表单，新建子表单，此时分别自动在数据库中创建两张表主表master_form 和子表 sub_form ，同时修改表单form_data 中两条记录

6、，关联 Master_form 和 sub_form其中需要注意提示信息，校验规则3、布局A、组件样式表form_element和主表 master_form,子表sub_form的关联,数据分别保存 到主表 master_form 和子表 sub_form 。4、解析执行器查询表单 form_data 和主表 master_form, 子表 sub_form 数据，解析成相应的表单模板， 进行渲染。5、填写表单，发起流程同时保存表单数据保存表单模板数据到 mysql 的步骤：解析表单模板数据，分别解析成表单，主表，子表数据分别创建建表sql 进行存储.修改表单数据X表至名林:所1第枳:,表单美型;人事行政口瓜|的事:请墙入整数表单克发；700清输入里数应适应宽度:团 根据屏幕应适应宽度塞单忌列数!4揖定与台标：0指;敏据淳的茨花和字段名表名掰：11*提交.删除、批量删除表单数据.根据ID查询表单数据.删除表单、批量删除表单.查询表单数据导出.表单是否存在（表单唯一校验）.表单设计设计表单是系统中非常重要的一部分，在设置流程前应该先建立好