A method and system for developing a web-based configurable form application front end

Abstract

The invention discloses a WEB-based configurable form application front-end development method and system, comprising the following steps: converting various field information in the data to be input into a data structure object capable of programming in WEB development; the data structure object Including: input type and key-value attribute; in the front-end framework, according to the obtained data structure object, encapsulate the front-end component and design the component interface; build the project in the front-end framework, and import the obtained data structure object as a globally accessible data object In the compilation environment, the data structure object is traversed; according to the "entry type" attribute in the data structure object, the designed components are introduced to complete the development of the front end of the configurable form application. The present invention designs a programmable data object based on the data to be input, and uses the object attribute to describe the UI presentation mode of the data to be input, thereby realizing direct mapping from data to UI and achieving the effect of rapid development of form applications.

Description

technical field [0001] The invention belongs to the technical field of form application development, in particular to a development method and system for a configurable form application front end based on WEB. Background technique [0002] With the development of big data and WEB, various fields are trying to carry out knowledge mining and visual analysis based on big data. In related research topics or projects, it is often necessary to collect a large amount of data as a basis, including questionnaires, forms, etc. of various contents and forms. Current WEB applications usually have the function of data entry of relevant information. However, in many fields, such as the medical field, a large amount of inspection information and statistical information will be involved. In this case, the WEB application form will involve hundreds or even thousands of fields. and a wide variety of user interface presentations. Using the traditional form application development method, it ...

AI Technical Summary

Problems solved by technology

Using the traditional form application development method, it will be a cumbersome and inefficient process to build these forms one by one through the front-end code

Especially for the realization of the user interface UI, it is necessary to follow the parsing rules of the browser and write a lot of code, which leads to low development efficiency and more repetitive work

Images