Form visualization processing method and device and electronic equipment

Abstract

The invention provides a form visualization processing method and device and electronic device.The method comprises the steps that icons of all configuration components are displayed in a component panel area according to a form configuration file; responding to an operation of selecting at least one target configuration component from the component panel area by a user, and rendering and displaying each target configuration component in the canvas area; in response to an attribute configuration instruction of a user on each target configuration component in the configuration panel area, determining target attribute information of each target configuration component; determining target rule information of the at least one target configuration component in response to a rule configuration instruction of the user for the at least one target configuration component; and generating a target form according to the target attribute information of each target configuration component and the target rule information of the at least one target configuration component. According to the method and the device, the form demand is created in a configuration form, and rule configuration is further performed on the basis of the basic attributes of the configuration component, so that the business demand can be met even in the face of complex form design.

Description

Technical Field

[0001] The present application relates to the field of data processing technology, and in particular to a form visualization processing method, device and electronic device. Background Art

[0002] With the rapid development of artificial intelligence, custom forms are also developing towards intelligence, personalization and convenience. Users can customize the form structure, format and other elements to meet business needs.

[0003] There are two main traditional methods for customizing forms. One is to store all business form information as field information in a single database table, defining the form and storing form instance information through the form field definition table and form field data table respectively. The other is to replace manual operations such as creating business database tables and writing code through personalized customization processes and graphical operation interfaces. Both of the above processing methods can achieve customized form design, but the above methods are only suitable for relatively simple business or general scenario processes. When faced with form design for complex medical information processes, personalized customization costs and limitations are high, and forms are not easy to manage. Therefore, the above methods cannot meet the business needs for form design in the public health system. Summary of the Invention

[0004] The purpose of this application is to provide a form visualization processing method, device and electronic device to address the deficiencies in the above-mentioned prior art, so as to solve the problem that the prior art cannot meet the business needs of form design in the public health system.

[0005] To achieve the above objectives, the technical solutions adopted in the embodiments of the present application are as follows:

[0006] In a first aspect, an embodiment of the present application provides a form visualization processing method, wherein a graphical user interface is provided through a terminal device, wherein the graphical user interface displays a component panel area, a canvas area, and a configuration panel area, and the method includes:

[0007] Obtaining a form configuration file, wherein the form configuration file includes multiple configuration components, each of which is pre-encapsulated with a business function corresponding to the configuration component;

[0008] Displaying icons of each of the configuration components in the component panel area according to the form configuration file;

[0009] In response to a user selecting at least one target configuration component from the component panel area, rendering and displaying each target configuration component in the canvas area;

[0010] In response to a user's attribute configuration instruction for each target configuration component in the configuration panel area, determining target attribute information of each target configuration component;

[0011] In response to a user's rule configuration instruction for at least one target configuration component in the configuration panel area, determining target rule information of at least one target configuration component;

[0012] A target form is generated according to target attribute information of each target configuration component and target rule information of at least one target configuration component.

[0013] As a possible implementation manner, the determining target rule information of at least one target configuration component in response to a user's rule configuration instruction for at least one target configuration component in the configuration panel area includes:

[0014] In response to a rule configuration instruction of a user for at least one target configuration component in the configuration panel area, generating rule information to be verified indicated by the rule configuration instruction;

[0015] Verifying the rule information to be verified based on pre-built test code;

[0016] If the verification result is that the verification is passed, the rule information to be verified is used as the target rule information.

[0017] As a possible implementation, after verifying the rule information to be verified based on the pre-built test code, the method further includes:

[0018] If the verification result is that the verification fails, a first prompt message is output, where the first prompt message is used to indicate the location information of the verification error;

[0019] In response to a user's rule modification instruction for at least one target configuration component in the configuration panel area, the target rule information is determined according to the rule modification instruction.

[0020] As a possible implementation, in response to the user selecting at least one target configuration component from the component panel area, rendering and displaying each target configuration component in the canvas area includes:

[0021] In response to the user selecting each target configuration component from the component panel area, displaying second prompt information corresponding to each target configuration component, wherein the second prompt information is used to indicate position information of the target configuration component in the canvas area;

[0022] In response to the user's operation of dragging each target configuration component from the component panel area, each target configuration component is rendered and displayed in the canvas area according to the second prompt information corresponding to each target configuration component.

[0023] As a possible implementation, responding to the user's attribute configuration instruction for each target configuration component in the configuration panel area to determine the target attribute information of each target configuration component includes:

[0024] In response to a user selecting a target component to be configured in the canvas area, obtaining a plurality of property items of the target component to be configured, and displaying the plurality of property items in the configuration panel area;

[0025] If the type of the attribute item is a standard library type or a term library type, then multiple optional items corresponding to the attribute item are obtained, and the optional items are mutually exclusive;

[0026] Responding to the user's attribute configuration instructions for each of the attribute items, obtaining the attribute value of each optional item;

[0027] According to the attribute value of each optional item, the target attribute information of the target component to be configured is determined.

[0028] As a possible implementation, the method further includes:

[0029] Performing data conversion on the target form to obtain a property file, wherein the property file includes a rule record field, a component type field, component basic property information, and business rule property information;

[0030] The form parser corresponding to each client parses the attribute file to obtain a parsing result corresponding to each client, and displays the target form on each client according to the parsing result corresponding to each client.

[0031] As a possible implementation, after generating the target form according to the target attribute information of each target configuration component and the target rule information of at least one target configuration component, the method further includes:

[0032] In response to a user's modification instruction for the configuration component to be updated in the target form, displaying attribute information of the configuration component to be updated in the configuration panel area;

[0033] In response to a user's instruction to update the attribute information of the configuration component to be updated, the attribute information of the configuration component to be updated is updated to obtain a second form after the target form is updated.

[0034] As a possible implementation manner, after updating the attribute information of the configuration component to be updated, the method further includes:

[0035] Generate form update records based on updated content;

[0036] If an abnormal state occurs when configuring component properties, the abnormal location is determined based on the form update record.

[0037] In a second aspect, an embodiment of the present application provides a form visualization processing device, which provides a graphical user interface through a terminal device, wherein the graphical user interface displays a component panel area, a canvas area, and a configuration panel area, and the device includes:

[0038] An acquisition module is used to acquire a form configuration file, wherein the form configuration file includes multiple configuration components, each of which is pre-encapsulated with a business function corresponding to the configuration component;

[0039] A display module, configured to display icons of each of the configuration components in the component panel area according to the form configuration file;

[0040] A rendering module, configured to respond to a user selecting at least one target configuration component from the component panel area, and render and display each target configuration component in the canvas area;

[0041] A first determining module is configured to respond to a user's attribute configuration instruction for each target configuration component in the configuration panel area and determine target attribute information of each target configuration component;

[0042] a second determining module, configured to determine target rule information of at least one target configuration component in response to a rule configuration instruction of at least one target configuration component by a user in the configuration panel area;

[0043] The generating module is used to generate a target form according to the target attribute information of each target configuration component and the target rule information of at least one target configuration component.

[0044] As a possible implementation manner, the second determining module is specifically configured to:

[0045] In response to a rule configuration instruction of a user for at least one target configuration component in the configuration panel area, generating rule information to be verified indicated by the rule configuration instruction;

[0046] Verifying the rule information to be verified based on pre-built test code;

[0047] If the verification result is that the verification is passed, the rule information to be verified is used as the target rule information.

[0048] As a possible implementation manner, the second determining module is further configured to:

[0049] If the verification result is that the verification fails, a first prompt message is output, where the first prompt message is used to indicate the location information of the verification error;

[0050] In response to a user's rule modification instruction for at least one target configuration component in the configuration panel area, the target rule information is determined according to the rule modification instruction.

[0051] As a possible implementation, the rendering module is specifically configured to:

[0052] In response to the user selecting each target configuration component from the component panel area, displaying second prompt information corresponding to each target configuration component, wherein the second prompt information is used to indicate position information of the target configuration component in the canvas area;

[0053] In response to the user's operation of dragging each target configuration component from the component panel area, each target configuration component is rendered and displayed in the canvas area according to the second prompt information corresponding to each target configuration component.

[0054] As a possible implementation manner, the first determining module is specifically configured to:

[0055] In response to a user selecting a target component to be configured in the canvas area, obtaining a plurality of property items of the target component to be configured, and displaying the plurality of property items in the configuration panel area;

[0056] If the type of the attribute item is a standard library type or a term library type, then multiple optional items corresponding to the attribute item are obtained, and the optional items are mutually exclusive;

[0057] Responding to the user's attribute configuration instructions for each of the attribute items, obtaining the attribute value of each optional item;

[0058] According to the attribute value of each optional item, the target attribute information of the target component to be configured is determined.

[0059] As a possible implementation manner, the generating module is further configured to:

[0060] Performing data conversion on the target form to obtain a property file, wherein the property file includes a rule record field, a component type field, component basic property information, and business rule property information;

[0061] The form parser corresponding to each client parses the attribute file to obtain a parsing result corresponding to each client, and displays the target form on each client according to the parsing result corresponding to each client.

[0062] As a possible implementation manner, the generating module is further configured to:

[0063] In response to a user's modification instruction for the configuration component to be updated in the target form, displaying attribute information of the configuration component to be updated in the configuration panel area;

[0064] In response to a user's instruction to update the attribute information of the configuration component to be updated, the attribute information of the configuration component to be updated is updated to obtain a second form after the target form is updated.

[0065] As a possible implementation manner, the generating module is further configured to:

[0066] Generate form update records based on updated content;

[0067] If an abnormal state occurs when configuring component properties, the abnormal location is determined based on the form update record.

[0068] In a third aspect, an embodiment of the present application provides an electronic device comprising: a processor, a storage medium and a bus, wherein the storage medium stores machine-readable instructions executable by the processor. When the electronic device is running, the processor and the storage medium communicate via the bus, and the processor executes the machine-readable instructions to perform the steps of the form visualization processing method as described in any one of the first aspects above.

[0069] In a fourth aspect, an embodiment of the present application provides a storage medium having a computer program stored thereon. When the computer program is executed by a processor, the steps of the form visualization processing method described in any one of the first aspects are executed.

[0070] According to the form visualization processing method, device and electronic device of the embodiment of the present application, a graphical user interface is provided through a terminal device, and the graphical user interface displays a component panel area, a canvas area and a configuration panel area. The icons of each configuration component are displayed in the component panel area according to the form configuration file; in response to the user's operation of selecting at least one target configuration component from the component panel area, each target configuration component is rendered and displayed in the canvas area; in response to the user's attribute configuration instruction for each target configuration component in the configuration panel area, the target attribute information of each target configuration component is determined; in response to the user's rule configuration instruction for at least one target configuration component in the configuration panel area, the target rule information of at least one target configuration component is determined; according to the target attribute information of each target configuration component and the target rule information of at least one target configuration component, a target form is generated. According to the embodiment of the present application, the business functions corresponding to the configuration components are pre-encapsulated in the configuration components, and only some dynamic parameters are exposed. When designing a form, the user can customize the form design by simple operations such as dragging components and modifying configuration properties, and configure the components according to the rules based on the basic properties of the original configuration components to ensure that the business function logic between the components is smoothly executed and there is no conflict. On this basis, the user only needs to perform simple operations and modify some dynamic parameters to meet the design and processing of complex forms. Therefore, the form visualization processing method provided in the embodiment of the present application can meet the business needs for form design in the public health system. BRIEF DESCRIPTION OF THE DRAWINGS

[0071] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the following is a brief introduction to the drawings required for use in the embodiments. It should be understood that the following drawings only show certain embodiments of the present application and therefore should not be regarded as limiting the scope. For ordinary technicians in this field, other relevant drawings can be obtained based on these drawings without creative work.

[0072] Figure 1 A schematic diagram of the architecture of a draggable form design platform provided in an embodiment of the present application is shown;

[0073] Figure 2 A flowchart of multi-terminal analysis provided by an embodiment of the present application is shown;

[0074] Figure 3 A flow chart of a form visualization processing method provided in an embodiment of the present application is shown;

[0075] Figure 4 A schematic diagram of a graphical user interface provided by an embodiment of the present application is shown;

[0076] Figure 5A schematic diagram of a process for determining target attribute information provided by an embodiment of the present application is shown;

[0077] Figure 6 A schematic diagram of an interface provided by an embodiment of the present application is shown;

[0078] Figure 7 A functional schematic diagram of a rule configurator provided in an embodiment of the present application is shown;

[0079] Figure 8 A schematic diagram of another multi-terminal analysis process provided by an embodiment of the present application is shown;

[0080] Figure 9 A schematic diagram of a process flow of form configuration provided by an embodiment of the present application is shown;

[0081] Figure 10 A schematic structural diagram of a form visualization processing device provided in an embodiment of the present application is shown;

[0082] Figure 11 A schematic structural diagram of an electronic device provided in an embodiment of the present application is shown. DETAILED DESCRIPTION

[0083] In order to make the purpose, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. It should be understood that the drawings in the present application only serve the purpose of illustration and description and are not used to limit the scope of protection of the present application. In addition, it should be understood that the schematic drawings are not drawn to scale. The flowcharts used in this application illustrate the operations implemented according to some embodiments of the present application. It should be understood that the operations of the flowcharts can be implemented out of sequence, and steps without logical context can be reversed or implemented simultaneously. In addition, those skilled in the art, under the guidance of the contents of this application, can add one or more other operations to the flowchart, or remove one or more operations from the flowchart.

[0084] In addition, the described embodiments are only a part of the embodiments of the present application, rather than all of the embodiments. The components of the embodiments of the present application generally described and shown in the drawings here can be arranged and designed in various configurations. Therefore, the following detailed description of the embodiments of the present application provided in the drawings is not intended to limit the scope of the claimed application, but merely represents selected embodiments of the present application. Based on the embodiments of the present application, all other embodiments obtained by those skilled in the art without making creative work are within the scope of protection of the present application.

[0085] To enable those skilled in the art to utilize the contents of this application, the following implementation is provided in conjunction with the specific application scenario of "Public Health System Form Design." Those skilled in the art will appreciate that the general principles defined herein can be applied to other embodiments and application scenarios without departing from the spirit and scope of this application. While this application primarily describes a form visualization processing method, it should be understood that this is merely an exemplary embodiment.

[0086] It should be noted that the term "comprising" will be used in the embodiments of the present application to indicate the existence of the features declared thereafter, but does not exclude the addition of other features.

[0087] Figure 1 The following is a schematic diagram of the architecture of a draggable form design platform provided by an embodiment of the present application. Figure 1 As shown, the draggable form design platform includes an application layer, an engine layer, and a production layer, which can realize the configuration, generation, conversion, parsing, generation and automated testing of forms. Specifically, a form configuration table is generated by dragging, clicking, selecting and other operations on the graphical user interface. The form configuration table is mainly composed of custom objects (JavaScript Object Notation, JSON), that is, JSON objects. Some complex field rules are implemented by code functions. After a series of configurations, the form configuration table is parsed by the supporting form parser, thereby realizing one-end configuration and multi-end parsing. In addition, in addition to generating the interactive logic in the form configuration, an automated test code will also be generated to automatically verify the rules and interactions of the generated form.

[0088] For example, in a public health system, in addition to frequently used basic components such as buttons, input boxes, radio buttons, checkboxes, tables, and time selectors, forms also include customized components such as teeth, questionnaires, agreements, and service packages. These customized components display and interact differently on different devices. To parse and display a configured form on different clients simultaneously, it is necessary to use the parser corresponding to each client to implement multi-terminal parsing of the form.

[0089] For example, Figure 2 A flowchart of a multi-terminal analysis provided by an embodiment of the present application is shown. Figure 2 As shown, the custom form tool is also the above Figure 1 The draggable form design platform, mobile doctor, and public health system are applications running on various clients. After receiving a form configuration file generated by the draggable form design platform, the application loads it and uses the form parser provided by each client to parse it, generate, and display the form. The clients can include mobile devices, computers, and tablets.

[0090] The following combines the above Figure 1 The content described in the draggable form design platform is used to provide a detailed explanation of the form visualization processing method provided in the embodiment of the present application.

[0091] Figure 3 The flowchart of a form visualization processing method provided by an embodiment of the present application is shown, wherein a graphical user interface is provided by a terminal device, and the graphical user interface displays a component panel area, a canvas area, and a configuration panel area. Figure 3 As shown, the form visualization processing method specifically includes the following steps:

[0092] S301: Obtain a form configuration file, which includes multiple configuration components. Each configuration component is pre-encapsulated with a business function corresponding to the configuration component.

[0093] Optionally, the form configuration file includes multiple configuration components and initial attribute information of each configuration component. The configuration component can be user-defined or a default component of the draggable form design platform, which is not specifically limited here. Since some configuration components in the public health system are relatively complex, if the configuration component is placed on a graphical user interface to configure each attribute of the configuration component, the configuration process is extremely tedious and complicated, and may even fail to achieve the user's expected effect. Therefore, in this application, the business functions corresponding to each configuration component are directly encapsulated in the configuration component in advance, and only some dynamic attributes of the configuration component are exposed, so as to simplify the configuration process of the configuration component.

[0094] S302: Display icons of various configuration components in the component panel area according to the form configuration file.

[0095] Alternatively, as Figure 4 The figure is a schematic diagram of a graphical user interface provided by an embodiment of the present application, referring to Figure 4 As shown, the graphical user interface displays a component panel area, a canvas area and a configuration panel area, wherein the component panel area displays icons of multiple configuration components for users to select configuration components to design and generate forms, the canvas area is used to display the generated form so that users can browse the form design style in real time, and the configuration panel area is used to display the attribute information of each configuration component. When the user selects a configuration component, the attribute information of the selected configuration component is displayed in the configuration panel area, and the attribute information of the selected configuration component can be modified in the configuration panel area.

[0096] S303: In response to the user selecting at least one target configuration component from the component panel area, each target configuration component is rendered and displayed in the canvas area.

[0097] Optionally, combined Figure 4 As shown, based on the graphical user interface provided by the terminal device, the user can select at least one target configuration component from the component panel area deployed on the left side of the graphical user interface. Specifically, select the icon of a target configuration component and drag it to the canvas area deployed in the middle of the graphical user interface. Since the business functions of each target configuration component have been pre-packaged, when the target configuration component is dragged to the canvas area, each target configuration component can be rendered and displayed in the canvas area.

[0098] S304: In response to the user's attribute configuration instructions for each target configuration component in the configuration panel area, determine target attribute information of each target configuration component.

[0099] Optionally, when you drag a target configuration component onto the canvas, the initial attribute information for that target configuration component will be displayed in the configuration panel area on the right side of the graphical user interface. To meet your design needs, you can modify the initial attribute information for each target configuration component in the configuration panel area to determine the target attribute information for each target configuration component.

[0100] Exemplarily, the user can choose to modify the initial attribute information of the target configuration component. If the user modifies the initial attribute information of the target configuration component, the modified attribute information will be determined as the target attribute information of the target configuration component. If the user does not modify the initial attribute information of the target configuration component, the initial attribute information of the target configuration component will be determined as the target attribute information of the target configuration component.

[0101] S305: In response to the user's rule configuration instruction for at least one target configuration component in the configuration panel area, determine target rule information of at least one target configuration component.

[0102] Optionally, at least one target configuration component refers to each target configuration component in at least one target configuration component. The forms in the public health system often have the characteristics of many fields and various types, and the forms in each region contain personalized services, which undoubtedly increases the difficulty of form design. If the form interaction design is inappropriate, it will greatly affect the user's usage efficiency. On this basis, the present application provides a rule configurator that responds to the user's rule configuration instructions for at least one target configuration component in the configuration panel area, and can perform rule configuration on each target configuration component of the generated form based on the rule configurator, and determine the target rule information of each target configuration component to ensure the correctness of the corresponding rules and interaction logic of each target configuration component.

[0103] S306: Generate a target form according to the target attribute information of each target configuration component and the target rule information of at least one target configuration component.

[0104] Optionally, by configuring the property information and rules of the target configuration component dragged from the component panel area to the canvas area in the configuration panel area, the target form is rendered and displayed in the canvas area.

[0105] For example, the form design generation process generally involves dragging the target configuration component from the component panel area on the left to the canvas area, then selecting the target configuration component in the canvas area, and configuring the style, events, and other contents of the selected target configuration component in the configuration panel area on the right. Different target configuration components are combined until a complete page is generated. This process is similar to building blocks. Of course, during the building process, a preview function is also needed to simulate the real environment to debug the built product.

[0106] Based on this, according to the form visualization processing method provided in the embodiment of the present application, the business functions corresponding to the configuration components are pre-encapsulated in the configuration components, and only some dynamic parameters are exposed. When designing a form, the user can customize the form design by dragging components, modifying configuration properties, and other simple operations, and configure the components according to the rules based on the basic properties of the original configuration components to ensure that the business function logic between the components is executed smoothly and there are no conflicts. On this basis, the user only needs to perform simple operations and modify some dynamic parameters to meet the design and processing of complex forms. Therefore, the form visualization processing method provided in the embodiment of the present application can meet the business needs for form design in the public health system.

[0107] As a possible implementation, in step S303, in response to the user selecting at least one target configuration component from the component panel area, rendering and displaying each target configuration component in the canvas area includes:

[0108] In response to the user selecting each target configuration component from the component panel area, the second prompt information corresponding to each target configuration component is displayed; in response to the user dragging each target configuration component from the component panel area, each target configuration component is rendered and displayed in the canvas area according to the second prompt information corresponding to each target configuration component.

[0109] Exemplarily, the second prompt information is used to indicate the location information of the target configuration component in the canvas area. In response to the user's operation of dragging one or more target configuration components from the component panel area on the left side of the graphical user interface, the target configuration components are dragged from the component panel area on the left side to the canvas area in the middle of the graphical user interface, and a target configuration component is selected in the canvas area. In the configuration panel area on the right side of the graphical user interface, basic component properties such as form style and association relationship and specific component properties such as format and value range are set according to user requirements.

[0110] For example, in the process of dragging the target configuration component from the component panel area on the left to the canvas area, it is necessary to determine the arrangement position of each target configuration component in the canvas area in order to perform page layout. In the embodiment of the present application, the style of the form is simpler than that of the web page, and the form is also designed with a fixed layout, so the user only needs to drag the target configuration component to the designated position of the target configuration component in the canvas area indicated by the second prompt information according to the second prompt information. However, since the data interaction between the various configuration components in the form is more complicated, the configuration panel area includes not only the icon and basic information of the target configuration component, but also remote data access, field linkage, verification rules, etc.

[0111] In addition, in the process of rendering and displaying each target configuration component in the canvas area according to the second prompt information corresponding to each target configuration component, the user can dynamically view the target configuration components rendered and displayed in the canvas area and the attribute information of each target configuration component displayed in the configuration panel area in real time.

[0112] Based on this, the form design and development process is transformed into intuitive component drag-and-drop, configuration, and adjustment operations, which lowers the technical threshold and improves user operation efficiency, allowing users to customize and create forms through simple drag-and-drop and configuration operations.

[0113] As a possible implementation, Figure 5 As shown, the above step S304 responds to the user's attribute configuration instructions for each target configuration component in the configuration panel area, and determines the target attribute information of each target configuration component, which specifically includes the following steps:

[0114] S501: In response to a user selecting a target component to be configured in a canvas area, a plurality of property items of the target component to be configured are acquired, and the plurality of property items are displayed in a configuration panel area.

[0115] For example, there are a large number of complex forms in the public health system, and fields are the minimum granularity of form elements. In the traditional form design and development model, the storage location of each field is usually controlled by handwritten code. In this process, the front and back ends need to maintain a standard data field, but due to the rapid iteration of the form version, the data field maintenance cost is relatively high. In this application, the fields and options of the form are managed by creating a standard library and a term library, and the corresponding version form fields are automatically associated by creating an interface. When the user selects the target component to be configured in the canvas area, the created interface can be used to quickly query and obtain multiple attribute items of the target component to be configured, and display multiple attribute items in the configuration panel area.

[0116] S502: If the type of the attribute item is a standard library type or a term library type, multiple optional items corresponding to the attribute item are obtained, and the optional items are mutually exclusive.

[0117] For example, Figure 6 As shown, if the type of the property item is a standard library type or a term base type, when configuring the properties of the target component to be configured using the form configurator and form editor in the configuration panel area, the database and field drop-down boxes corresponding to the property item of the target component to be configured will be displayed, and multiple optional items corresponding to the property item will be displayed. The optional fields corresponding to the optional items will also be automatically brought in, and the user can selectively delete the sorting options.

[0118] For example, if the target component to be configured is a multi-select component, the options can be mutually exclusive and mutually exclusive attributes can be generated based on the option mutual exclusion, so that the multi-select component can automatically assign and cancel values to the option boxes of the multi-select component according to the mutually exclusive key-value pairs in the form parser.

[0119] S503: Respond to the user's attribute configuration instruction for each attribute item and obtain the attribute value of each optional item.

[0120] For example, because different form versions may have different attribute value settings for the same attribute item of the target component to be configured, that is, there is a corresponding term mapping relationship, for example, in form version A, the attribute value of the attribute item of gender of the target component to be configured is set to male and female, in form version B, the attribute value of the attribute item of gender of the target component to be configured is set to 0 and 1, where 0 represents male and 1 represents female, and in form version C, the attribute value of the attribute item of gender of the target component to be configured is set to 1 and 2, where 1 represents male and 2 represents female. Based on this, in response to the user's attribute configuration instructions for each attribute item, the attribute values of each optional item obtained are also different.

[0121] S504: Determine target attribute information of the target component to be configured according to the attribute value of each optional item.

[0122] For example, in combination Figure 6 As shown, continuing to take gender as an example of the target component to be configured, the target component to be configured corresponding to gender includes four options: male, female, unspecified gender and unknown gender. If the attribute value corresponding to the male option is 1, the attribute value corresponding to the female option is 0, the attribute value corresponding to the unspecified gender option is 0, and the attribute value corresponding to the unknown gender option is 0, then the target attribute information of the gender target component to be configured is determined to be male.

[0123] Based on this, through interface creation and term mapping relationships, not only can data query efficiency be improved, data capacity can be expanded, and it is convenient for users to submit and modify data, but also the form can be connected to third-party application interfaces, ensuring the standardization and unification of data information formats. At the same time, it can also effectively guide user habits, standardize user behavior, and improve usage efficiency.

[0124] As a possible implementation, the above step S305 responds to the user's rule configuration instruction for at least one target configuration component in the configuration panel area, and determines the target rule information of at least one target configuration component, specifically including the following steps:

[0125] In response to the user's rule configuration instructions for at least one target configuration component in the configuration panel area, the rule information to be verified indicated by the rule configuration instructions is generated; based on the pre-built test code, the rule information to be verified is verified; if the verification result is passed, the rule information to be verified is used as the target rule information.

[0126] For example, the present application embodiment provides a rule configurator, referring to Figure 7 As shown, the core function of the rule configurator is to convert the standard syntax (Domain Specific Language, DSL) into any kind of compilable and executable programming code. In this way, based on the rule configurator, it is not only possible to generate the interactive logic in the form configuration, but also to generate an automated test code. Specifically, after generating the rule information to be verified indicated by the rule configuration instruction, the rule information to be verified can be verified based on the pre-generated test code to determine whether the rule configuration of the target configuration component is self-consistent, and when the verification passes, the rule information to be verified is used as the target rule information of the target configuration component.

[0127] Exemplarily, if the verification result is that the verification fails, a first prompt message is output; in response to the user's rule modification instruction for at least one target configuration component in the configuration panel area, the target rule information is determined according to the rule modification instruction.

[0128] Exemplarily, the first prompt information is used to indicate the location information of the verification error. If the verification result is verification failure, it means that there is a conflict in the rule configuration of the current target configuration component. The location of the conflict is determined based on the first prompt information provided during the verification process, and then the user responds to the rule correction instruction of at least one target configuration component in the configuration panel area, the rule configuration of the target configuration component is corrected, and the corrected configuration rule is used as the target rule information.

[0129] In addition, the rule configurator features configuration interfaces to implement complex business rules within forms. Specifically, some interfaces are frequently used during form configuration, so these interfaces are managed and summarized, embedded in the form through configuration, and stored in the configuration table as function objects. Furthermore, since most interfaces have inconsistent input parameters during configuration, interface information must be configured based on the currently configured form fields.

[0130] Based on this, some interface input parameters are exposed and configured in the form, making the interface configuration more flexible and thus improving the interface utilization rate.

[0131] As a possible implementation, the method further includes:

[0132] Perform data conversion on the target form to obtain a property file, which includes rule record fields, component type fields, component basic property information, and business rule property information;

[0133] The form parser corresponding to each client parses the property file to obtain the parsing result corresponding to each client, and displays the target form on each client according to the parsing result corresponding to each client.

[0134] For example, the embodiment of the present application uses the vue.js framework to implement multi-terminal parsing. The vue.js framework is a JavaScript framework for building user interfaces and a web application framework for creating page applications. In view of the different clients, the embodiment of the present application generates two sets of parsers to implement multi-terminal parsing. Figure 8 As shown, a form configured through the form configurator will generate a property file with more complex properties, that is, a JSON file. Some fields in the property file are used by the form configurator but are not required in the form parser, such as the rule record field formRules, component type fields (type field and pcType field), component basic attribute information attributes, and business rule attribute information rules.

[0135] The content in the rule record field is used by the rule configurator to echo the configured rules. When the rules are saved, they are automatically converted into code strings and stored in the business rule attribute information "rules." The form parser calls the methods in the business rule attribute information "rules" and does not need to use the rule record field "formRules." Therefore, the configured form needs to be converted into a more streamlined JSON file and stored on the server. The front-end queries the JSON file through an interface and passes it to the form parser for parsing. Then, components in the component library are called to render and display the form page.

[0136] For example, the mobile form parser parses the configuration component based on the component type field type, and the desktop parser parses the configuration component based on the component type field pcType. For example, if the component type field "type" = "textbox", it means that the corresponding configuration component is a text input box. The mobile form parser renders the configuration component using the dynamic component method of the vue.js framework. The remaining properties mainly parse the component status of the configuration component, such as the component display, hidden state, component read-only state, etc. Among them, each configuration component has some independent auxiliary properties used with the parser, making the configuration component more flexible during use.

[0137] Exemplarily, the business rule attribute information rules includes multiple function methods, such as the linkage function method linkageMethods that is actively triggered by the change event when the component value changes, and the linkage function only contains the display or hiding logic of the field; the business logic function method businessMethods that is triggered by the change event when the component value changes, and the business logic function is mainly for field and field value processing, such as field status control, value synchronization, value calculation, etc.; the business logic function method blurMethods that is triggered by the blur event when the component loses focus, and only the text input box is configurable.

[0138] For example, Figure 9 The figure shows a flow chart of a form configuration provided by an embodiment of the present application. The specific steps are consistent with the above description and will not be repeated here. On the basis of completing the form configuration, the form parser is then used to perform multi-terminal parsing to implement the form visualization processing method provided by the embodiment of the present application.

[0139] Based on this, the configuration components can be re-encapsulated in the form parser, and the functions of each configuration component are realized and can be used independently. On this basis, the plug-in generated by the form parser can be applied to any front-end project. Therefore, the form visualization processing method provided in the embodiment of this application is not limited to the public health system. As long as it is connected to the system database, it can serve the form-related functions of any project.

[0140] As a possible implementation, after generating the target form according to the target attribute information of each target configuration component and the target rule information of at least one target configuration component in step S306, the method further includes:

[0141] In response to a user's modification instruction for a configuration component to be updated in a target form, attribute information of the configuration component to be updated is displayed in the configuration panel area;

[0142] In response to a user's update instruction for the attribute information of the configuration component to be updated, the attribute information of the configuration component to be updated is updated to obtain a second form after the target form is updated.

[0143] For example, in response to a user's modification instruction for a configuration component to be updated in a target form, the configuration panel area displays the current attribute information of the configuration component to be updated. The user can update the attribute information of the configuration component to be updated, or change the layout and appearance of the target form by selecting a custom style or other style settings. The adaptive design of each target configuration component in the target form is supported, and user-defined configuration components and configuration component types are also supported. Based on this, the target form can be updated, and an updated second form can be obtained.

[0144] Based on this, after generating the target form, the property information of the configuration component to be updated can be modified, or a new configuration component can be generated to obtain a second form after the target form is updated, thereby improving the efficiency of form design.

[0145] Optionally, after updating the attribute information of the configuration component to be updated, the method further includes:

[0146] Generate a form update record based on the updated content; if an abnormal state occurs when configuring component properties, determine the abnormal location based on the form update record.

[0147] Exemplarily, a communication connection between the form and the git repository is established in advance. While updating the attribute information of the configuration component to be updated, the updated content is stored in the git repository in real time to generate a form update record. By tracking the form update record, the abnormal location where the attribute configuration error occurs can be determined, and the abnormal errors that occur during the attribute configuration process can be resolved.

[0148] Based on this, if a configuration error occurs during the attribute configuration process, the abnormal error can be resolved by updating the record through the tracking form.

[0149] Based on the same inventive concept, the embodiment of the present application also provides a form visualization processing device corresponding to the form visualization processing method. Since the principle of solving the problem by the device in the embodiment of the present application is similar to the above-mentioned form visualization processing method in the embodiment of the present application, the implementation of the form visualization processing device can refer to the implementation of the method, and the repeated parts will not be repeated.

[0150] Reference Figure 10FIG. 1 is a schematic diagram of the structure of a form visualization processing device provided in an embodiment of the present application. The form visualization processing device 1000 includes: an acquisition module 1001, a display module 1002, a rendering module 1003, a first determination module 1004, a second determination module 1005, and a generation module 1006; wherein:

[0151] The acquisition module 1001 is used to acquire a form configuration file, wherein the form configuration file includes multiple configuration components, each of which is pre-encapsulated with a business function corresponding to the configuration component;

[0152] Display module 1002, configured to display icons of each configuration component in the component panel area according to the form configuration file;

[0153] A rendering module 1003 is configured to respond to a user selecting at least one target configuration component from the component panel area and render and display each target configuration component in the canvas area;

[0154] The first determining module 1004 is configured to determine target attribute information of each target configuration component in response to the user's attribute configuration instruction for each target configuration component in the configuration panel area;

[0155] The second determining module 1005 is configured to determine target rule information of at least one target configuration component in response to a rule configuration instruction of at least one target configuration component by the user in the configuration panel area;

[0156] The generating module 1006 is configured to generate a target form according to target attribute information of each target configuration component and target rule information of at least one target configuration component.

[0157] Therefore, according to the form visualization processing device of the embodiment of the present application, the business functions corresponding to the configuration components are pre-encapsulated in the configuration components, and only some dynamic parameters are exposed. When designing a form, the user can customize the form design by simple operations such as dragging components and modifying configuration properties, and configure the components according to the rules based on the basic properties of the original configuration components to ensure that the business function logic between the components is executed smoothly and there are no conflicts. On this basis, the user only needs to perform simple operations and modify some dynamic parameters to meet the design and processing of complex forms. Therefore, the form visualization processing device provided by the embodiment of the present application can meet the business needs for form design in the public health system.

[0158] In a possible implementation, the second determining module 1005 is specifically configured to:

[0159] In response to a rule configuration instruction of at least one target configuration component by a user in a configuration panel area, generating rule information to be verified indicated by the rule configuration instruction;

[0160] Verify the validation rule information based on pre-built test code;

[0161] If the verification result is passed, the rule information to be verified is used as the target rule information.

[0162] In a possible implementation manner, the second determining module 1005 is further configured to:

[0163] If the verification result is that the verification fails, a first prompt message is output, where the first prompt message is used to indicate the location information of the verification error;

[0164] In response to a user's rule modification instruction for at least one target configuration component in the configuration panel area, target rule information is determined according to the rule modification instruction.

[0165] In a possible implementation, the rendering module 1003 is specifically configured to:

[0166] In response to the user selecting each target configuration component from the component panel area, displaying second prompt information corresponding to each target configuration component, where the second prompt information is used to indicate position information of the target configuration component in the canvas area;

[0167] In response to the user's operation of dragging each target configuration component from the component panel area, each target configuration component is rendered and displayed in the canvas area according to the second prompt information corresponding to each target configuration component.

[0168] In a possible implementation, the first determining module 1004 is specifically configured to:

[0169] In response to the user selecting a target component to be configured in the canvas area, multiple property items of the target component to be configured are obtained and displayed in the configuration panel area;

[0170] If the type of the attribute item is a standard library type or a term base type, multiple optional items corresponding to the attribute item are obtained, and the optional items are mutually exclusive.

[0171] Respond to the user's attribute configuration instructions for each attribute item and obtain the attribute value of each optional item;

[0172] Determine the target attribute information of the target component to be configured based on the attribute value of each optional option.

[0173] In a possible implementation, the generating module 1006 is further configured to:

[0174] Perform data conversion on the target form to obtain a property file, which includes rule record fields, component type fields, component basic property information, and business rule property information;

[0175] The form parser corresponding to each client parses the property file to obtain the parsing result corresponding to each client, and displays the target form on each client according to the parsing result corresponding to each client.

[0176] In a possible implementation, the generating module 1006 is further configured to:

[0177] In response to a user's modification instruction for a configuration component to be updated in a target form, displaying attribute information of the configuration component to be updated in the configuration panel area;

[0178] In response to a user's instruction to update the attribute information of the configuration component to be updated, the attribute information of the configuration component to be updated is updated to obtain a second form after the target form is updated.

[0179] In a possible implementation, the generating module 1006 is further configured to:

[0180] Generate form update records based on updated content;

[0181] If an abnormal state occurs when configuring component properties, the abnormal location is determined based on the form update record.

[0182] For descriptions of the processing flow of each module in the device and the interaction flow between each module, reference can be made to the relevant descriptions in the above method embodiment, which will not be described in detail here.

[0183] The embodiment of the present application further provides an electronic device 1100, such as Figure 11 As shown, a schematic diagram of the structure of an electronic device 1100 provided in an embodiment of the present application includes: a processor 1101, a memory 1102, and optionally, a bus 1103. The memory 1102 stores machine-readable instructions executable by the processor 1101. When the electronic device 1100 is running, the processor 1101 communicates with the memory 1102 via the bus 1103. When the machine-readable instructions are executed by the processor 1101, the steps of the form visualization processing method as described in any of the above items are performed.

[0184] An embodiment of the present application further provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the steps of the form visualization processing method as described above are executed.

[0185] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working process of the system and device described above can refer to the corresponding process in the method embodiment, and will not be repeated in this application. In the several embodiments provided in this application, it should be understood that the disclosed system, device and method can be implemented in other ways. The device embodiments described above are merely schematic. For example, the division of the modules is only a logical function division. There may be other division methods in actual implementation. For example, multiple modules 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 communication interfaces, indirect coupling or communication connection of devices or modules, which can be electrical, mechanical or other forms.

[0186] In addition, the functional units in the various embodiments of the present application can be integrated into a processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. If the function is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention is essentially or the part that contributes to the prior art or the part of the technical solution can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned storage medium includes various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0187] The above is only a specific implementation method of the present application, but the protection scope of the present application is not limited thereto. Any technician familiar with this technical field can easily think of changes or replacements within the technical scope disclosed in this application, which should be covered by the protection scope of the present application.

Claims

1. A form visualization processing method, characterized in that: Providing a graphical user interface through a terminal device, wherein the graphical user interface displays a component panel area, a canvas area, and a configuration panel area, the method comprising: Obtaining a form configuration file, wherein the form configuration file includes multiple configuration components, each of which is pre-encapsulated with a business function corresponding to the configuration component; Displaying icons of each of the configuration components in the component panel area according to the form configuration file; In response to a user selecting at least one target configuration component from the component panel area, rendering and displaying each target configuration component in the canvas area; In response to a user's attribute configuration instruction for each target configuration component in the configuration panel area, determining target attribute information of each target configuration component; In response to a user's rule configuration instruction for at least one target configuration component in the configuration panel area, determining target rule information of at least one target configuration component; A target form is generated according to target attribute information of each target configuration component and target rule information of at least one target configuration component.

2. The form visualization processing method according to claim 1, characterized in that: The step of determining target rule information of at least one target configuration component in response to a user's rule configuration instruction for at least one target configuration component in the configuration panel area includes: In response to a rule configuration instruction of a user for at least one target configuration component in the configuration panel area, generating rule information to be verified indicated by the rule configuration instruction; Verifying the rule information to be verified based on pre-built test code; If the verification result is that the verification is passed, the rule information to be verified is used as the target rule information.

3. The form visualization processing method according to claim 2, characterized in that: After verifying the rule information to be verified based on the pre-built test code, the method further includes: If the verification result is that the verification fails, a first prompt message is output, where the first prompt message is used to indicate the location information of the verification error; In response to a user's rule modification instruction for at least one target configuration component in the configuration panel area, the target rule information is determined according to the rule modification instruction.

4. The form visualization processing method according to claim 1, characterized in that: In response to the user selecting at least one target configuration component from the component panel area, rendering and displaying each target configuration component in the canvas area includes: In response to the user selecting each target configuration component from the component panel area, displaying second prompt information corresponding to each target configuration component, wherein the second prompt information is used to indicate position information of the target configuration component in the canvas area; In response to the user's operation of dragging each target configuration component from the component panel area, each target configuration component is rendered and displayed in the canvas area according to the second prompt information corresponding to each target configuration component.

5. The form visualization processing method according to claim 1, characterized in that: The responding user's attribute configuration instruction for each target configuration component in the configuration panel area to determine target attribute information of each target configuration component includes: In response to a user selecting a target component to be configured in the canvas area, obtaining a plurality of property items of the target component to be configured, and displaying the plurality of property items in the configuration panel area; If the type of the attribute item is a standard library type or a term library type, then multiple optional items corresponding to the attribute item are obtained, and the optional items are mutually exclusive; Responding to the user's attribute configuration instructions for each of the attribute items, obtaining the attribute value of each optional item; According to the attribute value of each optional item, the target attribute information of the target component to be configured is determined.

6. The form visualization processing method according to claim 1, characterized in that: The method further comprises: Performing data conversion on the target form data to obtain a property file, wherein the property file includes a rule record field, a component type field, component basic property information, and business rule property information; The form parser corresponding to each client parses the attribute file to obtain a parsing result corresponding to each client, and displays the target form on each client according to the parsing result corresponding to each client.

7. The form visualization processing method according to claim 1, characterized in that: After generating the target form according to the target attribute information of each target configuration component and the target rule information of at least one target configuration component, the method further includes: In response to a user's modification instruction for the configuration component to be updated in the target form, displaying attribute information of the configuration component to be updated in the configuration panel area; In response to a user's instruction to update the attribute information of the configuration component to be updated, the attribute information of the configuration component to be updated is updated to obtain a second form after the target form is updated.

8. The form visualization processing method according to claim 7, characterized in that: After the attribute information of the configuration component to be updated is updated, the method further includes: Generate form update records based on updated content; If an abnormal state occurs when configuring component properties, the abnormal location is determined based on the form update record.

9. A form visualization processing device, characterized in that: A graphical user interface is provided through a terminal device, wherein the graphical user interface displays a component panel area, a canvas area, and a configuration panel area, and the apparatus includes: An acquisition module is used to acquire a form configuration file, wherein the form configuration file includes multiple configuration components, each of which is pre-encapsulated with a business function corresponding to the configuration component; A display module, configured to display icons of each of the configuration components in the component panel area according to the form configuration file; A rendering module, configured to respond to a user selecting at least one target configuration component from the component panel area, and render and display each target configuration component in the canvas area; A first determining module is configured to respond to a user's attribute configuration instruction for each target configuration component in the configuration panel area and determine target attribute information of each target configuration component; a second determining module, configured to determine target rule information of at least one target configuration component in response to a rule configuration instruction of at least one target configuration component by a user in the configuration panel area; The generating module is used to generate a target form according to the target attribute information of each target configuration component and the target rule information of at least one target configuration component.

10. An electronic device, characterized in that: include: A processor and a memory, wherein the memory stores machine-readable instructions executable by the processor, and when the electronic device is running, the processor executes the machine-readable instructions to perform the steps of the form visualization processing method according to any one of claims 1 to 8.

Images