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

说明书

本发明公开了一种基于WEB的可配置表单应用前端的开发方法及系统，包括以下步骤：将待输入数据中各类字段信息转换为能够在WEB开发中进行编程的数据结构对象；数据结构对象包括：录入类型和键值属性；在前端框架中，根据获得的数据结构对象，封装前端组件并设计组件接口；在前端框架中构建项目，将获得的数据结构对象作为全局可访问的数据对象引入编译环境中，对数据结构对象进行遍历；根据数据结构对象中的“录入类型”属性，引入设计的组件，完成可配置表单应用前端的开发。本发明基于待输入数据设计可编程的数据对象，利用对象属性描述待输入数据的UI呈现方式，从而实现从数据到UI的直接映射，能够达到表单应用的快速开发的效果。

技术领域

本发明属于表单应用开发技术领域，特别涉及一种基于WEB的可配置表单应用前端的开发方法及系统。

背景技术

随着大数据与WEB的发展，各个领域都在尝试基于大数据进行知识的挖掘和可视化的分析。在相关的研究课题或项目中往往需要收集大量的数据作为基础，包括各种内容和形式的问卷、表单等等。目前的WEB应用通常有相关信息的数据录入的功能，然而在许多领域，例如医疗领域等，会涉及大量的检查信息和统计信息，这种情况下的WEB应用表单将涉及成百上千的字段和种类繁多的用户界面呈现形式。采用传统的表单应用开发方式，逐一通过前端的代码去构建这些表单，将会是一个繁琐和低效的过程。尤其是对于用户界面UI的实现，需要遵循浏览器的解析规则，进行大量的代码编写，开发效率较低，重复性工作较多。

综上，亟需一种新型的表单应用的开发方法。

发明内容

本发明的目的在于提供一种基于WEB的可配置表单应用前端的开发方法及系统，以解决上述存在的技术问题。本发明的开发方法基于待输入数据设计可编程的数据对象，利用对象属性描述待输入数据的UI呈现方式，从而实现从数据到UI的直接映射，能够达到表单应用的快速开发的效果。

为达到上述目的，本发明采用以下技术方案：

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

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

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

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

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

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

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

进一步地，针对不同的组件需要设计不同的接口；具体包括：

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

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