CN115146600A - Form generation method and device, storage medium and computer equipment - Google Patents
Form generation method and device, storage medium and computer equipment Download PDFInfo
- Publication number
- CN115146600A CN115146600A CN202210925595.6A CN202210925595A CN115146600A CN 115146600 A CN115146600 A CN 115146600A CN 202210925595 A CN202210925595 A CN 202210925595A CN 115146600 A CN115146600 A CN 115146600A
- Authority
- CN
- China
- Prior art keywords
- control
- area
- user
- responding
- editing
- 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
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
-
- 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
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/186—Templates
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
- G06F9/4451—User profiles; Roaming
Abstract
The invention relates to the technical field of computers, and provides a form generation method, a form generation device, a form generation storage medium and computer equipment. The method comprises the following steps: responding to a form creating instruction, and displaying a form operation page, wherein the form operation page comprises a form operation area and a control editing area, and the control editing area comprises a control editing switch and a control template button; when the control editing switch is in an on state, responding to a first dragging operation, moving a control template button to a form operation area, and displaying a control configuration frame; receiving control attributes input by a user, adding the control attributes to a control configuration box, generating a custom control, and adding the custom control to a form operation area; and responding to the form generation instruction, and generating the form according to the control in the form operation area. The method can flexibly generate the form according to the user requirement, and improves the generation efficiency of the form.
Description
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a form generation method, an apparatus, a storage medium, and a computer device.
Background
In daily work and life, the situations of submitting various forms, such as filling in active reports or filling in resumes, are often encountered, and different requirements are imposed on the contents of various forms in different application scenarios, so that a user is required to customize the contents of different forms according to own requirements, and the controls in the forms are usually generated or deleted for many times by adopting a button dragging mode.
In the existing form generation methods, one method is to associate a dragged button with a control generated in advance according to the content of the form, hide the control, and directly display the corresponding control in the form after dragging the button, but the method enables the form to be generated only according to the number and the type of the preset controls, and cannot generate or delete the controls in the form for multiple times; the other method is that each form control is associated with a form as independent data, and a form control is added after a button is dragged, so that multiple generation is realized. Therefore, the existing form generation method has low flexibility and low generation efficiency.
Disclosure of Invention
In view of this, the present application provides a form generation method, an apparatus, a storage medium, and a computer device, and mainly aims to solve the technical problems of low flexibility and low generation efficiency of the existing form generation method.
According to a first aspect of the present invention, there is provided a method for generating a form, the method comprising:
responding to a form creating instruction, and displaying a form operation page, wherein the form operation page comprises a form operation area and a control editing area, and the control editing area comprises a control editing switch and a control template button;
when the control editing switch is in an on state, responding to a first dragging operation, moving the control template button to the form operation area, and displaying a control configuration frame;
receiving control attributes input by a user, adding the control attributes into the control configuration box, generating a custom control, and adding the custom control into the form operation area;
and responding to a form generation instruction, and generating a form according to the control in the form operation area.
According to a second aspect of the present invention, there is provided a form generation apparatus, comprising:
the page display module is used for responding to a form creating instruction and displaying a form operation page, wherein the form operation page comprises a form operation area and a control editing area, and the control editing area comprises a control editing switch and a control template button;
the control editing module is used for responding to a first dragging operation when the control editing switch is in an opening state, moving the control template button to the form operation area and displaying a control configuration frame;
the control generation module is used for receiving control attributes input by a user, adding the control attributes into the control configuration box, generating a custom control and adding the custom control into the form operation area;
and the form generation module is used for responding to a form generation instruction and generating a form according to the control in the form operation area.
According to a third aspect of the present invention, there is provided a storage medium having stored thereon a computer program which, when executed by a processor, implements the above-described method of generating a form.
According to a fourth aspect of the present invention, there is provided a computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, the processor implementing the above-mentioned form generation method when executing the program.
The invention provides a form generation method, a form generation device, a storage medium and computer equipment. The method hides the form operation page, the form operation page is displayed only in response to a form creating instruction, the whole form page is concise and ordered, operation is convenient for a user, meanwhile, a control editing switch is set, the user can determine whether the control needs to be configured in a user-defined mode or not according to the requirement by controlling the on-off state of the control editing switch, and when the control editing switch is opened, the control attribute can be edited according to the requirement. The method can determine whether the control needs to be customized and edit the attribute of the customized control according to the user requirement, has higher flexibility, and can keep the page concise and easy to operate.
The foregoing description is only an overview of the technical solutions of the present application, and the present application can be implemented according to the content of the description in order to make the technical means of the present application more clearly understood, and the following detailed description of the present application is given in order to make the above and other objects, features, and advantages of the present application more clearly understandable.
Drawings
The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the invention and together with the description serve to explain the invention without limiting the invention. In the drawings:
fig. 1 is a flowchart illustrating a method for generating a form according to an embodiment of the present invention;
fig. 2 is a flowchart illustrating a method for generating a form according to an embodiment of the present invention;
FIG. 3 is a schematic diagram illustrating a control edit area in a form generation method according to an embodiment of the present invention;
FIG. 4 is a schematic diagram illustrating a control configuration box in a form generation method according to an embodiment of the present invention;
fig. 5 is a schematic structural diagram illustrating a form generating apparatus according to an embodiment of the present invention;
fig. 6 shows a schematic device structure diagram of a computer apparatus according to an embodiment of the present application.
Detailed Description
Exemplary embodiments of the present application will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present application are shown in the drawings, it should be understood that the present application may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
An embodiment of the present application provides a form generation method, as shown in fig. 1, the method includes the following steps:
101. and responding to the form creating instruction, and displaying a form operation page, wherein the form operation page comprises a form operation area and a control editing area, and the control editing area comprises a control editing switch and a control template button.
Firstly, introducing an application scene applicable to the method, considering that in the existing form generation method, a dragged button and a control generated in advance according to the content of the form are generally associated in advance, the control is hidden, and the corresponding control can be directly displayed in the form after the button is dragged, but under the condition, the form can only be generated according to the number and the type of the preset control, the control in the form cannot be generated or deleted for multiple times, each form control is associated with the form as independent data, and a form control is added for display after the button is dragged, so that the multiple generation is realized, a user cannot personally make the name and the style of the form, and the related attributes such as the name, the style, the content and the like of the control in the form according to personal wishes, and meanwhile, the interface is disordered and the appearance is influenced by always placing the multiple dragged buttons on two sides of a form generation page, and the operation is inconvenient. Therefore, the conventional form generation method has low flexibility and low generation efficiency.
The form generation method is further provided, the whole form operation page is hidden, the form operation page can be displayed only in response to a form creation instruction, meanwhile, a user can determine whether the control needs to be configured in a user-defined mode or not according to needs by controlling the control editing switch, and when the control editing switch is turned on, the control attribute can be edited according to needs. That is to say, the method makes the whole form page concise and ordered, is convenient for the user to operate, can determine whether the user-defined control is needed or not and edit the attribute of the user-defined control according to the user requirement, and has higher flexibility.
In the embodiment of the application, the whole form operation page can be packaged, the whole form operation page is arranged in a layout which is freely controlled by a user to be displayed and hidden, and the whole form operation page is unfolded and displayed when a form creating instruction is received, so that the whole form generation interface is extremely simple, the whole form operation page is not displayed when the form is not required to be generated, and the error touch is avoided when other operations are carried out on the page. Specifically, the form operation page includes a form operation area and a control editing area, where the form operation area is used to add a control required by a user to generate a complete form, the control editing area is used to generate a customized control according to a user requirement, and the control editing area includes a control editing switch and a control template button, where the control editing switch can be turned on according to a user selection, and only when the user selects to turn on the control editing switch, the customized control editing operation can be performed, and when the user does not turn on the control editing switch, the control editing cannot be customized, and the control template button corresponds to different control templates, as shown in fig. 3, for example, an input box, a drop-down box, a radio box, etc., and the user selects different control template types according to the user requirement to generate the customized control, and the generation mode of the control is flexible and the variety of the control is great.
102. And when the control editing switch is in an open state, responding to the first dragging operation, moving the control template button to the form operation area, and displaying the control configuration frame.
Specifically, when the control edit switch is turned on or off, a flag needs to be provided for determination, for example, a flag = false may be defined, when the flag = = true, it is determined that the user turns on the control edit switch, that is, the user selects to adopt the custom control edit function, after the function is turned on, when the user drags and releases the control template button, the determination of the flag is performed again, that is, when the flag = = true is maintained, the control configuration frame for configuring the custom control needs to be popped up.
In the embodiment of the application, when the control editing switch is in an on state, it can be known that a user needs to perform a custom control editing operation, and in response to a first dragging operation of the user, after a control template button selected by the user is moved to a form operation area, a control configuration box pops up in the form operation area, and the control configuration box is used for generating a custom control according to a user requirement.
103. And receiving control attributes input by a user, adding the control attributes to the control configuration box, generating a custom control, and adding the custom control to the form operation area.
In the embodiment of the application, as shown in fig. 4, a control attribute input by a user is received, the control attribute is correspondingly added to a corresponding plate block in a control configuration box, the control attribute content in the control configuration box is confirmed according to the click operation of the user, the control attribute content is stored as an object and is pushed into an array of the control to generate a customized control, the generated customized control is directly added to a form operation area for subsequent form generation, the user is prevented from selecting the control again, meanwhile, the user can generate the customized control for multiple times according to requirements, and the operation is simple and quick. The control attributes correspond to different characteristics of the control, such as the name of the control, the length of the control, the check rule of the control, and the like.
104. And responding to the form generation instruction, and generating the form according to the control in the form operation area.
In the embodiment of the application, a plurality of controls selected according to user requirements are arranged in the form operation area, the controls comprise preset controls and custom controls, the contents and the arrangement modes of all the controls in the form operation area are confirmed in response to a form generation instruction, the forms are determined to be generated after the confirmation is finished, the generated forms are obtained according to the user requirements in a custom mode, and the generation mode of the whole forms is very flexible.
The invention provides a form generation method, a form generation device, a storage medium and computer equipment. The method hides the form operation page, the form operation page is displayed only in response to a form creating instruction, the whole form page is concise and ordered, operation is convenient for a user, meanwhile, a control editing switch is set, the user can determine whether the control needs to be configured in a user-defined mode or not according to the requirement by controlling the on-off state of the control editing switch, and when the control editing switch is opened, the control attribute can be edited according to the requirement. The method can determine whether the user-defined control is needed or not and edit the attribute of the user-defined control according to the user requirement, has higher flexibility, can keep the page concise and clear, and is easy to operate.
The embodiment of the application provides a form generation method, as shown in fig. 2, the method includes the following steps:
201. and in response to the click operation of the form creation button, converting the form operation page from the hidden state to the expanded state, and displaying the form operation page, wherein the form operation page is generated by a Drawer Drawer component based on element-ui.
In the embodiment of the application, in the initial state of the whole page, there is only one button, which is used as a form creation button, for example, a demo button, and none of the other pages is exposed, the form operation page is associated with the form creation button, and the whole form operation page is generated based on a power Drawer component of an element-ui, where the element-ui is a set of desktop component libraries based on vue2.0, it can be understood that the whole form operation page is placed in the power Drawer, so the form operation page is in a hidden state at this time, and when responding to a click operation on the form creation button, the form operation page is converted from the hidden state to an expanded state, and the whole form operation page can be exposed to the user. Similarly, also can self-define a hidden box, place whole form operation page in hidden box, only show a button in the box outside, respond to the operation that the user clicked the button, alright expand whole box, show whole form operation page, only through a button alright realize hiding and expanding of whole page for whole page is neat and clear, guarantees not to occupy too much page space when not using.
202. And when the control editing switch is in a closed state, responding to a control selection instruction, traversing the preset control in the control loading area, acquiring the target control in the preset control, and responding to a second dragging operation to add the target control to the form operation area.
Specifically, each control has its own characteristic, specifically, its own control attribute, and the control loading area includes a plurality of preset controls, so that a user can directly drag a selected control within the visual field, add the selected control as a target control in the form operation area, and search the control loading area, and input a control attribute, such as the name of the control, in a desired target control, and then display all controls with the same name as the target control in the control loading area, so that the user can select and drag the controls by himself.
In the embodiment of the application, the control editing switch is in an off state in a normal state, that is, a default user does not need to define a control, a required target control is selected from preset controls in the control loading area according to the own needs of the user, after each target control is confirmed, each target control is added to the form operation area in response to a second dragging operation, so that the user can quickly select the control, and the existing preset controls can be directly used to form a required form. The control editing switch is in a closed state in a normal state, so that the operation of a user is not influenced, the existing preset controls can be quickly screened in most use scenes, and excessive operation is not needed.
203. And when the control editing switch is in an open state, responding to the first dragging operation, moving the control template button to the form operation area, and displaying the control configuration frame.
In the embodiment of the application, a user can open the control editing switch to customize a control after the control editing switch is in a closed state according to own needs and the preset control is screened and added to the form operating area, or the user can directly open the control editing switch without using the preset control, and when the control editing switch is in an open state, the control template button selected by the user is moved to the form operating area in response to a first dragging operation of the user, and then a control configuration box pops up in the form operating area, and is used for generating the customized control according to the needs of the user, for example, when the user selects an input box in the control template, the control configuration box contains editable layout blocks such as the name of the input box, the size of the input box, whether the input box can be emptied, whether input limitation exists, and the like.
204. Receiving control attributes input by a user, adding the control attributes into the attribute configuration items, replacing default attributes in the attribute configuration items with the control attributes, responding to a control confirmation instruction, storing the control attributes in the attribute configuration items, and generating a custom control according to the control attributes.
In the embodiment of the application, the control configuration frame comprises a plurality of attribute configuration items, each attribute configuration item comprises a default attribute, the control attribute input by a user corresponds to all or part of the attribute configuration items, the corresponding attribute configuration items are matched according to the control attribute input by the user, the control attribute input by the user replaces the default attribute in the attribute configuration items, other attribute configuration items without corresponding relation retain the original default attribute, a custom control is generated according to the control attribute in the finally updated attribute configuration item, and the custom control is added to the form operation area. And meanwhile, the newly generated custom control is added into the control loading area, so that the newly generated custom control can be conveniently used continuously in the follow-up process, and after the newly generated custom control enters the control loading area, the custom control is used as a preset control for selection in the follow-up process.
Furthermore, the control template button and the control in the form operation area have a dragging function, and the dragging function is realized based on the dragable attribute of html.
In the embodiment of the application, the mode of generating the custom control is mainly based on that a user drags a control template button to pop up a control configuration frame, a control is added into a form operation area and is also based on a dragging instruction of the user, the control template button and the control both have a dragging function, and specifically, the mode is realized by relying on a dram (trusted) attribute, the dram attribute is a new attribute in html5, the dram attribute supports the dram attribute in Internet Explorer 9+, firefox, opera, chrome and Safari browsers, the dram attribute can specify whether the button and the control can be dragged, and < p dram =' true > represents that the control or the button can be dragged, and the dram attribute is usually applied to the dragging and dropping operation of a page and is convenient for the user to flexibly operate the control.
205. And responding to the form generation instruction, acquiring form layout according to the arrangement mode of the controls in the form operation area, and generating the form according to the controls and the form layout in the form operation area.
In the embodiment of the application, the form operation area includes dragged custom controls and target controls screened in preset controls, and when a user confirms that all the controls required by the user are in the form operation area, the user responds to a form generation instruction, specifically includes clicking operation for a save button, and finally determines to generate the form according to the controls in the form operation area and the arrangement mode among the controls. Specifically, when the form operation area includes all the controls required by the user, but when the arrangement mode needs to be adjusted, the user can drag the controls according to the required form layout. Meanwhile, the user can pre-import the form layout template and add the controls to the form operation area one by one, and then the forms can be directly generated according to the preset form layout template, so that the subsequent operation step of dragging the controls is omitted.
206. And responding to the form name editing instruction, acquiring a form text item of the form, receiving a form description text input by a user, adding the form description text into the form text item, generating a complete form, and finally adding the complete form into a form database.
In the embodiment of the application, each form has a respective form text item, the form text item correspondingly includes a name and a related description of each form, after the form is generated, in response to a form name editing instruction, the form text item corresponding to the form is presented to a user, a form description text input by the user is received, the description text may include a user-defined form name and form description, the description text of the form is added to the form text item, and a complete form is generated, so that the complete form includes a control in the form, a name corresponding to the form, and a form description.
The form operation page further comprises a form database used for storing the generated forms, all the generated forms are stored in the form database and convenient to find and use subsequently, controls in the form operation area have a dragging function, the dragging function is achieved based on the dragable attribute of html, and all the complete forms can be dragged in the form database, so that the user can adjust the positions of the forms in the form database conveniently. The user can also directly select the existing form from the form database as a form template to generate a brand new form, specifically, the existing form is dragged from the form database to the form operation area based on the draggable function of the form, so that the user can subsequently add a preset control or a self-defined control to generate the brand new form on the basis of the existing form, the user can also select to store the brand new form in the form database in a manner of covering the original form, or store the brand new form and simultaneously reserve the original form, and the two forms can be distinguished through form text items, thereby facilitating subsequent searching.
The method provided by the embodiment of the application comprises the steps of firstly responding to a click operation aiming at a form creating button, converting a form operation page from a hidden state to an expanded state, and displaying the form operation page, wherein the form operation page is generated by a driver Drawer component based on element-ui, when a control edit switch is in a closed state, responding to a control selection instruction, traversing a preset control in a control loading area, acquiring a target control in the preset control, and then responding to a second dragging operation, and adding the target control to the form operation area; and when the control editing switch is in an open state, responding to a first dragging operation, moving a control template button to a form operation area, displaying a control configuration box, receiving control attributes input by a user, adding the control attributes to the attribute configuration items, replacing default attributes in the attribute configuration items with the control attributes, finally responding to a control confirmation instruction, storing the control attributes in the attribute configuration items, generating a self-defined control according to the control attributes, responding to a form generation instruction, acquiring form layout according to the arrangement mode of the controls in the form operation area, generating a form according to the controls and the form layout in the form operation area, finally responding to a form name editing instruction, acquiring form text items of the form, receiving form description texts input by the user, adding the form description texts to the form text items, generating a complete form, and finally adding the complete form to a form database.
The method hides the form operation page, a user can unfold the whole form operation page by clicking a button, the whole page is simple and clear, a control editing switch is arranged, so that the user can determine whether a user-defined control needs to be generated according to needs, the control editing switch is in an off state in a normal state, the influence on the use or misoperation of the user is avoided, the user can select a preset control in a control loading area and can also generate the form by configuring the user-defined control, the form generation mode is flexible, the characteristics of the user-defined control can be edited, the controls and form template buttons in all the form operation areas can be dragged, the user can directly drag and operate, the name description of the form can be automatically edited, and the user can search, select and use the form again. Therefore, the method provided by the embodiment not only refines data, and the user can generate the control and the form in a user-defined manner, but also enables the operation interface to be simpler, visually improves the use experience of the user, and improves the generation efficiency of the form.
Further, as a specific implementation of the method in fig. 1, an embodiment of the present application provides a form generation apparatus, and as shown in fig. 5, the apparatus includes: the system comprises a page display module 501, a control editing module 502, a control generating module 503 and a form generating module 504.
The page display module 501 is configured to display a form operation page in response to a form creation instruction, where the form operation page includes a form operation area and a control editing area, and the control editing area includes a control editing switch and a control template button;
the control editing module 502 is configured to, when the control editing switch is in an on state, respond to a first dragging operation, move a control template button to the form operation area, and display a control configuration frame;
the control generating module 503 is configured to receive a control attribute input by a user, add the control attribute to the control configuration box, generate a custom control, and add the custom control to the form operating area;
the form generation module 504 may be configured to generate a form according to the control in the form operation area in response to the form generation instruction.
In a specific application scenario, the page display module 501 is specifically configured to, in response to a click operation on a form creation button, convert a form operation page from a hidden state to an expanded state, and display the form operation page, where the form operation page is a page generated by an element-ui-based drager Drawer component.
In a specific application scenario, the device further comprises a control selection module 505, and the control selection module 505 is specifically configured to, when the control edit switch is in an off state, respond to a control selection instruction, traverse a preset control in the control loading area, and obtain a target control in the preset control; and responding to the second dragging operation, and adding the target control to the form operation area.
In a specific application scenario, the control generating module 503 is specifically configured to receive a control attribute input by a user, add the control attribute to the attribute configuration item, and replace a default attribute in the attribute configuration item with the control attribute; and responding to the control confirmation instruction, saving the control attributes in the attribute configuration items, and generating a custom control according to the control attributes.
In a specific application scene, a control template button and a control in a form operation area have a dragging function, and the dragging function is realized based on a dragable attribute of html.
In a specific application scenario, the form generation module 504 is specifically configured to respond to a form generation instruction and obtain a form layout according to an arrangement manner of controls in a form operation area; and generating the form according to the control and the form layout in the form operation area.
In a specific application scenario, the apparatus further includes a form editing module 506, where the form editing module 506 is specifically configured to respond to a form name editing instruction to obtain a form text entry of a form; receiving a form description text input by a user, and adding the form description text into a form text item to generate a complete form; the complete form is added to the form database.
It should be noted that other corresponding descriptions of the functional units related to the form generating apparatus provided in this embodiment may refer to the corresponding descriptions in fig. 1 and fig. 2, and are not repeated herein.
Based on the method shown in fig. 1, correspondingly, the present embodiment further provides a storage medium, on which a computer program is stored, and the computer program, when executed by a processor, implements the method for generating the form.
Based on such understanding, the technical solution of the present application may be embodied in the form of a software product, and the software product to be identified may be stored in a non-volatile storage medium (which may be a CD-ROM, a usb disk, a removable hard disk, or the like), and include several instructions to enable a computer device (which may be a personal computer, a server, or a network device, or the like) to execute the method for generating the various implementation scenario forms of the present application.
Based on the above-mentioned methods shown in fig. 1 and fig. 2 and the embodiment of the form generation apparatus shown in fig. 5, in order to achieve the above-mentioned object, referring to fig. 6, this embodiment further provides an entity device for generating a form, where the entity device includes a communication bus, a processor, a memory, and a communication interface, and may further include an input/output interface and a display device, where the functional units may complete mutual communication through the bus. The memory stores computer programs, and the processor is used for executing the programs stored in the memory and executing the method for generating the form in the embodiment.
Optionally, the entity device may further include a user interface, a network interface, a camera, a Radio Frequency (RF) circuit, a sensor, an audio circuit, a WI-FI module, and the like. The user interface may include a Display screen (Display), an input unit such as a keypad (Keyboard), etc., and the optional user interface may also include a USB interface, a card reader interface, etc. The network interface may optionally include a standard wired interface, a wireless interface (e.g., WI-FI interface), etc.
Those skilled in the art will appreciate that the physical device structure for generating a form provided in the present embodiment is not limited to the physical device, and may include more or less components, or combine some components, or arrange different components.
The storage medium can also comprise an operating system and a network communication module. The operating system is a program for managing the hardware of the above-mentioned entity device and the software resources to be identified, and supports the operation of the information processing program and other software and/or programs to be identified. The network communication module is used for realizing communication among components in the storage medium and communication with other hardware and software in the information processing entity device.
Through the description of the above embodiments, those skilled in the art can clearly understand that the present application can be implemented by means of software plus an essential general hardware platform, and can also be implemented by means of hardware. By applying the technical scheme of the application, firstly, a form creating instruction is responded, a form operation page is displayed, wherein the form operation page comprises a form operation area and a control editing area, the control editing area comprises a control editing switch and a control template button, when the control editing switch is in an open state, the control template button is moved to the form operation area in response to a first dragging operation, a control configuration frame is displayed, then, control attributes input by a user are received, the control attributes are added into the control configuration frame, a user-defined control is generated, the user-defined control is added into the form operation area, finally, an instruction is generated in response to the form, and the form is generated according to the control in the form operation area. The method hides the form operation page, the form operation page is displayed only in response to a form creating instruction, the whole form page is concise and ordered, operation is convenient for a user, meanwhile, a control editing switch is set, the user can determine whether the control needs to be configured in a user-defined mode or not according to the requirement by controlling the on-off state of the control editing switch, and when the control editing switch is opened, the control attribute can be edited according to the requirement. The method can determine whether the control needs to be customized and edit the attribute of the customized control according to the user requirement, has higher flexibility, and can keep the page concise and easy to operate.
Those skilled in the art will appreciate that the figures are merely schematic representations of one preferred implementation scenario and that the blocks or flow diagrams in the figures are not necessarily required to practice the present application. Those skilled in the art will appreciate that the modules in the devices in the implementation scenario may be distributed in the devices in the implementation scenario according to the description of the implementation scenario, or may be located in one or more devices different from the present implementation scenario with corresponding changes. The modules of the implementation scenario may be combined into one module, or may be further split into a plurality of sub-modules.
The above application serial numbers are for description purposes only and do not represent the superiority or inferiority of the implementation scenarios. The above disclosure is only a few specific implementation scenarios of the present application, but the present application is not limited thereto, and any variations that can be made by those skilled in the art are intended to fall within the scope of the present application.
Claims (10)
1. A method for generating a form, the method comprising:
responding to a form creating instruction, and displaying a form operation page, wherein the form operation page comprises a form operation area and a control editing area, and the control editing area comprises a control editing switch and a control template button;
when the control editing switch is in an on state, responding to a first dragging operation, moving the control template button to the form operation area, and displaying a control configuration frame;
receiving control attributes input by a user, adding the control attributes to the control configuration box, generating a custom control, and adding the custom control to the form operation area;
and responding to a form generation instruction, and generating a form according to the control in the form operation area.
2. The method of claim 1, wherein the exposing the form operation page in response to the form creation instruction comprises:
and in response to the click operation of the form creation button, converting the form operation page from a hidden state to an expanded state, and displaying the form operation page, wherein the form operation page is generated by an element-ui-based Drawer Drawer component.
3. The method according to claim 1, wherein the form operation page further comprises a control loading area, and the control loading area comprises a preset control; after the presenting the form operation page in response to the form creation instruction, the method further comprises:
when the control editing switch is in a closed state, responding to a control selection instruction, traversing the preset control in the control loading area, and acquiring a target control in the preset control;
and responding to a second dragging operation, and adding the target control to the form operation area.
4. The method of claim 1, wherein the control configuration box comprises a property configuration item; the responding to the control editing instruction, receiving the control attribute input by the user, adding the control attribute into the control configuration box, and generating the custom control, wherein the method comprises the following steps:
receiving control attributes input by a user, adding the control attributes to the attribute configuration items, and replacing default attributes in the attribute configuration items with the control attributes;
and responding to a control confirmation instruction, saving the control attribute in the attribute configuration item, and generating a self-defined control according to the control attribute.
5. The method according to claim 1, wherein the control template button and the control in the form operation area have a dragging function, and the dragging function is realized based on a dragable attribute of html.
6. The method of claim 1, wherein generating the form according to the control in the form operation area in response to the form generation instruction comprises:
responding to a form generation instruction, and acquiring form layout according to the arrangement mode of controls in the form operation area;
and generating a form according to the control in the form operation area and the form layout.
7. The method of claim 1, wherein the form operation page further comprises a form database; after the form is generated according to the control in the form operation area in response to the form generation instruction, the method comprises the following steps:
responding to a form name editing instruction, and acquiring a form text item of the form;
receiving a form description text input by a user, and adding the form description text into the form text item to generate a complete form;
adding the complete form to the form database.
8. An apparatus for generating a form, the apparatus comprising:
the page display module is used for responding to a form creating instruction and displaying a form operation page, wherein the form operation page comprises a form operation area and a control editing area, and the control editing area comprises a control editing switch and a control template button;
the control editing module is used for responding to a first dragging operation when the control editing switch is in an opening state, moving the control template button to the form operation area and displaying a control configuration frame;
the control generation module is used for receiving control attributes input by a user, adding the control attributes into the control configuration box, generating a custom control and adding the custom control into the form operation area;
and the form generation module is used for responding to a form generation instruction and generating a form according to the control in the form operation area.
9. A storage medium having a computer program stored thereon, the computer program, when being executed by a processor, realizing the steps of the method of any one of claims 1 to 7.
10. A computer arrangement comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the computer program realizes the steps of the method of any of claims 1 to 7 when executed by the processor.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210925595.6A CN115146600A (en) | 2022-08-03 | 2022-08-03 | Form generation method and device, storage medium and computer equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210925595.6A CN115146600A (en) | 2022-08-03 | 2022-08-03 | Form generation method and device, storage medium and computer equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115146600A true CN115146600A (en) | 2022-10-04 |
Family
ID=83413730
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210925595.6A Pending CN115146600A (en) | 2022-08-03 | 2022-08-03 | Form generation method and device, storage medium and computer equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115146600A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116775197A (en) * | 2023-07-06 | 2023-09-19 | 北京五木恒润科技有限公司 | Algorithm editing method and device |
-
2022
- 2022-08-03 CN CN202210925595.6A patent/CN115146600A/en active Pending
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116775197A (en) * | 2023-07-06 | 2023-09-19 | 北京五木恒润科技有限公司 | Algorithm editing method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9292190B2 (en) | Methods and apparatus for displaying thumbnails while copying and pasting | |
| CN102770840B (en) | Data structure maps and navigation | |
| CN102591562A (en) | Display apparatus and method of providing user interface thereof | |
| KR20080015929A (en) | Re-configuring the standby screen of an electronic device | |
| US8990735B2 (en) | Enhanced tree views of data structures | |
| CN103440304A (en) | Method and device for storing picture | |
| CN111679818A (en) | Method and system for editing display software | |
| JP7433822B2 (en) | application builder | |
| CN115146600A (en) | Form generation method and device, storage medium and computer equipment | |
| CN112016692A (en) | Method and system for displaying machine learning automatic modeling process | |
| CN113569171A (en) | Webpage theme changing method and device, storage medium and computer equipment | |
| CN112434494A (en) | Text editing method, device, terminal and storage medium | |
| JP6910494B1 (en) | Information processing program, information processing device and information processing method | |
| US11036360B2 (en) | Graphical user interface object matching | |
| CN117055766A (en) | Tree data processing method and device based on Ant Design, medium and electronic equipment | |
| CN110990006A (en) | Form management system and form generation device | |
| JPH10214171A (en) | Information processor | |
| US11003317B2 (en) | Desktop and mobile graphical user interface unification | |
| JP6836077B2 (en) | Information processing device and its processing method and program | |
| CN112256257A (en) | Interface construction method, readable storage medium and electronic device | |
| JP6741958B1 (en) | Information processing apparatus, information processing system, information processing method, and program | |
| CN109804372B (en) | Emphasizing image portions in a presentation | |
| US20230199126A1 (en) | Display control method and display control apparatus | |
| US20240005586A1 (en) | Systems and methods for animating transition of an object | |
| CN117667049A (en) | Development mode switching method and device |
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 |