Bootstrap-based custom form system

Abstract

The invention discloses a Bootstrap-based custom form system and belongs to the technical field of form data management. The system comprises a form element control provided by a definition system, a form basic information and layout configuration unit, a form presentation unit, a form query result list configuration unit and a form entity data model dynamic creation unit, wherein the form element control comprises a form visual editor, and configuration information of the form element control supports flexible extendable attributes; the form basic information and layout configuration unit finishes selection and dragging-dropping of the form element control by a graphic interface and a draggable component, provides a real-time preview function and displays a form thumbnail; the form presentation unit correctly displays form information according to configured form elements and layout; the form query result list configuration unit provides a to-be-displayed column in a form query result list and related configuration of the to-be-displayed column according to form configuration information; and the form entity data model dynamic creation unit dynamically generates a data model according to the form configuration information. According to the system, forms needed by users are flexibly and conveniently configured and a form presentation function capable of being compatible with both a PC and a mobile terminal is supported.

Description

technical field [0001] The invention relates to the technical field of form data management, in particular to a custom form system based on Bootstrap. Background technique [0002] With the popularization of the mobile Internet and smart phones, the habit of users to access the Internet has changed from computers to activities related to life and work through mobile terminals. Such as: mobile office, mobile business, etc. In our daily life and work, various forms can be seen everywhere. For example, the fault work order system of a communication operator is composed of several form elements with different contents and formats. The operation and maintenance personnel only need to fill in the corresponding work order according to the fault, and then initiate a dispatch order to repair the fault. The development of these work orders mainly has two forms: [0003] 1. Carry out a single customized development for the content of each form, that is, each form must develop a seri...

AI Technical Summary

Problems solved by technology

[0006] 1. Poor support for mobile terminals

[0007] First of all, the traditional form presentation method is mostly developed for large-screen PC computer monitors, so the display effect on these devices is good, but due to the relatively small screen of mobile terminals, the display effect of traditional forms on mobile terminal devices is poor

For example: a form displayed in full screen on a PC computer monitor, when accessed through a mobile terminal, a large scroll bar will appear, and dragging the scroll bar is very inconvenient for a mobile terminal, especially a mobile phone

thus reducing usability

[0008] 2. Form layout and configuration flexibility is low

[0009] First, the single development of data storage and form presentation logic for different forms has a large development workload, a large amount of modification when the form configuration is changed, it is not easy to maintain, and the form layout cannot be flexibly configured.

[0010] Second, for the method of providing a predefined form layout template and then determining the form layout by selecting the template, there are problems such as the layout template needs to be predefined, the configuration flexibility is low, and the content of the predefined template may be different from the actual needs of users.