Form page generation method and device, electronic equipment, storage medium and program product
By integrating pre-established and user-defined elements, the method and device enhance web form flexibility and customization, enabling efficient generation and centralized error display in form pages.
Patent Information
- Application Number
- CN202411274900.5
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-09-11
- Publication Date
- 2025-01-03
AI Technical Summary
Existing web form frameworks have fixed structures that lack flexibility and customization, leading to low practicality in generating form pages.
A method and device that combines pre-established page structures with user-defined elements to create customizable form pages, allowing for personalized layout and efficient generation through containers and verification logos.
Enhances form page flexibility and customization, enabling efficient generation of various layout types and centralized error display, addressing the limitations of fixed form structures.
Smart Images
Figure CN119248260A_ABST
Abstract
Description
Technical Field
[0001] The present disclosure belongs to the field of Internet technology, and in particular relates to a form page generation method and device, electronic equipment, storage medium and program product. Background Art
[0002] Currently, web forms are frequently used display modules by developers. Because the data style of web forms is relatively complex, the form framework is usually encapsulated as a component for developers to use. Through these components encapsulated with the form framework, developers can generate form pages quickly, simply and efficiently.
[0003] However, the encapsulated form framework structure is relatively fixed and cannot meet the needs of developers to customize the form layout, resulting in low flexibility and practicality of the generated web form.
[0004] The content of this background technology description is only for facilitating understanding of the relevant technology in this field and is not regarded as an admission of the prior art. Summary of the invention
[0005] In this regard, the present disclosure aims to provide a form page generation method and device, which can meet the generation requirements of custom forms and improve the flexibility of form generation.
[0006] The present disclosure provides a method for generating a form page, the method comprising:
[0007] Obtaining a generation request for a target form page, wherein the generation request includes: a plurality of form structures, each form structure including: a first structure item that can be called from a pre-established page structure set and a second structure item that is user-defined;
[0008] Calling the first structure item from a pre-established page structure set;
[0009] Taking the second structure item as a first container, and adding the first structure item as a container element into the first container;
[0010] The formed multiple first containers are run to obtain the target form page.
[0011] In some embodiments of the present disclosure, running the formed multiple first containers to obtain the target form page includes:
[0012] Get the parent component;
[0013] Use the parent component as a second container;
[0014] adding a plurality of first containers as container elements into the second container;
[0015] The second container is run to obtain the target form page.
[0016] In some embodiments of the present disclosure, when the generation request includes a requirement for an error prompt on a target form page, a verification logo component is added to a parent component, and the verification logo component is used to display verification error information of data items of each form structure in the target form page.
[0017] In some embodiments of the present disclosure, after running the second container and obtaining the target form page, the method further includes:
[0018] Displaying the target form page;
[0019] Receive the data information entered by the user on the target form page;
[0020] Determine the location data of the user inputting the data information on the target form page, and use the form structure corresponding to the location data as the target form structure;
[0021] The data information is transparently transmitted to the target form structure through the parent component as a data item of the target form structure;
[0022] In case of receiving a submit request, calling the verification logo component of the parent component to verify the data items of each form structure in the target form page;
[0023] A logo is displayed in the target form page, wherein the logo is used to indicate the number of data items that have failed verification in each form structure.
[0024] In some embodiments of the present disclosure, when the generating request includes a requirement that a target form page has an error prompt, adding a verification logo component in a parent component includes:
[0025] Determining whether the target form page is a form page that is switched and displayed among multiple pages;
[0026] When it is determined that the target form page is a form page that is displayed by switching among multiple pages, a verification logo component is added to the parent component.
[0027] In some embodiments of the present disclosure, the first structural item includes: a control element type, and the second structural item includes: rendering logic.
[0028] The present disclosure also provides a form page generation device, including:
[0029] An acquisition module, used for acquiring a generation request of a target form page, wherein the generation request includes: a plurality of form structures, each form structure includes: a first structure item that can be called from a pre-established page structure set and a second structure item that is user-defined;
[0030] Calling the first structure item from a pre-established page structure set;
[0031] Taking the second structure item as a first container, and adding the first structure item as a container element into the first container;
[0032] The formed multiple first containers are run to obtain the target form page.
[0033] In some embodiments of the present disclosure, an electronic device is also provided, including a processor and a memory for storing processor-executable instructions, and the processor implements the steps of the above method when executing the instructions.
[0034] In some embodiments of the present disclosure, a computer-readable storage medium is further provided, on which a computer program / instruction is stored, and the computer program / instruction implements the steps of the above method when executed by a processor.
[0035] In some embodiments of the present disclosure, a program product is also provided, which may include a program, and the steps of the above method are implemented when the program is executed.
[0036] The form page generation method and device provided by the embodiment of the present disclosure, in order to generate a target form page including multiple form structures, for each form structure in the generation request, there is a first structure item that can be called from a pre-established page structure set and a second structure item that is user-defined, based on the generation request, the first structure item can be called from the pre-established page structure set, and then the second structure item is used as a first container, and the first structure item is added to the first container as a container element; by running the multiple first containers formed, the target form page can be obtained. Because the preset structure item is wrapped in the custom structure item, it can meet the demand for customization higher than predefined, so that the demand for custom form pages can be met based on the preset structure. The above scheme solves the technical problem of low flexibility caused by the relatively fixed and single form structure of the existing form structure, meets the demand for customized form layout, improves the flexibility of form layout, and achieves the technical effect of efficiently generating form pages of various layout types.
[0037] Other optional features and technical effects of the embodiments of the present disclosure are partially described below, and partially can be understood by reading this document. BRIEF DESCRIPTION OF THE DRAWINGS
[0038] Hereinafter, embodiments of the present disclosure will be described in detail with reference to the accompanying drawings. The elements shown are not limited by the proportions shown in the accompanying drawings. The same or similar reference numerals in the accompanying drawings represent the same or similar elements, wherein:
[0039] Figure 1 It is a method flow chart of an embodiment of the form page generation method provided by the present disclosure;
[0040] Figure 2 It is a schematic diagram of a form page formed by sequentially arranging and displaying the form structure provided by the present disclosure;
[0041] Figure 3 It is a schematic diagram of a form page formed by the custom layout rendering provided by the present disclosure;
[0042] Figure 4 is a schematic diagram of an auxiliary verification logo provided by the present disclosure;
[0043] Figure 5 is a schematic diagram of the module structure of an embodiment of the form page generating device provided by the present disclosure; and
[0044] Figure 6 It is a hardware structure block diagram of an electronic device of a form page generation method provided by the present disclosure. DETAILED DESCRIPTION
[0045] In order to make the purpose, technical solution and advantages of the present disclosure more clear, the present disclosure is further described in detail below in conjunction with specific implementation methods and drawings. Here, the illustrative implementation methods and descriptions of the present disclosure are used to explain the present disclosure, but are not intended to limit the present disclosure.
[0046] In order to solve the problem that the existing form structure is too fixed and single, and has low flexibility, in this embodiment, the form page is built by combining the pre-established page structure set with the user-defined structure items, so that the preset page structure can be configured based on the user's customized needs, thereby avoiding the problem of fixed and single structure, meeting the needs of customized form layout, improving the flexibility of the form structure, and expanding the application scenarios. In actual application scenarios, through the container method, the form can be quickly rendered and generated, which improves the efficiency of building the form page.
[0047] Figure 1 is a method flow chart of an embodiment of the form page generation method provided by the present disclosure. In some application scenarios, Figure 1The method shown is applied in a terminal device. Although the present disclosure provides method operation steps or device structures as shown in the following embodiments or drawings, more or fewer operation steps or module units may be included in the method or device based on routine or no creative labor. In the steps or structures where there is no necessary causal relationship logically, the execution order of these steps or the module structure of the device is not limited to the execution order or module structure described in the embodiments of the present disclosure and shown in the drawings. When the method or module structure described is applied to an actual device or terminal product, it can be connected according to the method or module structure shown in the embodiments or drawings for sequential execution or parallel execution (for example, a parallel processor or a multi-threaded processing environment, or even a distributed processing environment).
[0048] In one embodiment of the present disclosure, Figure 1 As shown, the above-mentioned form page generation method may include the following steps 110-140.
[0049] 110: Obtain a generation request of a target form page, wherein the generation request includes: a plurality of form structures, each form structure includes: a first structure item that can be called from a pre-established page structure set and a second structure item that is user-defined.
[0050] Among them, the first structural item can be a control element, which can include, for example: input boxes, selectors, radio buttons, multiple-choice boxes, etc., which are used to collect, verify, and submit data. It can also be some complex control elements, for example: control elements that can realize functions such as data entry, verification, and corresponding styles.
[0051] In some embodiments, the basic configurations of multiple control elements can be pre-set and stored in a pre-established page structure set so that they can be called when used. For example, if the control elements that the user needs to call when generating the current page are "input boxes and multiple-selection boxes", the input boxes and multiple-selection boxes can be obtained from the pre-established page structure set. The structure of the input boxes and multiple-selection boxes selected from the page structure set is a relatively fixed standard format, which is often difficult to meet the personalized needs of users.
[0052] Based on this, the "user-defined second structure item" is introduced. The user-defined second structure item is the specific rendering logic of the control element. For example, setting the bottom frame of the control element to red, the text inside to colorful colors, and the location in the upper right corner of the first page of the page can all be used as custom rendering logic. That is, the user's personalized needs for the form structure are set as the second structure item.
[0053] 120: Calling the first structure item from a pre-established page structure set.
[0054] 130: Use the second structure item as a first container, and add the first structure item as a container element into the first container.
[0055] In order to meet the user's personalized needs for form structure on the basis of reusing part of the implementation logic of the pre-established page structure, in this example, it is implemented through the concept of "container", that is, the customized page structure is set as the first container, and the first structure item called by the pre-established page structure set is wrapped in the first container. In this way, during operation, the pre-established page structure can be reused, and these page structures can be adjusted to meet the needs of personalized settings.
[0056] 140: Run the formed multiple first containers to obtain the target form page.
[0057] Further, taking the customization of the position of each form structure in the page as an example, considering that the existing fixed-structure form page is generally presented in a manner of sequentially displaying the form content to form a form page, for example, Figure 2 As shown, the contents of each structural item are displayed in sequence, which will inevitably lead to a form structure that is too simple and cannot meet the needs of personalization and customization.
[0058] In some embodiments of the present disclosure, the corresponding form structures are rendered separately through the user-defined second structure items, that is, the user-defined logic is used to set the position of each structure item in the page in a container manner, thereby meeting personalized needs.
[0059] For example, refer to Figure 3 , which shows a form page formed by personalizing a subform in one embodiment. Figure 3 In the example, the control element set formed by "user name, mobile phone number" is used as a first structural item, and the first structural item is set in the upper left corner of the page through the second structural item defined by the user; the control element set formed by "company address, payment method, receiving city" is used as another first structural item, and the first structural item is set in the upper right corner of the page through another second structural item defined by the user; the control element set formed by "amount, number of shipments, receiving time, whether to quote" is used as another first structural item, and the first structural item is set in the lower left corner of the page through another second structural item defined by the user; similarly, "shipping date, package description" is also set in the lower right corner of the page in this way. Furthermore, the control size, display color, etc. of the corresponding first structural item can also be set through the second structural item to achieve rendering.
[0060] In the embodiments of the present disclosure, through the above-mentioned method, while ensuring the standardization of basic control elements, the user is allowed to introduce customized control elements and flexibly set the form structure layout, thereby breaking through the limitations of traditional form page generation and meeting the needs of customized form pages, rather than generating form pages in a fixed manner of arranging and displaying the form structure in sequence, thereby effectively meeting the needs of personalized customization and solving the problem of the form page structure being too single.
[0061] Furthermore, considering that the form page formed includes multiple form structures, a first container will be formed for each form structure. In order to achieve unified processing of multiple form structures, the concept of parent component can be introduced, that is, when running the multiple first containers formed to obtain the target form page, it can include: obtaining the parent component; using the parent component as the second container; adding the multiple first containers as container elements to the second container; running the second container to obtain the target form page. Furthermore, the assignment and verification logic of the target form page can also be implemented through the parent component.
[0062] In some embodiments of the present disclosure, for a single form structure, only the rendering of the corresponding form structure can be completed, that is, the specific structure and rendering of the defined form are placed in the first container. For the first container, there is no function of assigning and verifying the corresponding form structure. The assignment and verification of the form structure are implemented by the parent component, that is, the first container only performs simple rendering work, and the logic of the form assignment, verification, etc. are all in the parent component (i.e., the second container). When using the generated form page, the user's interactive data (for example: inputting values or selecting items in the blanks of the form structure, triggering verification of the input content, etc.) is obtained by the parent component. The parent component will obtain the interactive data with the user and pass the interactive data to the specific form structure (i.e., the child form). The parent component fills the value entered by the user into the corresponding position and verifies the input value (for example: determining whether the input value is within the preset numerical range, etc.). Specifically, when passing through, the form interaction data in the parent component can be passed through DynamicFormContext to the child form.
[0063] Furthermore, when generating a form page, if the structure of the form page is relatively complex, that is, a form page composed of multiple form structures, then each form structure needs to be rendered separately. For a form page with a relatively simple structure, that is, there may be only a single form structure, then only the single form structure needs to be rendered. It should be understood that for a form page with a relatively simple structure, the solution provided by the embodiment of the present disclosure can also be used to generate a form page.
[0064] In some embodiments of the present disclosure, for the generated target form page, for each form structure, it is composed of multiple control elements, for example: the form structure includes control elements such as input boxes and check boxes. When in use, for such controls, the user needs to correctly input relevant data to trigger the processing of the business flow. The existing verification results of data, for form pages with multi-level data (i.e., form pages with multiple pages switched to display), generally cannot centrally display the verification results of each form structure, which will inevitably cause the user to switch pages to see the verification results of each form structure. In response to this problem, in this example, a verification logo component is introduced, so that the error amount of the verification results of the data in all current form structures can be displayed in the same form page. That is, in the process of embedding the multiple sub-forms in the parent component, it also includes: when the target form page is a form page with multiple pages switched to display, determining whether the target form page has an error prompt requirement; when it is determined that there is an error prompt requirement, adding a verification logo component in the parent component to display the verification error information of the data items of each form structure in the target form page. Based on this, when the generation request includes a requirement for an error prompt on the target form page, adding a verification logo component in the parent component may include: determining whether the target form page is a form page that is switched and displayed among multiple pages; and when it is determined that the target form page is a form page that is switched and displayed among multiple pages, adding a verification logo component in the parent component.
[0065] Correspondingly, in some embodiments of the present disclosure, after running a parent component with multiple form structures (i.e., multiple sub-forms) built in to form the target form page, it also includes: displaying the target form page; receiving data information input by the user on the target form page; determining the location data of the data information input by the user on the target form page, and the form structure corresponding to the location data is the target form structure (the sub-form corresponding to the location information); transmitting the data information to the target form structure through the parent component as a data item of the target form structure; when the user initiates a submission request (i.e., the user completes filling in and selecting, triggering the completion node), the input data information in each of the multiple sub-forms is verified through the parent component (i.e., determining the accuracy and validity of the data information in the data item); and displaying the number of data items that failed to pass the verification in the form structure of each level in the target form page in the form of logos.
[0066] Specifically, after running the second container and obtaining the target form page, the target form page can be displayed; data information input by the user on the target form page is received; location data of the data information input by the user on the target form page is determined, and the form structure corresponding to the location data is used as the target form structure; the data information is transmitted to the target form structure through the parent component as a data item of the target form structure; when a submission request is received, the verification logo component of the parent component is called to verify the data items of each form structure in the target form page; a logo is displayed in the target form page, and the logo is used to indicate the number of data items that have not passed the verification in each form structure.
[0067] In a specific embodiment of the present disclosure, Figure 4 As shown in the figure, the display interface after verification is shown. The form page on the first page is used as the basic form structure part, and the form page on the second page is used as the advanced form structure part. Figure 4 It can be seen that there are 2 data validations that failed in the basic form structure part (i.e., the form page on the first page), and 2 data validations that failed in the advanced form structure part (i.e., the form page on the second page, which can be switched to by clicking the "Advanced" button above). Figure 4 As can be seen from the interface shown, the disclosed embodiment displays data logos in the form of a data logo "2" at the "basic" position and a data logo "2" at the "advanced" position, prompting the user that two data checks failed in the basic form structure and two data checks failed in the advanced form structure. In this way, the user can obtain the data verification results in the entire form page without switching pages.
[0068] In some embodiments of the present disclosure, obtaining a generation request for a target form page may include: authenticating the target object; after the identity authentication is passed, displaying a form generation interface; receiving a first structure item selected and a second structure item input by the target object in the form generation interface as a form style requirement, and generating the generation request based on the form style requirement.
[0069] In some embodiments of the present disclosure, the target object may be a developer, that is, a request to generate a form page may be generated based on the developer's selection and settings. Since the generation of a form page is a system platform operation, identity authentication for the developer may be added. Only when the identity authentication is passed, the request to generate a form page is triggered.
[0070] In the above example, in order to generate a target form page including multiple form structures, for each form structure in the generation request, there is a first structure item that can be called from a pre-established page structure set and a second structure item that is user-defined. Based on the generation request, the first structure item can be called from the pre-established page structure set, and then the second structure item is used as a first container, and the first structure item is added to the first container as a container element; by running the multiple first containers formed, the target form page can be obtained. Because the preset structure item is wrapped in the custom structure item, it can meet the demand for customization higher than predefined, so that the demand for custom form pages can be met based on the preset structure. The above scheme solves the technical problem of low flexibility caused by the relatively fixed and single form structure of the existing form structure, meets the demand for customized form layout, improves the flexibility of form layout, and achieves the technical effect of efficiently generating form pages of various layout types.
[0071] In some embodiments of the present disclosure, the target form page mentioned above may be a web form page.
[0072] The above method of the present disclosure will be described below in conjunction with a specific embodiment of the present disclosure. However, it is worth noting that this specific embodiment is only for better illustrating the present disclosure and does not constitute an improper limitation to the present disclosure.
[0073] In a specific embodiment of the present disclosure, the form page generation method may include the following steps:
[0074] (1): Develop the DynamicsForm form component (dynamic form).
[0075] The DynacmicsForm form component (hereinafter referred to as the parent component) allows developers to easily build form pages through configuration. Specifically, download and use the form component DynacmicsForm in the UI component package bdx-ui as the parent component, receive multiple form structures entered by the user, and pass the form structure as the settings parameter to the parent component.
[0076] (2): Split the logic of the rendering part.
[0077] Receive the generation request of the target form page input by the user, carry the first structure item (control element that can be called from the pre-established page structure set) and the second structure item (i.e., customized rendering requirement) position rendering requirement of each form structure in the generation request, confirm the position, color, style, etc. of each form structure in the form page based on the position rendering requirement, and then, encapsulate the control element of each form structure (corresponding to the above-mentioned first structure item) and the rendering requirement in the form page (corresponding to the above-mentioned second structure item) separately as DynamicFormRender (corresponding to the above-mentioned first container) through the container, and each sub-form corresponds to the complete rendering logic of the form structure. Because there are multiple first containers, when rendering, each form structure can be rendered in parallel in a distributed manner, that is, multiple first containers can be run in parallel in a distributed manner.
[0078] (3): Multiple first containers are embedded in the parent component as child nodes of the parent component (i.e., corresponding to the above-mentioned addition of multiple first containers as container elements to the second container), so as to facilitate developers to use it for simple form page development.
[0079] (4): Provides a DynamicFromValidateBadge (validation badge) component to centrally display the validation error information of each form structure when using the generated form page.
[0080] Specifically, when there is a need for an error prompt on a form page, DynamicsForm.DynamicFromValidateBadge can be used as a validation badge tool component.
[0081] (5): Realize communication between parent components and each form structure through React Context.
[0082] Specifically, the problem of the number of verification logos can be solved by passing renderKey to each form structure; further, since the form structure only does pure rendering work, the form assignment verification and other logic are all in the parent component, so the form interaction data in the parent component can be transparently passed to the corresponding form structure through DynamicFormContext. If the developer needs to use custom rendering, the first container can be used in the parent component as a descendant element for custom rendering, so that a highly customized layout form can be achieved.
[0083] In the above-mentioned embodiments of the present disclosure, in view of the problem that the existing conventional forms have a single layout mode, generally only in-line and multi-line forms, and the position of the form structure cannot be flexibly laid out, the method provided in the embodiments of the present disclosure extracts the form structure including the form style and rendering logic, performs distributed rendering through a container, and provides a verification logo to display error information. The parent component and the form structure communicate based on React Context, and the layout requirements of the form page are well met by customizing the form layout.
[0084] like Figure 5 As shown, the embodiment of the present disclosure further provides a form page generating device 500, including an acquisition module 501, a calling module 502, an adding module 503 and an operating module 504, wherein:
[0085] The acquisition module 501 is used to acquire a generation request of a target form page, wherein the generation request includes: a plurality of form structures, each form structure includes: a first structure item that can be called from a pre-established page structure set and a second structure item that is user-defined;
[0086] A calling module 502, configured to call the first structure item from a pre-established page structure set;
[0087] An adding module 503 is used to use the second structure item as a first container and add the first structure item as a container element into the first container;
[0088] The running module 504 is used to run the formed multiple first containers to obtain the target form page.
[0089] In one embodiment, the above-mentioned running module 504 can be specifically used to obtain a parent component; use the parent component as a second container; add multiple first containers as container elements to the second container; and run the second container to obtain the target form page.
[0090] In one embodiment, when the generation request includes a requirement for error prompts on the target form page, a verification logo component is added to the parent component, and the verification logo component is used to display verification error information of data items of each form structure in the target form page.
[0091] In one embodiment, after running the second container and obtaining the target form page, the above-mentioned form page generating device 500 can also be used to display the target form page; receive data information input by the user on the target form page; determine the location data of the data information input by the user on the target form page, and use the form structure corresponding to the location data as the target form structure; transmit the data information to the target form structure through the parent component as the data item of the target form structure; when receiving a submit request, call the verification logo component of the parent component to verify the data items of each form structure in the target form page; display a logo in the target form page, and the logo is used to indicate the number of data items that have not passed the verification in each form structure.
[0092] In one embodiment, when the generation request includes a requirement for an error prompt on a target form page, adding a verification logo component in a parent component may include: determining whether the target form page is a form page that is displayed by switching between multiple pages; and when determining that the target form page is a form page that is displayed by switching between multiple pages, adding a verification logo component in the parent component.
[0093] In one implementation, the first structural item may include: a control element type, and the second structural item may include: rendering logic.
[0094] In one embodiment, the acquisition module 501 is specifically used to authenticate the target object; after the identity authentication is passed, the form generation interface is displayed; the first structure item selected and the second structure item input by the target object in the form generation interface are received as form style requirements, and the generation request is generated based on the form style requirements.
[0095] In an embodiment of the present disclosure, an electronic device is provided, including: a processor and a memory storing a computer program, wherein the processor is configured to execute any method of the embodiment of the present disclosure when running the computer program.
[0096] Figure 6 A schematic diagram of an electronic device 600 that can implement the method of the disclosed embodiment or implement the disclosed embodiment is shown, and in some embodiments, more or fewer electronic devices may be included than shown. In some embodiments, it can be implemented using a single or multiple electronic devices. In some embodiments, it can be implemented using cloud or distributed electronic devices.
[0097] like Figure 6As shown, the electronic device 600 includes a processor 601, which can perform various appropriate operations and processes according to the programs and / or data stored in the read-only memory (ROM) 602 or the programs and / or data loaded from the storage part 608 to the random access memory (RAM) 603. Processor 601 can be a multi-core processor, or it can include multiple processors. In some embodiments, processor 601 can include a general main processor, such as a central processing unit (CPU), and one or more special coprocessors, such as a graphics processing unit (GPU), a neural network processor (NPU), a digital signal processor (DSP), etc. In RAM 603, various programs and data required for the operation of the electronic device 600 are also stored. Processor 601, ROM 602 and RAM 603 are connected to each other via bus 604. Input / output (I / O) interface 605 is also connected to bus 604.
[0098] The processor and the memory are used together to execute a program stored in the memory, and when the program is executed by a computer, the steps or functions of the method for reporting page errors described in the above embodiments can be implemented. For example, when the processor executes the computer program, the following steps are implemented:
[0099] Step 1: obtaining a generation request of a target form page, wherein the generation request includes: a plurality of form structures, each form structure includes: a first structure item that can be called from a pre-established page structure set and a second structure item that is user-defined;
[0100] Step 2: calling the first structure item from a pre-established page structure set;
[0101] Step 3: Use the second structure item as a first container, and add the first structure item as a container element into the first container;
[0102] Step 4: Run the formed multiple first containers to obtain the target form page.
[0103] The following components are connected to the I / O interface 605: an input section 606 including a keyboard, a mouse, a touch screen, etc.; an output section 607 including a cathode ray tube (CRT), a liquid crystal display (LCD), etc., and a speaker, etc.; a storage section 608 including a hard disk, etc.; and a communication section 609 including a network interface card such as a LAN card, a modem, etc. The communication section 609 performs communication processing via a network such as the Internet. A drive 610 is also connected to the I / O interface 605 as needed. A removable medium 611, such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., is installed on the drive 610 as needed, so that a computer program read therefrom is installed into the storage section 608 as needed. Figure 6 Only some components are schematically shown in the figure, which does not mean that the computer system 600 only includes Figure 6 Components shown.
[0104] In some embodiments, the electronic device 600 refers to a mobile terminal or a computer, including a mobile phone, a car terminal, a smart TV, etc. Taking a mobile phone as an example, the electronic device 600 also includes a display screen with a touch function, an external speaker, a gyroscope, a camera, a 4G / 5G antenna and other device modules.
[0105] The systems, devices, modules or units described in the above embodiments may be implemented by a computer or its associated components. The computer may be, for example, a mobile terminal, a smart phone, a personal computer, a laptop computer, a vehicle-mounted human-computer interaction device, a personal digital assistant, a media player, a navigation device, a game console, a tablet computer, a wearable device, a smart TV, an Internet of Things system, a smart home, an industrial computer, a server or a combination thereof.
[0106] Although not shown, in an embodiment of the present disclosure, a storage medium is provided, the storage medium storing a computer program, the computer program being configured to perform any method of the embodiments of the present disclosure when executed.
[0107] The storage media in the embodiments of the present disclosure include permanent and non-permanent, removable and non-removable items that can be implemented by any method or technology to store information. Examples of storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, compact disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices or any other non-transmission medium that can be used to store information that can be accessed by a computing device.
[0108] The embodiments of the present disclosure also provide a computer-readable storage medium capable of implementing all the steps in the form page generation method in the above embodiments. The computer-readable storage medium stores a computer program. When the computer program is executed by a processor, all the steps in the form page generation method in the above embodiments are implemented. For example, when the processor executes the computer program, the following steps are implemented:
[0109] Step 1: obtaining a generation request of a target form page, wherein the generation request includes: a plurality of form structures, each form structure includes: a first structure item that can be called from a pre-established page structure set and a second structure item that is user-defined;
[0110] Step 2: calling the first structure item from a pre-established page structure set;
[0111] Step 3: Use the second structure item as a first container, and add the first structure item as a container element into the first container;
[0112] Step 4: Run the formed multiple first containers to obtain the target form page.
[0113] Although not shown in the figures, the embodiments of the present disclosure further provide a program product, the program of which is configured to implement any method of the embodiments of the present disclosure when running.
[0114] From the above description, it can be known that in order to generate a target form page including multiple form structures, in the generation request, for each form structure, there is a first structure item that can be called from a pre-established page structure set and a second structure item that is user-defined. Based on the generation request, the first structure item can be called from the pre-established page structure set, and then the second structure item is used as a first container, and the first structure item is added to the first container as a container element; by running the multiple first containers formed, the target form page can be obtained. Because the preset structure item is wrapped in the custom structure item, it can meet the demand for customization higher than predefined, so that the demand for custom form pages can be met based on the preset structure. The above scheme solves the technical problem that the existing form structure is relatively fixed and the form structure is single, resulting in low flexibility, meets the demand for customized form layout, improves the flexibility of form layout, and achieves the technical effect of efficiently generating form pages of various layout types. .
[0115] Each embodiment in this specification is described in a progressive manner, and the same or similar parts between the embodiments can be referred to each other, and each embodiment focuses on the differences from other embodiments. In particular, for the hardware + program embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the partial description of the method embodiment.
[0116] The methods, programs, systems, devices, etc. of the embodiments of the present disclosure may be executed or implemented in a single or multiple networked computers, or may be practiced in a distributed computing environment. In the embodiments of the present specification, in these distributed computing environments, tasks may be performed by remote processing devices connected via a communication network.
[0117] Those skilled in the art should understand that the embodiments of the present specification may be provided as methods, systems or computer program products. Therefore, those skilled in the art may imagine that the functional modules / units or controllers and related method steps described in the above embodiments may be implemented in software, hardware or a combination of software / hardware.
[0118] Unless explicitly stated, the actions or steps of the methods, programs, and embodiments of the present disclosure do not have to be performed in a specific order and can still achieve the desired results. In some implementations, multitasking and parallel processing are also possible or may be advantageous.
[0119] For the convenience of description, the above devices are described in various modules according to their functions. Of course, when implementing the embodiments of this specification, the functions of each module can be implemented in the same or more software and / or hardware, or the module implementing the same function can be implemented by a combination of multiple sub-modules or sub-units. The device embodiments described above are only schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.
[0120] Those skilled in the art also know that, in addition to implementing the controller in a purely computer-readable program code, the controller can be made to implement the same function in the form of logic gates, switches, application-specific integrated circuits, programmable logic controllers, and embedded microcontrollers by logically programming the method steps. Therefore, such a controller can be considered as a hardware component, and the devices for implementing various functions included therein can also be considered as structures within the hardware component. Or even, the devices for implementing various functions can be considered as both software modules for implementing the method and structures within the hardware component.
[0121] The present disclosure is described with reference to the flowcharts and / or block diagrams of the methods, devices (systems), and computer program products according to the embodiments of the present disclosure. It should be understood that each process and / or box in the flowchart and / or block diagram, as well as the combination of the processes and / or boxes in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to generate a machine, so that the instructions executed by the processor of the computer or other programmable data processing device generate instructions for implementing the processes in the flowchart and / or block diagram. Figure 1 A process or multiple processes and / or boxes Figure 1A device that provides the functions specified in a block or multiple blocks.
[0122] In this article, multiple embodiments of the present disclosure are described, but for the sake of brevity, the description of each embodiment is not exhaustive, and the same or similar features or parts between the embodiments may be omitted. In this article, "one embodiment", "some embodiments", "example", "specific example", or "some examples" are meant to be applicable to at least one embodiment or example according to the present disclosure, rather than all embodiments. The above terms do not necessarily mean to refer to the same embodiment or example. In the absence of contradiction, those skilled in the art can combine and combine the different embodiments or examples described in this specification and the features of the different embodiments or examples.
[0123] The exemplary systems and methods of the present disclosure have been specifically shown and described with reference to the above embodiments, which are merely examples of the best modes for implementing the present systems and methods. It will be appreciated by those skilled in the art that various changes may be made to the embodiments of the systems and methods described herein when implementing the present systems and / or methods without departing from the spirit and scope of the present disclosure as defined in the appended claims.
Claims
1. A form page generation method, characterized in that: The method comprises: Obtaining a generation request for a target form page, wherein the generation request includes: a plurality of form structures, each form structure including: a first structure item that can be called from a pre-established page structure set and a second structure item that is user-defined; Calling the first structure item from a pre-established page structure set; Taking the second structure item as a first container, and adding the first structure item as a container element into the first container; The formed multiple first containers are run to obtain the target form page.
2. The method according to claim 1, characterized in that The multiple first containers formed are run to obtain the target form page, including: Get the parent component; Use the parent component as a second container; adding a plurality of first containers as container elements into the second container; The second container is run to obtain the target form page.
3. The method according to claim 2, characterized in that In the case where the generation request includes a requirement for error prompts on the target form page, a verification logo component is added to the parent component, and the verification logo component is used to display verification error information of data items of each form structure in the target form page.
4. The method according to claim 3, characterized in that After running the second container and obtaining the target form page, the method further includes: Displaying the target form page; Receive the data information entered by the user on the target form page; Determine the location data of the user inputting the data information on the target form page, and use the form structure corresponding to the location data as the target form structure; The data information is transparently transmitted to the target form structure through the parent component as a data item of the target form structure; In case of receiving a submit request, calling the verification logo component of the parent component to verify the data items of each form structure in the target form page; A logo is displayed in the target form page, wherein the logo is used to indicate the number of data items that have failed verification in each form structure.
5. The method according to claim 4, characterized in that When the generation request includes a requirement that an error prompt exists on the target form page, adding a verification logo component to the parent component includes: Determining whether the target form page is a form page that is switched and displayed among multiple pages; When it is determined that the target form page is a form page that is displayed by switching among multiple pages, a verification logo component is added to the parent component.
6. The method according to any one of claims 1 to 5, characterized in that The first structural item includes: control element type, and the second structural item includes: rendering logic.
7. A form page generating device, characterized in that: include: An acquisition module, used for acquiring a generation request of a target form page, wherein the generation request includes: a plurality of form structures, each form structure includes: a first structure item that can be called from a pre-established page structure set and a second structure item that is user-defined; A calling module, used for calling the first structure item from a pre-established page structure set; An adding module, used for taking the second structure item as a first container and adding the first structure item as a container element into the first container; The running module is used to run the formed multiple first containers to obtain the target form page.
8. An electronic device comprising a processor and a memory for storing instructions executable by the processor, characterized in that: When the processor executes the instructions, the steps of the method according to any one of claims 1 to 6 are implemented.
9. A computer-readable storage medium having a computer program / instruction stored thereon, characterized in that: When the computer program / instructions are executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.
10. A program product, characterized in that The invention comprises a program, which implements the steps of the method according to any one of claims 1 to 6 when being executed.