[发明专利]一种表单生成方法、装置和控制器

说明书

本发明涉及一种表单生成方法、装置和控制器，所述一种表单生成方法，包括：引入FormBuilder组件，并进行注册和初始化；获取用户输入的配置信息；对所述配置信息进行处理；根据处理后的配置信息并结合组件库生成表单页面。本发明所述的表单生成方法，整个表单是由配置项自动生成，增加了代码的复用度，有利于提高开发质量和效率；通过对view‑design的二次封装，使表单既保留了view‑design的特性，又具有了高复用的特性；该表单生成方法将配置信息与组件分割开，降低了两者的耦合性，增加了组件的配置性和灵活性，简化了表单页面开发流程，便于新人入手和后期维护。

技术领域

本发明涉及web前端开发技术领域，具体涉及一种表单生成方法、装置和控制器。

背景技术

目前电子政务领域中有各种关于表单信息提交的业务场景，比如用户的增删改查等操作，均需要一个用于编辑和展示的表单页面进行操作。而一个完整的表单会根据业务场景拥有众多输入、选择、文本、上传、筛选等标签，而这些标签又是分散的、属性又是不相同的，因此常常需要为每个表单单独进行设计展示，操作繁琐且效率低下。目前市场上能提供的Form表单组件，基本上都是根据现有的前端UI框架比如：view-design、elementUI、ant-design等进行开发的。但是这些UI框架只提供一些通用的组件，只适用于开发简单的、功能不太复杂的Form表单。对于一些复杂度比较高、逻辑交互过于复杂的Form表单页面，虽然也能满足相应功能，但是代码会非常的冗长、配置信息与UI组件之间耦合性较强，代码的可阅读性、可复用性较低，不利于大量的Form表单开发和维护。

发明内容

有鉴于此，本发明的目的在于克服现有技术的不足，提供一种表单生成方法、装置和控制器。

为实现以上目的，本发明采用如下技术方案：一种表单生成方法，包括：

引入FormBuilder组件，并进行注册和初始化；

获取用户输入的配置信息；

对所述配置信息进行处理；

根据处理后的配置信息并结合组件库生成表单页面。

可选的，所述FormBuilder组件依赖于前端框架Vue以及前端UI组件库View-Design；

通过对view-design进行二次封装，将View-Design提供的分散的组件进行内置处理，并将配置文件暴露出来，以供用户根据提供字段进行自定义配置。

可选的，所述进行注册和初始化，包括：

引入FormBuilder组件后，分别初始化配置信息，初始化数据中心以及初始化事件中心；

其中，初始化数据中心包括新建一个空对象。

可选的，所述配置信息是用户根据给定的配置字段进行自定义配置输入的；

所述配置信息，包括：

表单的布局、子UI组件的数据项名称、默认值、显隐状态和/或校验方式。

可选的，所述FormBuilder组件包括：Schema处理器、Config处理器和Parse处理器；

所述对所述配置信息进行处理，包括：

通过所述Schema处理器筛选出所述配置信息中传入的组件标签名称。

可选的，所述对所述配置信息进行处理，还包括：

通过所述Config处理器根据所述配置信息中传入的数据项名称和默认值，重新生成新的数据源；

所述新的数据源用于给数据中心新增与配置信息一一匹配的数据源。