一种基于多租户的动态表单生成方法与流程

1.本发明涉及web前端应用和分布式服务器技术领域，具体涉及一种基于多租户的动态表单生成方法。


背景技术：

2.表单是web应用程序的主要组成部分，其基本原理是通过不同类型的页面表单原始，例如（输入框，下来框，单选按钮，复选框，部门组织控件等）的组合，形成了满足业务需求的表单，通过和用户的交互，收集用户输入的数据，可用于保存或者流程审批。在以往传统的web应用中，每当客户有新的表单需求或者字段变更，都是需要通过硬编码的方式，修改相应的sql数据库以及web应用程序的持久化数据也需要做修改，经历编译到部署到发布这样的过程，有投入人员多，周期长等问题影响用户体验，在日新月异的互联网时代，尤其对于saas(软件即服务)的多租户web应用中，每家企业的业务不同，会导致每家企业有需求变更都需要拉取分支修改代码造成了代码维护版本多，给数据库稳定性，数据的安全性，代码的管理性带来隐患，对不上线发布和运营带来很大的挑战。


技术实现要素：

3.本发明的目的是为了解决现有技术中存在的缺点，而提出的一种基于多租户的动态表单生成方法。
4.为实现上述目的，本发明采用了如下技术方案：一种基于多租户的动态表单生成方法，具体步骤如下：s01：新建表单；根据业务功能在web表单设计器中选择纯表单设计，创建新表单,纯表单设计包括列表 表单设计，列表 表单 流程设计两类；所述web表单设计器基于b/s架构；web表单设计器为基于vue框架实现的可拖拽页面，和java微服务方式开发的模板存储后台；web表单设计器包括控件库、表单设计界面；控件库包括基础类控件、高级类控件和布局类控件；基础类控件包括单行输入、多行输入、数字输入、开关、单选按钮、多选框、下拉选择、级联选择、时间选择、日期选择、日期范围选择、文件上传、图片上传、分割线、文本、富文本；高级类控件包括省市区、设计子表、扩展子表单、扩展关联数据、关联表单、关联表单属性、弹窗选择；布局类控件包括分组标题、卡片容器、栅格容器、标签面板、折叠面板；每个控件包括组件属性和控件属性；s02：根据业务需求进行数据建模；
基于业务需求进行数据建模，构造表单对象及对象属性，建立表结构；s03：根据步骤s02构造的表结构创建表单并生成动态表单；在s01创建的新表单上，根据s02表结构，在web表单设计器中通过拖拽础类控件、高级类控件和布局类控件，配置组件属性和控件属性，完成表单创建；将s02构造的对象属性绑定在对应的表单元素上，生成表单属性，生成相应的动态表单；s04：建立菜单模块和选择功能，关联对应的模板；为s03生成的动态表单建立菜单模块和选择功能后，加入到权限菜单库中，关联对应的模板，为不同的企业提供相应的表单运用；s05：定制化修改和编辑动态表单；企业租户在权限菜单库中取到动态表单后，在此动态表单的基础上，在web表单设计器中对动态表单进行定制化的修改和编辑，不需要修改代码，并可以通过预览的方式看到字段变更后的表单页；s06：企业租户根据表单填充业务数据；将步骤s05新动态表单加入到权限菜单库中，关联对应的模板后；企业租户填充数据，通过增加请求生成表单数据实例，基础数据存于建模表supplier中，定制化数据存于base_devdata表中；页面操作时，经过查询，将数据实例进行分析整合转换成可视化的表单页面.较佳的，所述步骤s05中，企业获取动态表单后在web表单设计器中开启数据，列表，按钮权限，包含新增，编辑，删除指令；个性化添加单个，批量新增表单以及列表中可显示、可操作、可编辑的字段，通过关系，运算方案来控制数据的获取，完成定制化的修改和编辑，生成新动态表单。
5.较佳的，所述步骤s04菜单模块中还可以包含查询请求，所述动查询请求中包括：多个预选维度、多个预选指标、所述多个预选指标的聚合算法以及过滤条件。
6.较佳的，所述步骤s03生成动态表单中检测是否存在用于生成表单的元数据；若未检测到所述元数据，则获取业务信息；根据预置的规则语言和所述业务信息生成元数据；利用脚本语言自动将所述元数据构建成表单，其中，所述表单和所述业务信息具有同一规则语言。
7.较佳的，所述步骤s03中创建表单的配置还包括公共配置区域；所述公共配置区域提供所述新建表单的公共配置项的公共配置信息。
8.与现有技术相比，本发明的有益效果为：常见的通用表单，列表，工作流相关的流转信息功能页，可以通过配置的方式进行开发，即配置即浏览，降低了开发成本和发布风险，通过提供的动态表单方法，提供用户级的html表单自定义，是的规模化生产的web应用程序也能够满足个性和多变的企业业务需求，降低了开发工作量，提高了效率。特别适合saas形式的云计算web多租户应用场景，每家租户有各自的业务，可以灵活进行定制。
附图说明
9.图1为本发明流程图。
具体实施方式
10.为使对本发明的目的、构造、特征、及其功能有进一步的了解，兹配合实施例详细说明如下。
11.请结合参照图1，本发明提供了一种基于多租户的动态表单生成方法，具体步骤如下：s01：新建表单；根据业务功能在web表单设计器中选择纯表单设计，创建新表单,纯表单设计包括列表 表单设计，列表 表单 流程设计两类；所述web表单设计器基于b/s架构；web表单设计器为基于vue框架实现的可拖拽页面，和java微服务方式开发的模板存储后台；web表单设计器包括控件库、表单设计界面；控件库包括基础类控件、高级类控件和布局类控件；基础类控件包括单行输入、多行输入、数字输入、开关、单选按钮、多选框、下拉选择、级联选择、时间选择、日期选择、日期范围选择、文件上传、图片上传、分割线、文本、富文本；高级类控件包括省市区、设计子表、扩展子表单、扩展关联数据、关联表单、关联表单属性、弹窗选择；布局类控件包括分组标题、卡片容器、栅格容器、标签面板、折叠面板；每个控件包括组件属性和控件属性；s02：根据业务需求进行数据建模；基于业务需求进行数据建模，构造表单对象及对象属性，建立表结构；s03：根据步骤s02构造的表结构创建表单并生成动态表单；在s01创建的新表单上，根据s02表结构，在web表单设计器中通过拖拽础类控件、高级类控件和布局类控件，配置组件属性和控件属性，完成表单创建；将s02构造的对象属性绑定在对应的表单元素上，生成表单属性，生成相应的动态表单；s4：建立菜单模块和选择功能，关联对应的模板；为s03生成的动态表单建立菜单模块和选择功能后，加入到权限菜单库中，关联对应的模板，为不同的企业提供相应的表单运用；s5：定制化修改和编辑动态表单；企业租户在权限菜单库中取到动态表单后，在此动态表单的基础上，在web表单设计器中对动态表单进行定制化的修改和编辑，不需要修改代码，并可以通过预览的方式看到字段变更后的表单页；s6：企业租户根据表单填充业务数据；将步骤s05新动态表单加入到权限菜单库中，关联对应的模板后；企业租户填充数据，通过增加请求生成表单数据实例，基础数据存于建模表supplier中，定制化数据存于base_devdata表中；页面操作时，经过查询，将数据实例进行分析整合转换成可视化的表单页面.较佳的，所述步骤s05中，企业获取动态表单后在web表单设计器中开启数据，列
表，按钮权限，包含新增，编辑，删除指令；个性化添加单个，批量新增表单以及列表中可显示、可操作、可编辑的字段，通过关系，运算方案来控制数据的获取，完成定制化的修改和编辑，生成新动态表单。较佳的，所述步骤s04菜单模块中还可以包含查询请求，所述动查询请求中包括：多个预选维度、多个预选指标、所述多个预选指标的聚合算法以及过滤条件。
12.较佳的，所述步骤s03生成动态表单中检测是否存在用于生成表单的元数据；若未检测到所述元数据，则获取业务信息；根据预置的规则语言和所述业务信息生成元数据；利用脚本语言自动将所述元数据构建成表单，其中，所述表单和所述业务信息具有同一规则语言。
13.较佳的，所述步骤s03中创建表单的配置还包括公共配置区域；所述公共配置区域提供所述新建表单的公共配置项的公共配置信息。
14.本发明已由上述相关实施例加以描述，然而上述实施例仅为实施本发明的范例。必需指出的是，已揭露的实施例并未限制本发明的范围。相反地，在不脱离本发明的精神和范围内所作的更动与润饰，均属本发明的专利保护范围。