[发明专利]一种基于WEB的可配置表单应用前端的开发方法及系统

权利要求书

1.一种基于WEB的可配置表单应用前端的开发方法，其特征在于，包括以下步骤：

步骤1，将待输入数据中各类字段信息转换为能够在WEB开发中进行编程的数据结构对象；所述数据结构对象包括：录入类型和键值属性；

步骤2，在前端框架中，根据步骤1获得的数据结构对象，封装前端组件并设计组件接口；

步骤3，在前端框架中构建项目，将步骤1获得的数据结构对象作为全局可访问的数据对象引入编译环境中，利用循环语句对数据结构对象进行遍历；根据数据结构对象中的“录入类型”属性，引入步骤2设计的组件，完成可配置表单应用前端的开发；

其中，步骤1包括：对待输入数据中各类字段进行数据结构设计，将设计结果通过脚本实现自动化转换，使需要录入的数据字段转换为预定的数据结构对象；具体包括：

S1.1，收集并整理待输入数据样本；待输入数据样本的形式包括纸质或电子文档形式；

S1.2，根据整理获得的待输入数据样本，对各类字段进行数据结构的设计；具体包括：数据名称、数据ID、数据类型、录入形式和长达限制属性的设定；

S1.3，将步骤S1.2获得的各类字段数据结构设计的结果，利用脚本实现自动化的转换，将所有需要录入的数据字段转换为相应的数据结构对象；数据结构对象至少包括：录入类型和键值属性；

S1.4，对步骤S1.3生成的数据结构对象进行修补处理；修补处理具体包括：向数据结构对象中补入预设的属性信息；

组件的设计遵循单一职责和低耦合的原则，组件包括共有的接口，用于显示数据字段的信息；所述共有的接口包括：数据字段名称的接口；对其他数据字段的作用接口；数据字段在后端进行存储的键值接口；数据字段的录入类型；

数据字段在后端进行存储的键值接口，对于简单的数据对象，直接以默认值的形式作为数据字段在后端的存储键值；对于复杂的数据对象，则基于此键值接口的默认值按照预定规则生成所有字段的存储键值；其中，所述简单的数据对象为录入时只需要一个输入框的数据，复杂的数据对象是以表格形式或多选框形式UI采集的数据；

针对不同的组件需要设计不同的接口；具体包括：

(1)简单输入组件：对于可以通过单个输入框实现录入的数据字段，针对其最大长度、数据类型和错误提示属性进行接口设计；

(2)选择组件：对于可以通过单选和复选形式进行录入的离散值数据字段，针对单选与否、选项内容、选项值进行接口设计；

(3)日期组件：日期组件用于日期的设定，接口设有日期区间的限制；

(4)表格组件：对表格的行数、列数、表头和单元格形式属性进行制定；

所述基于WEB的可配置表单应用前端的开发方法还包括，与后端的配合方法；具体包括以下步骤：

对于开发获得的不同的数据表单应用前端，在第一次初始化的界面，通过http请求将所有的键值发送至后端，后端基于此请求体的内容，进行数据表的建立，并为此数据表单生成唯一的ID作为数据表的标识；

在此后的数据录入过程中，数据表单的ID作为每次保存请求的一个参数发送给后端，使得后端可对请求进行正确的处理，将接收到的字段保存到相应的表下；

步骤3中，需要进行分页处理的表单，则将数据结构对象以页为单位进行划分，实现将录入界面拆分为多个。