CN114153493A - Dynamic form configuration method, system, equipment and storage medium - Google Patents
Dynamic form configuration method, system, equipment and storage medium Download PDFInfo
- Publication number
- CN114153493A CN114153493A CN202111510619.3A CN202111510619A CN114153493A CN 114153493 A CN114153493 A CN 114153493A CN 202111510619 A CN202111510619 A CN 202111510619A CN 114153493 A CN114153493 A CN 114153493A
- Authority
- CN
- China
- Prior art keywords
- configuration
- item
- new
- instruction
- receiving
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides a method, a system, equipment and a storage medium for configuring a dynamic form, wherein the method comprises the following steps: receiving a new form building instruction, generating a new form, and providing a configuration page of the new form; receiving a form configuration instruction, wherein the form configuration instruction comprises a selected form item and a target position of the form item; adding the selected form item to the target position in the newly-built form according to the form configuration instruction; and receiving a form configuration finishing instruction, and storing the newly-built form. The method can save the time for configuring the form, dynamically and quickly construct each component in the form, is convenient for development and maintenance of the components, and improves the efficiency of generating the form.
Description
Technical Field
The present invention relates to the field of data processing technologies, and in particular, to a method, a system, a device, and a storage medium for configuring a dynamic form.
Background
In many software systems, a form is an important part, for example, in a page building system, in addition to the logic of a component itself, the form of component configuration data usually needs to be developed by a developer in a customized manner, which results in that the developer needs to maintain not only the logic of the component itself but also the configuration form of the component, and the development and iteration efficiency of the component is seriously affected.
Disclosure of Invention
Aiming at the problems in the prior art, the invention aims to provide a dynamic form configuration method, a dynamic form configuration system, a dynamic form configuration device and a storage medium, so that the form configuration time is saved, each component in a form is quickly built, and the form generation efficiency is improved.
The embodiment of the invention provides a dynamic form configuration method, which comprises the following steps:
receiving a new form building instruction, generating a new form, and providing a configuration page of the new form;
receiving a form configuration instruction, wherein the form configuration instruction comprises a selected form item and a target position of the form item;
adding the selected form item to the target position in the newly-built form according to the form configuration instruction;
and receiving a form configuration finishing instruction, and storing the newly-built form.
In some embodiments, the configuration page of the new form includes a form item selection area and a form display scope area, the form item selection area includes a selectable form item list, and the form display scope area includes a grid of display scopes of the new form, where form items can be placed;
the method for receiving the form configuration instruction comprises the following steps:
receiving a dragging operation of a user, and determining a starting point and an end point of an operation motion track;
judging whether the starting point position of the operation motion track corresponds to one form item in the form item selection area or not;
if so, determining that the dragging operation is a form adding operation, determining the selected form according to the starting point of the operation motion track, and determining the target position of the form according to the ending point of the operation motion track.
In some embodiments, after determining whether the starting point position of the operation motion trajectory corresponds to one form item in the form item selection area, the method further includes the following steps:
if the starting point position of the operation motion track corresponds to an added form item in the form display range area, determining that the dragging operation is a form item adjusting operation, and determining the adjusted form item according to the starting point of the operation motion track;
and determining the position of the form item after adjustment according to the end point of the operation motion track, and changing the position of the adjusted form item into the position of the form item after adjustment.
In some embodiments, the configuration page of the new form further includes a public configuration area, and the public configuration area provides public configuration information of a public configuration item of the new form;
the method further comprises the following steps: and receiving a configuration instruction of a user in the public configuration area, and configuring the form.
In some embodiments, the configuration page of the new form further includes a form item configuration area, and the form item configuration area provides configuration information of the added form item;
after adding the selected form item to the target position in the newly-built form according to the form configuration instruction, the method further comprises the following steps:
displaying the configuration information of the added form item in the form item configuration area;
and receiving a configuration instruction of a user in the form item configuration area, and configuring the added form item.
In some embodiments, after saving the new form, the method further includes the following steps:
and requesting to acquire the stored form through an interface, and generating and displaying the form according to the configuration information of the stored form.
In some embodiments, the receiving a new form creation instruction, and generating a new form creation includes the following steps:
receiving a form new-building instruction, and determining the form type according to the form new-building instruction;
inquiring a preset form template according to the form type;
and calling the form template to generate a new form.
The embodiment of the invention also provides a dynamic form configuration system, which is used for realizing the dynamic form configuration method, and the system comprises:
the form new building module is used for generating a new building form and providing a configuration page of the new building form when receiving a form new building instruction;
the configuration receiving module is used for receiving a form configuration instruction, and the form configuration instruction comprises a selected form item and a target position of the form item;
the form configuration module is used for adding the selected form item to the target position in the newly-built form according to the form configuration instruction;
and the form storage module is used for storing the newly-built form when receiving the form configuration completion instruction.
An embodiment of the present invention further provides a dynamic form configuration device, including:
a processor;
a memory having stored therein executable instructions of the processor;
wherein the processor is configured to perform the steps of the dynamic form configuration method via execution of the executable instructions.
The embodiment of the invention also provides a computer readable storage medium for storing a program, and the program realizes the steps of the dynamic form configuration method when being executed by a processor.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
The dynamic form configuration method, the system, the equipment and the storage medium have the following beneficial effects:
according to the invention, through providing the configuration page of the form, a user can directly and conveniently operate in the configuration page, components needing to be added are added to the appointed position of the form in a form of form items, the operation is very convenient, the time for configuring the form can be saved, each component in the form can be dynamically and quickly set up, the development and maintenance of the components are facilitated, the efficiency for generating the form is improved, the user can be more concentrated on the logic processing of the components, and the low-coding is realized; the method can be applied to various application scenarios.
Drawings
Other features, objects and advantages of the present invention will become more apparent upon reading of the following detailed description of non-limiting embodiments thereof, with reference to the accompanying drawings.
FIG. 1 is a flow diagram of a dynamic form configuration method according to an embodiment of the invention;
FIG. 2 is a diagram of a form item selection area and a form display scope area of a configuration page, according to an embodiment of the invention;
FIG. 3 is a schematic diagram of a common configuration area of a configuration page in accordance with one embodiment of the invention;
FIG. 4 is a block diagram of a dynamic form configuration system according to an embodiment of the invention;
FIG. 5 is a schematic structural diagram of a dynamic form configuration apparatus according to an embodiment of the present invention;
fig. 6 is a schematic structural diagram of a computer-readable storage medium according to an embodiment of the present invention.
Detailed Description
Example embodiments will now be described more fully with reference to the accompanying drawings. Example embodiments may, however, be embodied in many different forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of example embodiments to those skilled in the art. The described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments.
Furthermore, the drawings are merely schematic illustrations of the present disclosure and are not necessarily drawn to scale. The same reference numerals in the drawings denote the same or similar parts, and thus their repetitive description will be omitted. Some of the block diagrams shown in the figures are functional entities and do not necessarily correspond to physically or logically separate entities. These functional entities may be implemented in the form of software, or in one or more hardware modules or integrated circuits, or in different networks and/or processor devices and/or microcontroller devices.
The flow charts shown in the drawings are merely illustrative and do not necessarily include all of the steps. For example, some steps may be decomposed, and some steps may be combined or partially combined, so that the actual execution sequence may be changed according to the actual situation.
As shown in fig. 1, an embodiment of the present invention provides a dynamic form configuration method, including the following steps:
s100: receiving a new form building instruction, generating a new form, and providing a configuration page of the new form;
s200: receiving a form configuration instruction, wherein the form configuration instruction comprises a selected form item and a target position of the form item;
s300: adding the selected form item to the target position in the newly-built form according to the form configuration instruction;
s400: and receiving a form configuration finishing instruction, and storing the newly-built form.
The dynamic form configuration method of the invention comprises the following steps of S100: the configuration page of the form is provided, a user can directly and conveniently operate in the configuration page, after the form configuration instruction of the user is received through the step S200, the components needing to be added can be added to the appointed position of the form in the form of the form item through the step S300, the configuration of the form is completed through the step S400, the operation is very convenient, the time for configuring the form can be saved, each component in the form is dynamically and quickly set up, the development and maintenance of the component are facilitated, the efficiency for generating the form is improved, the user can concentrate on the logic processing of the component, and the low-code effect is realized. The user in the invention can refer to a developer who develops the form or other users who need to obtain the form with certain functions.
As shown in fig. 2, in this embodiment, the configuration page J100 of the new form includes a form item selection area J110 including a selectable list of form items and a form display area J120 including a grid of display areas of the new form in which the form items can be placed. Wherein the form item selection area displays a plurality of selectively added form items. The components forming the form are used as the form items, and a user can directly select the required form items in the form item selection area J100. For example, form items may include, but are not limited to: text entry, number box, radio box, multiple box, drop down selection, switch, color selection, picture upload, date selection, date interval, group title, data collection, sortable collection, text field, rich text, shuttle box, hot zone, video upload, and the like. Developers can develop the logic of a single form item, the logic is stored as the form item after being developed, and then the logic can be directly used in subsequent form configuration and can be used for a plurality of forms to realize the multiplexing of the form item. The form display range corresponds to an area where form items can be placed of a form displayed after configuration is completed, a grid form is adopted to assist a user in selecting a place where the form items are placed, and the form display area forms a canvas where display effects can be configured.
The step S200: receiving a form configuration instruction, comprising the following steps:
receiving a dragging operation of a user, and determining a starting point and an end point of an operation motion track;
judging whether the starting point position of the operation motion track corresponds to one form item in the form item selection area or not;
if so, determining that the dragging operation is a form adding operation, determining the selected form according to the starting point of the operation motion track, and determining the target position of the form according to the ending point of the operation motion track.
Thus, the user can directly click on a form item in the form item selection area and then drag it to the target location of the form item. The selected form item is located at the corresponding position in the form display range area, and the list of form items already placed in the form display area is displayed in the left selected component.
Besides the operation of adding the form items in the form display range area in a dragging mode, the positions of the added form items can be adjusted in the form display range area in the dragging mode. Specifically, in this embodiment, after determining whether the starting point position of the operation motion trajectory corresponds to one form item in the form item selection area, the method further includes the following steps:
if the starting point position of the operation motion track corresponds to an added form item in the form display range area, determining that the dragging operation is a form item adjusting operation, and determining the adjusted form item according to the starting point of the operation motion track;
and determining the position of the form item after adjustment according to the end point of the operation motion track, and changing the position of the adjusted form item into the position of the form item after adjustment.
Therefore, through the form configuration method, a user can add one form item on the canvas in a dragging mode and can change the position of the added form item in the canvas through dragging, so that the form configuration method is very convenient to operate and very flexible in configuration. The user does not need to be concerned with the internal logic of the various form items. And when the internal logic of one form item is updated, the internal logic can be applied to all forms adopting the form item without updating for each form individually.
As shown in fig. 2, in this embodiment, the configuration page of the new form further includes a form item configuration area J130, which provides configuration information of the added form item. In this embodiment, after the form item is added to the form display range area J120, the user may further configure some of the attributes of the form item.
Specifically, the step S300: after adding the selected form item to the target position in the newly-built form according to the form configuration instruction, the method further comprises the following steps:
displaying the configuration information of the added form item in the form item configuration area, where the configuration information of the form item may include, for example: the name of the form entry, the field name of the form entry, the default value of the form entry, the name width of the form entry, and the like;
and receiving a configuration instruction of a user in the form item configuration area, and configuring the added form item, so that some attributes of the form item can be configured in a self-defined manner.
As shown in fig. 3, in this embodiment, the configuration page of the new form further includes a public configuration area, and the public configuration area provides public configuration information of a public configuration item of the new form. The dynamic form configuration method further comprises the following steps: and receiving a configuration instruction of a user in the public configuration area, and configuring the form. Some attributes of the whole form can be configured in the public configuration area, for example, component validation time, rendering environment, whether full screen height is full, picture address, h5 general address, app environment address, fast application environment address and the like are set, so that a user can conveniently and directly operate corresponding options or corresponding input boxes to configure the attributes of the form.
In step S300, after adding the selected form item to the target position in the new form according to the form configuration instruction, the added position of the form item may be stored, for example, in the form of a coordinate range or a grid position of a start point of an upper left corner of the form item in a form display range area.
In this embodiment, the step S400: after the new form is saved, the method also comprises the following steps:
and requesting to acquire the stored form through an interface, and generating and displaying the form according to the configuration information of the stored form.
When the new form is saved, the new form can be saved in the form of configuration data of the form. After the new form is saved and the form needs to be used, the configuration data of the form is requested through the interface, namely the configuration data can be restored into the form.
In the embodiment, by providing the configuration page of the newly-built form and the drag operation or the attribute configuration operation in the configuration page, a developer quickly builds the component configuration form by a dynamic form configuration method, and does not need to spend time on maintaining the logic of the configuration form, so that the development and maintenance of the component are facilitated, and the working efficiency is also improved. Moreover, the dynamic form configuration method can be applied to various application scenarios, for example, a form applied to a questionnaire, a form applied to shopping commodity type selection, a form applied to complaint suggestions, a form applied to demand collection, and the like.
When the dynamic form configuration method is applied to different application scenes, some preset form templates can be configured in advance according to the different application scenes, and when a form is newly built for the different application scenes, the preset form templates can be directly called to generate the form, so that the workload of subsequent configuration of a user is further reduced.
The step S100: receiving a new form building instruction, and generating a new form, wherein the method comprises the following steps:
receiving a form new creation instruction, determining a form type according to the form new creation instruction, where the form type may be included in the form new creation instruction, for example, when a user needs to create a form, a selection box is popped up to ask the user to select the form type, or the user directly inputs the required form type, where the form type may be associated with an application scene, each application scene corresponds to a form type, and an application scene and the form type may be in a one-to-one relationship or a many-to-one relationship, where one form type may be suitable for a specific application scene or multiple application scenes;
inquiring a preset form template according to the form type, specifically, after some form templates are configured in advance, storing relevant data of the form template and a mapping relation between the form template and the form type, so that the form template can be inquired according to the form type in the following step;
and calling the form template to generate a new form.
The form template may include, for example, the order of arrangement of the form items in the left-hand form selection area, with commonly used form items in front and less commonly used form items in the back for each scene. Therefore, when the user selects the list items, the user can select the commonly used list items more quickly. In addition, a part of default common configuration data may be pre-stored corresponding to different form templates, for example, the background color of the form template of form type a is pre-configured to be green, and the rendering environment is a wechat applet. If the items are not modified after a new form of form type A is generated, the items are maintained in the default settings. In addition, a part of default form item configuration data may be pre-stored corresponding to different form templates, for example, the form template of form type B is pre-configured with a form item name width of multiple selection box of 80, and after a form of form type B is newly created, if a user adds the form item of multiple selection box, the default configuration is that the form item name width is 80.
Specifically, in this embodiment, the dynamic form configuration method further includes the following steps:
receiving a form template configuration request of a user;
receiving a form template name input by a user, and creating a form template;
receiving a form type corresponding to a form template input by a user, and establishing a corresponding relation between a newly-built form template and the form type;
receiving public configuration data input by a user, storing the public configuration data as public configuration data of the form template, wherein the public configuration data comprises preset public configuration items and configuration values, such as rendering environment, background color, h5 universal address, app environment address and the like;
displaying a selectable list item list, and sequencing all the list items according to a preset sequence; specifically, for example, the form items are arranged in a row or a column in a default order, and when the form items are many, the form items are arranged in a plurality of rows or a plurality of columns in the default order;
receiving the order adjustment operation of the form items by the user, and storing the order of the form items in the form item list after the adjustment of the user as the form item sequence corresponding to the form template;
the method comprises the steps of determining a to-be-configured form item selected by a user and receiving form item configuration data input by the user, and storing the form item configuration data of the selected form item, wherein the form item configuration data comprises a pre-configured form item configuration item and a configuration value, such as the name and the field name of the form item.
As shown in fig. 4, an embodiment of the present invention further provides a dynamic form configuration system, configured to implement the dynamic form configuration method, where the system includes:
the form new building module M100 is used for generating a new form and providing a configuration page of the new form when receiving a form new building instruction;
a configuration receiving module M200, configured to receive a form configuration instruction, where the form configuration instruction includes a selected form item and a target location of the form item;
the form configuration module M300 is used for adding the selected form item to the target position in the newly-built form according to the form configuration instruction;
and the form storage module M400 is configured to store the newly-created form when receiving the form configuration completion instruction. When the new form is saved, the new form can be saved in the form of configuration data of the form. After the new form is saved and the form needs to be used, the configuration data of the form is requested through the interface, namely the configuration data can be restored into the form.
The dynamic form configuration system provides a form configuration page through the form newly-built module M100, a user can directly and conveniently operate in the configuration page, after receiving a form configuration instruction of the user through the configuration receiving module M200, components needing to be added can be added to a specified position of the form in a form of form items through the form configuration module M300, and the form configuration is completed through the form storage module M400.
In the dynamic form configuration system of the present invention, the functions of each module can be implemented by using the specific implementation of the dynamic form configuration method described above.
Specifically, the creating a new form by the form new module M100 may include: receiving a form new-building instruction, and determining the form type according to the form new-building instruction; inquiring a preset form template according to the form type; and calling the form template to generate a new form.
The configuration receiving module M200 receives a form configuration instruction of a user, which may include: receiving a dragging operation of a user, and determining a starting point and an end point of an operation motion track; judging whether the starting point position of the operation motion track corresponds to one form item in the form item selection area or not; if so, determining that the dragging operation is a form adding operation, determining the selected form according to the starting point of the operation motion track, and determining the target position of the form according to the ending point of the operation motion track; if the starting point position of the operation motion track corresponds to an added form item in the form display range area, determining that the dragging operation is a form item adjusting operation, and determining the adjusted form item according to the starting point of the operation motion track; and determining the position of the form item after adjustment according to the end point of the operation motion track, and changing the position of the adjusted form item into the position of the form item after adjustment.
Therefore, through the dynamic form configuration system, a user can directly click a form item in the form item selection area and drag the form item to the target position of the form item. The selected form item is located at the corresponding position in the form display range area, and the list of form items already placed in the form display area is displayed in the left selected component.
The embodiment of the invention also provides dynamic form configuration equipment, which comprises a processor; a memory having stored therein executable instructions of the processor; wherein the processor is configured to perform the steps of the dynamic form configuration method via execution of the executable instructions.
As will be appreciated by one skilled in the art, aspects of the present invention may be embodied as a system, method or program product. Thus, various aspects of the invention may be embodied in the form of: an entirely hardware embodiment, an entirely software embodiment (including firmware, microcode, etc.) or an embodiment combining hardware and software aspects that may all generally be referred to herein as a "circuit," module "or" platform.
An electronic device 600 according to this embodiment of the invention is described below with reference to fig. 5. The electronic device 600 shown in fig. 5 is only an example and should not bring any limitation to the functions and the scope of use of the embodiments of the present invention.
As shown in fig. 5, the electronic device 600 is embodied in the form of a general purpose computing device. The components of the electronic device 600 may include, but are not limited to: at least one processing unit 610, at least one storage unit 620, a bus 630 that connects the various system components (including the storage unit 620 and the processing unit 610), a display unit 640, and the like.
Wherein the storage unit stores program code executable by the processing unit 610 to cause the processing unit 610 to perform steps according to various exemplary embodiments of the present invention described in the dynamic form configuration method section above in this specification. For example, the processing unit 610 may perform the steps as shown in fig. 1.
The storage unit 620 may include readable media in the form of volatile memory units, such as a random access memory unit (RAM)6201 and/or a cache memory unit 6202, and may further include a read-only memory unit (ROM) 6203.
The memory unit 620 may also include a program/utility 6204 having a set (at least one) of program modules 6205, such program modules 6205 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
The electronic device 600 may also communicate with one or more external devices 700 (e.g., keyboard, pointing device, bluetooth device, etc.), with one or more devices that enable a user to interact with the electronic device 600, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 600 to communicate with one or more other computing devices. Such communication may occur via an input/output (I/O) interface 650. Also, the electronic device 600 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network such as the Internet) via the network adapter 660. The network adapter 660 may communicate with other modules of the electronic device 600 via the bus 630. It should be appreciated that although not shown in the figures, other hardware and/or software modules may be used in conjunction with the electronic device 600, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
In the dynamic form configuration device, the program in the memory is executed by the processor to realize the steps of the dynamic form configuration method, so the device can also obtain the technical effect of the dynamic form configuration method.
The embodiment of the invention also provides a computer readable storage medium for storing a program, and the program realizes the steps of the dynamic form configuration method when being executed by a processor. In some possible embodiments, aspects of the present invention may also be implemented in the form of a program product comprising program code for causing a terminal device to perform the steps according to various exemplary embodiments of the present invention described in the dynamic form configuration method section above of this specification when the program product is executed on the terminal device.
Referring to fig. 6, a program product 800 for implementing the above method according to an embodiment of the present invention is described, which may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be executed on a terminal device, such as a personal computer. However, the program product of the present invention is not limited in this regard and, in the present document, a readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
The computer readable storage medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A readable storage medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a readable storage medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device and partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., through the internet using an internet service provider).
The program in the computer storage medium implements the steps of the dynamic form configuration method when executed by the processor, and therefore, the computer storage medium can also obtain the technical effects of the dynamic form configuration method.
The foregoing is a more detailed description of the invention in connection with specific preferred embodiments and it is not intended that the invention be limited to these specific details. For those skilled in the art to which the invention pertains, several simple deductions or substitutions can be made without departing from the spirit of the invention, and all shall be considered as belonging to the protection scope of the invention.
Claims (10)
1. A dynamic form configuration method is characterized by comprising the following steps:
receiving a new form building instruction, generating a new form, and providing a configuration page of the new form;
receiving a form configuration instruction, wherein the form configuration instruction comprises a selected form item and a target position of the form item;
adding the selected form item to the target position in the newly-built form according to the form configuration instruction;
and receiving a form configuration finishing instruction, and storing the newly-built form.
2. The dynamic form configuration method according to claim 1, wherein the configuration page of the new form includes a form item selection area and a form display range area, the form item selection area includes a selectable form item list, and the form display range area includes a grid of display ranges of the new form in which form items can be placed;
the method for receiving the form configuration instruction comprises the following steps:
receiving a dragging operation of a user, and determining a starting point and an end point of an operation motion track;
judging whether the starting point position of the operation motion track corresponds to one form item in the form item selection area or not;
if so, determining that the dragging operation is a form adding operation, determining the selected form according to the starting point of the operation motion track, and determining the target position of the form according to the ending point of the operation motion track.
3. The method of claim 2, wherein after determining whether the position of the starting point of the operation motion trajectory corresponds to a form item in the form item selection area, the method further comprises the following steps:
if the starting point position of the operation motion track corresponds to an added form item in the form display range area, determining that the dragging operation is a form item adjusting operation, and determining the adjusted form item according to the starting point of the operation motion track;
and determining the position of the form item after adjustment according to the end point of the operation motion track, and changing the position of the adjusted form item into the position of the form item after adjustment.
4. The dynamic form configuration method according to claim 2, wherein the configuration page of the new form further includes a public configuration area, and the public configuration area provides public configuration information of a public configuration item of the new form;
the method further comprises the following steps: and receiving a configuration instruction of a user in the public configuration area, and configuring the form.
5. The method for configuring dynamic forms according to claim 2, wherein the configuration page of the newly-created form further includes a form item configuration area, and the form item configuration area provides configuration information of the added form item;
after adding the selected form item to the target position in the newly-built form according to the form configuration instruction, the method further comprises the following steps:
displaying the configuration information of the added form item in the form item configuration area;
and receiving a configuration instruction of a user in the form item configuration area, and configuring the added form item.
6. The method of claim 1, further comprising the following steps after saving the new form:
and requesting to acquire the stored form through an interface, and generating and displaying the form according to the configuration information of the stored form.
7. The method of claim 1, wherein the step of receiving a new form creation command to create a new form comprises the steps of:
receiving a form new-building instruction, and determining the form type according to the form new-building instruction;
inquiring a preset form template according to the form type;
and calling the form template to generate a new form.
8. A dynamic form configuration system for implementing the dynamic form configuration method of any one of claims 1 to 7, the system comprising:
the form new building module is used for generating a new building form and providing a configuration page of the new building form when receiving a form new building instruction;
the configuration receiving module is used for receiving a form configuration instruction, and the form configuration instruction comprises a selected form item and a target position of the form item;
the form configuration module is used for adding the selected form item to the target position in the newly-built form according to the form configuration instruction;
and the form storage module is used for storing the newly-built form when receiving the form configuration completion instruction.
9. A dynamic form configuration device, comprising:
a processor;
a memory having stored therein executable instructions of the processor;
wherein the processor is configured to perform the steps of the dynamic form configuration method of any of claims 1 to 7 via execution of the executable instructions.
10. A computer readable storage medium storing a program, which when executed by a processor implements the steps of the dynamic form configuration method of any of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111510619.3A CN114153493A (en) | 2021-12-10 | 2021-12-10 | Dynamic form configuration method, system, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111510619.3A CN114153493A (en) | 2021-12-10 | 2021-12-10 | Dynamic form configuration method, system, equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114153493A true CN114153493A (en) | 2022-03-08 |
Family
ID=80450697
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111510619.3A Pending CN114153493A (en) | 2021-12-10 | 2021-12-10 | Dynamic form configuration method, system, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114153493A (en) |
-
2021
- 2021-12-10 CN CN202111510619.3A patent/CN114153493A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111506387B (en) | Page prerendering method and device, electronic equipment and storage medium | |
| CN107451272B (en) | Information display method, medium, device and computing equipment | |
| RU2004131538A (en) | METHOD AND SYSTEM FOR MANAGEMENT OF BUSINESS ENTERPRISE PROCESS | |
| CN110851134A (en) | Low-code page design device and page design method | |
| CN107909321B (en) | Order generation method, order generation device, medium and computing equipment | |
| US10169313B2 (en) | In-context editing of text for elements of a graphical user interface | |
| US10318251B1 (en) | Code generation and simulation for graphical programming | |
| CN110609681A (en) | System, method, device and medium for visually configuring and generating WEB application | |
| CN110865807A (en) | Active page creation system, method, device and storage medium | |
| US7712065B2 (en) | Automatic layout method and automatic layout device | |
| US20060078228A1 (en) | Information processing device and program | |
| CN113849175A (en) | Code generation method, device, equipment and storage medium | |
| CN114358742A (en) | Workflow execution method, device, equipment and storage medium | |
| US20220358258A1 (en) | Computer-aided design methods and systems | |
| CN111061522B (en) | Method, device, equipment and storage medium for generating front-end card assembly based on back end | |
| CN114153493A (en) | Dynamic form configuration method, system, equipment and storage medium | |
| CN115269285A (en) | Test method and device, equipment and computer readable storage medium | |
| CN112748936B (en) | Service integration method, system, device and storage medium for container | |
| US20190079641A1 (en) | Intelligent systems and methods of producting digital and non-digital design outputs | |
| CN112965699B (en) | Front-end page generation method, device, computer system and readable storage medium | |
| US11599398B2 (en) | Method for combining unified matters in personal workspace and system using the same | |
| CN116991355B (en) | Method, system and device for supporting LED driving chip by modifying and iterating script | |
| CN111596906B (en) | MVPVM-based Android application development method, device, equipment and medium | |
| JP5447621B2 (en) | PROGRAM GENERATION DEVICE, PROGRAM GENERATION METHOD, AND PROGRAM | |
| EP2921952A1 (en) | Server and method for providing design data for application and system for generating application |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |