Method and system for realizing association between picture primitives and data based on form configuration file

Abstract

The invention discloses a picture primitive and data association implementation method and system based on a form configuration file, and the method comprises the steps: disassembling an internal format of interaction message data of a service operation instruction, and associating a related parameter value of the interaction message data to each input control primitive of a configuration form page; and recombining a data message which conforms to the format and contains the actual form data and the format through the graphic data mapping relationship, and finally sending the data message to the corresponding transaction business micro-service to complete the actual business operation. By adopting the mode of the invention, the transaction form page can be flexibly generated and the data primitive association configuration can be completed, and the method has the characteristics of easy engineering and easy later programming-free modification so as to meet the instrumentalization engineering use in a power transaction operation scene.

Description

Background Art

[0002] As market rules continue to change, higher requirements are placed on the efficient, flexible, and agile services of the trading platform's human-machine interface. This is mainly reflected in the following aspects: the business scope supported by the trading system has greatly increased, and new trading products and trading rules are constantly being introduced. Objectively, the trading system's human-machine interface is required to provide a business screen configuration generation mechanism and function that can meet the needs of flexible and rapid generation of all-element business screens (including display pages and business operation pages). The power market trading system is built based on the B / S microservice architecture. For the front-end page, a relatively traditional custom development model is currently used. Any front-end business page is built or modified through standardized processes such as "demand proposal -> page design -> development -> debugging -> testing -> maintenance -> online". The process is too long, and the level of agility and tooling is insufficient.

[0003] At present, the human-machine interface of the power market operation system mainly adopts the customized development method to build the front-end page. There are certain page configuration methods for some screens that are mainly for data display and monitoring, but for some screens that emphasize data interaction and business operations, such as transaction form pages, there is currently no good practical configuration generation method, so it is difficult to meet the needs of configured generation and actual use of business operation form pages in power trading scenarios. The conventional solution to deal with the human-machine interaction needs of business operations adopts the method of customized development of specific pages for specific business needs, but this method leads to the redevelopment of the customized screen for any changes in business operation requirements or changes in transmission data fields, making it insufficient in agility and tooling, and poor in the ability to quickly respond to changes in front-end requirements. Summary of the invention

[0004] The technical problem to be solved by the present invention is to provide a method and system for realizing the association of screen graphics elements and data based on form configuration files in response to the deficiencies in the above-mentioned prior art, so as to solve the technical problem that the existing methods cannot meet the requirements of the configured configuration of the submission form screen in conventional transaction business and interact with the front-end and back-end business data.

[0005] The present invention adopts the following technical solutions: The method for realizing association between screen elements and data based on form configuration files is characterized by comprising the following steps: Create a blank form page, create various types of form input control primitives according to actual business needs, and complete the layout of form elements on the blank form page; configure primitive mapping codes for various types of form input control primitives created in the blank form page to mark the relationship between the control primitives and the internal values ​​of the control primitives; Create a form submission button graphic element. Select a form submission service command corresponding to the business from the transaction operation service list according to actual business requirements, and associate the relevant submission data items in the data parameter format defined by the form submission service command with the corresponding graphic element mapping code to form a form submission data template. The format of the form submission data message is templated by associating the relevant variable parameter values ​​in the data message with each input control graphic element on the configured form page. Finally, this association relationship is configured in the response event of the form submission button graphic element.

[0006] 2. The method for realizing association between screen graphics elements and data based on form configuration files according to claim 1 is characterized in that the control graphics elements can be moved at will.

[0007] 3. According to the method for realizing the association between screen graphic elements and data based on form configuration files in claim 1, it is characterized in that the association relationship configuration between the form submission button graphic element and the form submission service command includes: the form submission service command and the corresponding form submission data template parameter format.

[0008] 4. The method for realizing association between screen graphic elements and data based on form configuration files according to claim 3 is characterized in that when a transaction form submits data, a transaction ID acquisition strategy in the transaction form is configured as follows: Configure whether to pass the transaction ID value. If not, set the form transaction ID in the submitted data to empty. If the transaction ID needs to be passed in, it can be passed in directly from the outside, or obtained through the transaction ID acquisition service interface. When it is passed in directly from the outside, set the form transaction ID in the submitted data to the external direct input ID. When it is obtained through the transaction ID acquisition service interface, configure the corresponding transaction ID acquisition command service interface and set the return value to the form transaction ID. Then save the configured relationship between the transaction form graphic element and the graphic element mapping code, the association configuration between the submit button and the transaction form submission command, and the transaction form submission command corresponding to the transaction ID to obtain the strategy rule description text into the configuration file and save it.

[0009] 5. According to the method for realizing association between screen primitives and data based on form configuration files as described in claim 1, it is characterized in that after realizing association between screen primitives and data, a transaction form ID acquisition strategy corresponding to the form submission service command is configured, the transaction form ID acquisition strategy is completed and saved, the overall configuration process of the corresponding business form is completed, and the configured form configuration is obtained and saved to the server; In the browsing state, the saved configured form configuration is loaded and the actual form layout is dynamically generated. Then, data is entered on the actual form, and then the configured form submission service command is called by clicking the form data submission button. When the form data is submitted, the graphic element mapping code on the data message template is parsed through the predefined parsing rules, and the actual data message without template content is reorganized. Finally, the data is submitted to the back end to complete the data submission operation interaction.

[0010] 6. The method for realizing association between screen primitives and data based on form configuration files according to claim 5, characterized in that the data submission operation interaction is specifically as follows: Read the relationship between the transaction form graphics and the graphics mapping code, establish the relationship between the form graphics and the graphics mapping code, read the association between the submit button and the transaction form submission command, establish the relationship between the submit button and the transaction form submission command, read the transaction form submission command corresponding ID acquisition strategy, establish the transaction form submission command corresponding ID acquisition strategy, complete the data input operation on the generated form, and click the submit button; The transaction ID corresponding to the form is obtained according to the ID acquisition strategy corresponding to the transaction form submission command. The graphic element mapping code inside the submission data format is parsed according to the relationship between the transaction form graphic element and the graphic element mapping code and the association between the submit button and the transaction form submission command. Based on the mapping relationship between the graphic element and the data, the actual data message data format that finally contains the form input data is generated from the template configuration to complete the business data form submission operation.

[0011] 7. The method for realizing association between screen primitives and data based on form configuration files according to claim 6 is characterized in that, in the browsing state, the form submission operation is specifically as follows: Open the screen, load all graphics elements in the form configuration screen, including N form input control graphics elements, read the information of graphics elements and graphics element mapping codes, and establish a graphic data mapping association relationship; Create a submit button, load the associated transaction operation service, and read the template format of the submission service data parameters corresponding to the association between the submit button and the transaction form submission command; Complete the content input of the form control element, click the Submit button, and start the subsequent image number association analysis process; Get the configuration of the ID acquisition strategy corresponding to the transaction form submission command according to the transaction form ID, and complete the processing of the form transaction ID value; Parse the graphic element mapping Code in the templated data format of the form submission command, and map the current input value of the control in the actual form to the form submission data format according to the relationship between the transaction form graphic element and the graphic element mapping code, and generate a data message containing the actual form input data; Data submission corresponds to the operation microservice to complete the business operation.

[0012] Preferably, the processing flow for completing the transaction form ID value is as follows: When the ID acquisition strategy corresponding to the form ID acquisition transaction form submission command is configured to not require the transaction ID value to be passed, the transaction ID is set to empty; When the transaction ID value needs to be passed, the transaction ID value is directly passed in from the outside, the form transaction ID value in the submitted data is set to the transaction ID value directly passed in from the outside, and the relevant transaction ID parameters are obtained from the page URL input parameter; Or obtain it from a transaction ID acquisition service interface, submit the transaction form and command the corresponding transaction ID acquisition service interface configured in the corresponding ID acquisition strategy, call it and return the form transaction ID, and set the result to the form transaction ID value.

[0013] Another technical solution of the present invention is a system for realizing association between screen elements and data based on a form configuration file, comprising: Create a module, create a blank form page, and then create various types of form input control primitives according to actual business needs; configure primitive mapping codes for various types of form input control primitives created in the blank form page to mark the relationship between the control primitives and the internal values ​​of the control primitives; The association module creates a form submission button graphic element. According to the actual business requirements, a form submission service command corresponding to the business is selected from the transaction operation service list, and the relevant submission data items in the data parameter format defined by the form submission service command are associated with the corresponding graphic element mapping code to form a form submission data template. The format of the form submission data message is templated by associating the relevant variable parameter values ​​in the data message with the input control graphics elements of the configured form page. Finally, the association relationship is configured in the response event of the form submission button graphic element.

[0014] Preferably, in the association module, the association relationship configuration between the form submission button graphic element and the form submission service command includes: the form submission service command and the corresponding form submission data template parameter format.

[0015] Preferably, when submitting data in a transaction form, the transaction ID acquisition strategy in the transaction form is configured as follows: Configure whether to pass the transaction ID value. If not, set the form transaction ID in the submitted data to empty. If the transaction ID needs to be passed in, it can be passed in directly from the outside, or obtained through the transaction ID acquisition service interface. When it is passed in directly from the outside, set the form transaction ID in the submitted data to the external direct input ID. When it is obtained through the transaction ID acquisition service interface, configure the corresponding transaction ID acquisition command service interface and set the return value to the form transaction ID. Then save the configured relationship between the transaction form graphic element and the graphic element mapping code, the association configuration between the submit button and the transaction form submission command, and the transaction form submission command corresponding to the transaction ID to obtain the strategy rule description text into the configuration file and save it.

[0016] Preferably, it also includes: Configuration module, configure the transaction form ID acquisition strategy corresponding to the form submission service command, complete the transaction form ID acquisition strategy and save it, complete the configuration process of the corresponding business form, obtain the configured form configuration and save it to the server; In the interactive module, in the browsing state, the saved configured form configuration is loaded and the actual form layout is dynamically generated. Then, data is entered on the actual form, and then the configured form submission service command is called by clicking the form data submission button. When the form data is submitted, the graphic element mapping code on the data message template is parsed through the predefined parsing rules, and the actual data message without template content is reorganized. Finally, the data is submitted to the back end to complete the data submission operation interaction.

[0017] Preferably, the data submission operation interaction is specifically as follows: Read the relationship GraphCodeCfg between the transaction form graph element and the graph element mapping code, establish the relationship between the form graph element and the graph element mapping code, read the association relationship SubmitCmdCfg between the submit button and the transaction form submission command, establish the relationship between the submit button and the transaction form submission command, read the transaction form submission command corresponding ID acquisition strategy IDGetCfg, establish the transaction form submission command corresponding ID acquisition strategy, complete the data input operation on the generated form, and click the Submit button; According to the ID acquisition strategy IDGetCfg corresponding to the transaction form submission command, the transaction ID corresponding to the form is obtained; according to the relationship between the transaction form graphic element and the graphic element mapping code GraphCodeCfg and the association relationship between the submit button and the transaction form submission command SubmitCmdCfg, the graphic element mapping code inside the submission data format is parsed; and according to the mapping relationship between the graphic element and the data, the actual data message data format that finally contains the form input data is generated from the template configuration to complete the business data form submission operation.

[0018] Preferably, in the browsing state, the form submission operation is as follows: Open the screen, load all graphics elements in the form configuration screen, including N form input control graphics elements, read the information of graphics elements and graphics element mapping codes, and establish a graphic data mapping association relationship; Create a submit button, load the associated transaction operation service, and read the template format of the submission service data parameter corresponding to [SubmitCmdCfg]; Complete the content input of the form control element, click the Submit button, and start the subsequent image number association analysis process; Complete the processing of the form transaction ID value according to the configuration of the transaction form ID acquisition strategy [IDGetCfg]; When the form ID acquisition strategy [IDGetCfg] is configured not to require the transaction ID value to be passed, the transaction ID is set to empty; When the transaction ID value needs to be passed, the transaction ID value is directly passed in from the outside, the form transaction ID value in the submitted data is set to the transaction ID value directly passed in from the outside, and the relevant transaction ID parameters are obtained from the page URL input parameter; Or it can be obtained by a transaction ID acquisition service interface, which reads the corresponding transaction ID acquisition service interface configured in [IDGetCfg], returns the form transaction ID after calling, and sets the result as the form transaction ID value; Parse the graph mapping Code in the templated data format of the form submission command, and map the current input value of the control in the actual form to the form submission data format according to the mapping relationship between the graph and the data [GraphCodeCfg], and generate a data message containing the actual form input data; Data submission corresponds to the operation microservice to complete the business operation.

[0019] In a third aspect, a computer device comprises a memory, a processor and a computer program stored in the memory and executable on the processor, wherein the processor implements the steps of the above-mentioned method for associating screen elements with data based on a form configuration file when executing the computer program.

[0020] In a fourth aspect, an embodiment of the present invention provides a computer-readable storage medium, including a computer program, which, when executed by a processor, implements the steps of the above-mentioned method for associating screen graphics elements with data based on a form configuration file.

[0021] In a fifth aspect, a chip comprises a memory, a processor and a computer program stored in the memory and executable on the processor, wherein the processor implements the steps of the above-mentioned method for associating screen elements with data based on a form configuration file when executing the computer program.

[0022] In a sixth aspect, an embodiment of the present invention provides an electronic device, including a computer program, which, when executed by the electronic device, implements the steps of the above-mentioned method for associating screen graphics elements with data based on a form configuration file.

[0023] Compared with the prior art, the present invention has at least the following beneficial effects: The present invention is based on the method for associating screen primitives with data in form configuration files. It adopts the method of disassembling the internal format of the interactive message data of the business operation instruction (transaction business microservice interface) and associating its related parameter values ​​with the input control primitives of the configuration form page to flexibly associate the screen primitives with the data. When the form data is actually submitted, the data message that conforms to the format and contains the actual form data and format is reorganized through the above graphic data mapping relationship, and finally sent to the corresponding transaction business microservice. In this way, better flexibility and easy-to-engineer configuration characteristics can be achieved to meet the tool-based use requirements of creating business forms in a configured manner in the power trading market scenario.

[0024] Furthermore, the control primitives and the input values ​​corresponding to the controls are encoded by formulating the relationship between the control primitives and the primitive mapping codes [GraphCodeCfg]. This is the basis and mapping association basis for the subsequent templated data messages. This is one of the key links to decouple data, pictures and services and complete configuration operation configuration.

[0025] Furthermore, the form submit button is configured with click event association. The configuration content [SubmitCmdCfg] consists of two items: 1) Configuration related to the transaction form submission command; 2) Configuration related to the form submission data template definition. This is also one of the key links to decouple data, screens and business and complete configuration operation configuration.

[0026] Furthermore, the transaction form submission command configuration is completed in the following manner. The transaction form submission command configuration description is: transaction form submission command => [http: / / address / corresponding transaction microservice interface / corresponding business operation API]. This is also one of the key links to decouple data, screens and business and complete configuration operation configuration.

[0027] Furthermore, the form submission data template definition format configuration is completed in the following way. The interactive message data format template configuration [DataTemplateKeyRules] is described as: {[value domain 1 that needs to be referenced and replaced in the Json message]=>[corresponding graphic element mapping Code1]; [value domain 2 that needs to be referenced and replaced in the Json message]=>[corresponding graphic element mapping Code2]...}}. Subsequently, the actual selected data of the form control element in the browsing state can be replaced and generated into the final data interactive message to be submitted through the template reference relationship configured here. This is also one of the key links to decouple data, screens and business and complete the configuration operation configuration.

[0028] Furthermore, the transaction ID acquisition strategy configuration in the transaction form is completed in the following way. The transaction ID acquisition strategy configuration [IDGetCfg] in the transaction form is described as: configure whether the transaction ID value needs to be passed. If the transaction ID value does not need to be passed, set the form transaction ID in the submitted data to empty; if the transaction ID needs to be passed in, it is divided into two cases: 1) directly passed in from the outside, 2) obtained by the transaction ID acquisition service interface; in the first case, set the form transaction ID in the submitted data to the external direct ID; in the second case, the corresponding transaction ID acquisition command service interface needs to be configured, and the return value is set to the form transaction ID. In the future, by reading this configuration, it will be determined whether the transaction ID needs to be generated / or how to obtain the transaction ID before the form submits the data in the browsing state, and merge them to generate the form data interaction message to be submitted. This is also one of the key links to decouple data, screens and business and complete the configuration of configuration operations.

[0029] Furthermore, by completing the reading of all configuration information of the transaction form configuration, and through the following series of processes: 1) Read the relationship between the transaction form graphic element and the graphic element mapping code GraphCodeCfg, establish the relationship between the form graphic element and the graphic element mapping code; 2) Read the association relationship between the submit button and the transaction form submission command SubmitCmdCfg, establish the relationship between the submit button and the transaction form submission command and the interactive message data format template rule [DataTemplateKeyRules]; 3) Read the transaction form submission command corresponding ID acquisition strategy IDGetCfg, establish the transaction form submission command corresponding ID acquisition strategy; 4) After completing the data input operation on the generated form, obtain the form corresponding transaction ID according to IDGetCfg, and then parse the mapping relationship between the graphic element and the data according to [DataTemplateKeyRules] and [GraphCodeCfg], generate the actual data message data format that finally contains the form input data from the template configuration, and complete the business data form submission operation. This is the key process and link of how to perform human-computer interaction and complete form data submission and business operations after reading the configured configuration file.

[0030] Furthermore, the following methods are used to implement whether a transaction ID is required when submitting data to a form in a browsing state and how to obtain the transaction ID to implement program flow processing: First, read and parse the form ID acquisition strategy [IDGetCfg]; when [IDGetCfg] is configured to not need to pass the transaction ID value, the transaction ID is set to empty; when the transaction ID value needs to be passed, there are two cases: the ID is directly passed in from the outside, and the form transaction ID in the submitted data is set to the transaction ID directly passed in from the outside. At this time, the relevant transaction ID parameters need to be obtained from the page URL input parameter; it is obtained from a certain transaction ID acquisition service interface, and the corresponding transaction ID acquisition service interface configured in [IDGetCfg] is read, and the form transaction ID is returned after calling, and the result is set to the form transaction ID value. This is the key process and link of how to perform human-computer interaction and complete form data submission and business operations after reading the configured configuration file. It can be understood that the beneficial effects of the second aspect mentioned above can be found in the relevant description of the first aspect mentioned above, and will not be repeated here.

[0031] In summary, conventional solutions generally adopt the method of customized development of specific form pages to handle the human-computer interaction requirements of business operations, but any changes in business operation requirements or changes in transmission data fields will lead to the redevelopment of the customized screen, making it insufficient in agility and toolization, and poor in the ability to quickly respond to changes in front-end requirements. The method of the present invention can realize a tool configuration method for configuring and creating business forms in the power market business scenario to achieve better business flexibility and rapid demand response capabilities.

[0032] The technical solution of the present invention is further described in detail below through the accompanying drawings and embodiments. BRIEF DESCRIPTION OF THE DRAWINGS

[0033] In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the following briefly introduces the drawings to be used in the description of the embodiments. Obviously, the drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0034] Figure 1 A working diagram for a typical use case; Figure 2 It is a flow chart of the present invention; Figure 3 A schematic diagram of a computer device provided by an embodiment of the present invention; Figure 4 The present invention is a block diagram of an electronic device provided according to an embodiment. DETAILED DESCRIPTION

[0035] The following will be combined with the drawings in the embodiments of the present invention to clearly and completely describe the technical solutions in the embodiments of the present invention. Obviously, the described embodiments are part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of the present invention.

[0036] In the description of the present invention, it should be understood that the terms “include” and “comprises” indicate the presence of described features, wholes, steps, operations, elements and / or components, but do not exclude the presence or addition of one or more other features, wholes, steps, operations, elements, components and / or collections thereof.

[0037] It should also be understood that the terms used in the present specification are only for the purpose of describing specific embodiments and are not intended to limit the present invention. As used in the present specification and the appended claims, unless the context clearly indicates otherwise, the singular forms "a", "an" and "the" are intended to include plural forms.

[0038] It should be further understood that the term "and / or" used in the present specification and the appended claims refers to any combination of one or more of the associated listed items and all possible combinations, and includes these combinations. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone. In addition, the character " / " in the present invention generally indicates that the associated objects are in an "or" relationship.

[0039] It should be understood that, although the terms first, second, third, etc. may be used to describe preset ranges, etc. in the embodiments of the present invention, these preset ranges should not be limited to these terms. These terms are only used to distinguish preset ranges from each other. For example, without departing from the scope of the embodiments of the present invention, the first preset range may also be referred to as the second preset range, and similarly, the second preset range may also be referred to as the first preset range.

[0040] The word "if" as used herein may be interpreted as "at the time of" or "when" or "in response to determining" or "in response to detecting", depending on the context. Similarly, the phrases "if it is determined" or "if (stated condition or event) is detected" may be interpreted as "when it is determined" or "in response to determining" or "when detecting (stated condition or event)" or "in response to detecting (stated condition or event)", depending on the context.

[0041] Various structural schematic diagrams of the embodiments disclosed in the present invention are shown in the accompanying drawings. These figures are not drawn to scale, and some details are magnified and some details may be omitted for the purpose of clear expression. The shapes of various regions and layers shown in the figures and the relative sizes and positional relationships therebetween are only exemplary, and may deviate in practice due to manufacturing tolerances or technical limitations, and those skilled in the art may additionally design regions / layers with different shapes, sizes, and relative positions according to actual needs.

[0042] The present invention provides a method for associating screen graphics with data based on form configuration files. The method disassembles the internal format of the interactive message data of the business operation instruction (transaction business microservice interface) and associates its related parameter values ​​with the input control graphics of the configuration form page. When the form data is actually submitted, the data message that conforms to the format and contains the actual form data and format is reorganized through the above graphic data mapping relationship, and finally sent to the corresponding transaction business microservice to complete the actual business operation. The method of the present invention can flexibly generate transaction form pages and complete the data graphics association configuration, and has the characteristics of easy engineering and easy later programming-free modification, so as to meet the tool-based engineering use in the power trading operation scenario.

[0043] See also Figure 1 , the workflow of a typical use case is as follows: Create N form control primitives in a blank form scene, and the positions can be adjusted at will; Configure the corresponding "element mapping code" for the corresponding form input control for subsequent element data mapping and association analysis; Create a "Submit" button icon and select the operation service command required by the business from the transaction operation service list to associate the submit button with the form submission service; Select the required Get ID service command from the Get ID service list corresponding to the transaction operation to configure it, and complete the configuration of the incoming ID parameters on this form page; Expand the data parameter format definition of the selected data submission service interface, associate the value items that need to be filled in with the corresponding form data with the aforementioned "element mapping code", and keep the original data format and hierarchy; After the "Submit" button is actually clicked, the "element mapping code" in the submitted data format is parsed, and according to the mapping relationship between the element and the data, a data message containing the form input data and the incoming ID is generated; Submit the message data to the actual transaction operation service to complete the operation interaction.

[0044] Example 1 See also Figure 2The present invention provides a method for associating screen elements with data based on a form configuration file, comprising the following steps: S1. Create a blank form page, and then use the editing tool to create various types of form input control elements according to actual business needs, such as input text boxes, time selection boxes, drop-down selection boxes and other control elements. The form control elements can be moved at will to meet the actual page layout aesthetic needs; S2. Configure "element mapping code" for each form control element according to actual needs; For example, the "Graphic Element Mapping Code" of control A is configured as [ValueA], and the "Graphic Element Mapping Code" of control B is configured as [ValueB].

[0045] The primitive name and primitive mapping Code form the following relationship list: [GraphCodeCfg]={[Graph Element 1]:[ValueA]; [Graph Element 2]:[ValueB]; [Graph Element 3]:[ValueC]...}.

[0046] S3. Create a form submission button graphic element, select an operation service command [http: / / Transaction Service A / Business Operation 1] corresponding to the business from the transaction operation service list according to the actual business needs, and configure it in the response event of the submit button; and associate the relevant submission data items in the data parameter format defined by the operation service command with the aforementioned "graphic element mapping Code"; The relationship between the form submit button icon and the transaction form submit command [SubmitCmdCfg] includes: the transaction form submit command name and the corresponding submission service data parameter format. The strategy is: [SubmitCmdCfg]={Transaction form submission command name: [http: / / corresponding transaction service name / corresponding business operation name]; Instruction data format: {[value range 1 of data to be submitted]:[corresponding primitive mapping Code 1]; [Value range 2 of data to be submitted]:[Corresponding primitive mapping Code 2]...}}

[0047] S4. Configure and save the ID value in the data submission service parameter format according to the actual transaction business situation, and complete the overall configuration of the corresponding business form page; The ID acquisition strategy [IDGetCfg] corresponding to the transaction form submission command, the strategy is [IDGetCfg]={[empty]|[external direct ID]|[http: / / corresponding transaction service name / corresponding business operation name / get ID]}, "|" means or, the configuration process is as follows: S401, determine whether to pass the ID value, if not, set [optional]; S402, determine whether the ID is directly passed in from outside when calling the form page, if so, set it to [ID directly passed in from outside]; S403, set ID to the return value of the Get ID command associated with the corresponding transaction operation service [http: / / Corresponding transaction service name / Corresponding business operation name / Get ID]; S404, save the configured transaction form graphic element and graphic element mapping Code relationship [GraphCodeCfg], the submit button and transaction form submission command association relationship [SubmitCmdCfg], and the transaction form submission command corresponding ID acquisition strategy [IDGetCfg] rule description text into the configuration graphic file.

[0048] S5. Generate a form according to the configuration obtained in step S4, and complete the data submission operation interaction according to the graphic data mapping association relationship.

[0049] The configuration graphic browsing page reads the configuration graphic file, loads the transaction business form screen configured in step S4, and implements the association between the form graphic element and the data mapping according to the following process and completes the entire process of the final data submission operation interaction: Read [GraphCodeCfg] to establish the relationship between the form graph and the graph mapping Code, read [SubmitCmdCfg] to establish the relationship between the submit button and the transaction form submission command, read [IDGetCfg] to establish the ID acquisition strategy corresponding to the transaction form submission command, complete the data input operation on the generated form, and click the Submit button; obtain the corresponding ID according to [IDGetCfg], parse the "graph mapping Code" in the submission data format according to [GraphCodeCfg] and [SubmitCmdCfg], and generate the actual data message containing the form input data according to the mapping relationship between the graph and the data; submit the data to the corresponding transaction business operation microservice to complete the business operation. The specific steps are as follows: S501, open the screen, load all graphics elements in the form configuration screen including N form input control graphics elements, read the information of the graphics elements and the "graphic element mapping Code" and establish a graphic data mapping association relationship; S502, create a "Submit" button, load the associated transaction operation service, and read the corresponding submission service data parameter format; S503, complete the content input of the form control element, click the "Submit" button, and start the subsequent image number association analysis process; S504, according to the above configuration of the ID value, select the following corresponding method to complete the form data ID value processing; S5041, [optional] Do not pass in ID; S5042, [Direct external input]: input the external ID specified when creating the configuration form page; S5043. [http: / / Transaction Service A / Business Operation 1 / Get ID] completes an Get ID query corresponding to the associated transaction operation service and sets the result as the ID value.

[0050] S505, parsing the "element mapping code" in the data format, and generating a data message that finally contains the form input data according to the mapping relationship between the element and the data; S506. Submit the data to the corresponding operation microservice to complete the business operation.

[0051] It will be appreciated by those skilled in the art that various aspects of the present invention may be implemented as systems, methods or program products. Therefore, various aspects of the present invention may be specifically implemented in the following forms, namely: complete hardware implementation, complete software implementation (including firmware, microcode, etc.), or a combination of hardware and software implementations, which may be collectively referred to herein as "circuits", "modules" or "platforms".

[0052] Example 2 The present invention provides a screen graphic element and data association realization system based on form configuration files, which can be used to realize the above-mentioned screen graphic element and data association realization method based on form configuration files. Specifically, the screen graphic element and data association realization system based on form configuration files includes a creation module, an input module, an association module, a configuration module and an interaction module.

[0053] Among them, a creation module is used to create a blank form page, and then form input control primitives of different types are created according to actual business needs; a primitive mapping code is configured for each type of form input control primitive created in the blank form page, so as to mark the relationship between the control primitive and the internal value of the control primitive; The association module creates a form submission button graphic element, selects a form submission service command corresponding to the business from the transaction operation service list according to the actual business requirements, and associates the relevant submission data items in the data parameter format defined by the form submission service command with the corresponding graphic element mapping code to form a form submission data template, and templates the format of the form submission data message by associating the relevant variable parameter values ​​in the data message with the input control graphic elements of the configured form page, and finally configures the association relationship in the response event of the form submission button graphic element; The association relationship configuration between the form submission button graphic element and the form submission service command includes: the form submission service command and the corresponding form submission data template parameter format.

[0054] When submitting data in a transaction form, configure the transaction ID acquisition strategy in the transaction form as follows: Configure whether to pass the transaction ID value. If not, set the form transaction ID in the submitted data to empty. If the transaction ID needs to be passed in, it can be passed in directly from the outside, or obtained through the transaction ID acquisition service interface. When it is passed in directly from the outside, set the form transaction ID in the submitted data to the external direct input ID. When it is obtained through the transaction ID acquisition service interface, configure the corresponding transaction ID acquisition command service interface and set the return value to the form transaction ID. Then save the configured relationship between the transaction form graphic element and the graphic element mapping code GraphCodeCfg, the submit button and the transaction form submission command association configuration SubmitCmdCfg, and the transaction form submission command corresponding transaction ID acquisition strategy IDGetCfg rule description text into the configuration file and save it.

[0055] Configuration module, configure the transaction form ID acquisition strategy corresponding to the form submission service command, complete the transaction form ID acquisition strategy and save it, complete the configuration process of the corresponding business form, obtain the configured form configuration and save it to the server; In the interactive module, in the browsing state, the saved configured form configuration is loaded and the actual form layout is dynamically generated. Then, data is entered on the actual form, and then the configured form submission service command is called by clicking the form data submission button. When the form data is submitted, the graphic element mapping code on the data message template is parsed through the predefined parsing rules, and the actual data message without template content is reorganized. Finally, the data is submitted to the back end to complete the data submission operation interaction.

[0056] The data submission operation interaction is as follows: Read the relationship GraphCodeCfg between the transaction form graph element and the graph element mapping code, establish the relationship between the form graph element and the graph element mapping code, read the association relationship SubmitCmdCfg between the submit button and the transaction form submission command, establish the relationship between the submit button and the transaction form submission command, read the transaction form submission command corresponding ID acquisition strategy IDGetCfg, establish the transaction form submission command corresponding ID acquisition strategy, complete the data input operation on the generated form, and click the Submit button; According to the ID acquisition strategy IDGetCfg corresponding to the transaction form submission command, the transaction ID corresponding to the form is obtained; according to the relationship between the transaction form graphic element and the graphic element mapping code GraphCodeCfg and the association relationship between the submit button and the transaction form submission command SubmitCmdCfg, the graphic element mapping code inside the submission data format is parsed; and according to the mapping relationship between the graphic element and the data, the actual data message data format that finally contains the form input data is generated from the template configuration to complete the business data form submission operation.

[0057] In the browsing state, the form submission operation is as follows: Open the screen, load all graphics elements in the form configuration screen, including N form input control graphics elements, read the information of graphics elements and graphics element mapping codes, and establish a graphic data mapping association relationship; Create a submit button, load the associated transaction operation service, and read the template format of the submission service data parameter corresponding to [SubmitCmdCfg]; Complete the content input of the form control element, click the Submit button, and start the subsequent image number association analysis process; Complete the processing of the form transaction ID value according to the configuration of the transaction form ID acquisition strategy [IDGetCfg]; When the form ID acquisition strategy [IDGetCfg] is configured not to require the transaction ID value to be passed, the transaction ID is set to empty; When the transaction ID value needs to be passed, the transaction ID value is directly passed in from the outside, the form transaction ID value in the submitted data is set to the transaction ID value directly passed in from the outside, and the relevant transaction ID parameters are obtained from the page URL input parameter; Or it can be obtained by a transaction ID acquisition service interface, which reads the corresponding transaction ID acquisition service interface configured in [IDGetCfg], returns the form transaction ID after calling, and sets the result as the form transaction ID value; Parse the graph mapping Code in the templated data format of the form submission command, and map the current input value of the control in the actual form to the form submission data format according to the mapping relationship between the graph and the data [GraphCodeCfg], and generate a data message containing the actual form input data; Data submission corresponds to the operation microservice to complete the business operation.

[0058] Example 3 The present invention provides a terminal device, which includes a processor and a memory, wherein the memory is used to store a computer program, the computer program includes program instructions, and the processor is used to execute the program instructions stored in the computer storage medium. The processor may be a central processing unit (CPU), or other general-purpose processors, graphics processors (GPU), tensor processors (TPU), digital signal processors (DSP), application-specific integrated circuits (ASIC), field-programmable gate arrays (FPGA) or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components, etc. It is the computing core and control core of the terminal, which is suitable for implementing one or more instructions, and is specifically suitable for loading and executing one or more instructions to implement the corresponding method flow or corresponding function; the processor described in the embodiment of the present invention can be used for the operation of the method for implementing the association of screen primitives and data based on the form configuration file, including: Create a blank form page, create various types of form input control primitives according to actual business requirements, and complete the layout of form elements on the blank form page; configure primitive mapping codes for various types of form input control primitives created in the blank form page to mark the relationship between the control primitives and the internal values ​​of the control primitives; create a form submission button primitive, select a form submission service command corresponding to the business from the transaction operation service list according to actual business requirements, and associate the relevant submission data items in the data parameter format defined by the form submission service command with the corresponding primitive mapping code to form a form submission data template, and template the format of the form submission data message by associating the relevant variable parameter values ​​in the data message with the input control primitives of the configured form page, and finally configure the association relationship in the response event of the form submission button primitive.

[0059] Example 4 The present invention also provides a storage medium, specifically a computer-readable storage medium (Memory), which is a memory device in a terminal device for storing programs and data. It is understandable that the computer-readable storage medium here can include both built-in storage media in the terminal device and extended storage media supported by the terminal device, and can be any tangible medium containing or storing a program, which can be used by an instruction execution system, device or device or used in combination with it. The computer-readable storage medium provides a storage space, which stores the operating system of the terminal. In addition, one or more instructions suitable for being loaded and executed by a processor are also stored in the storage space, and these instructions can be one or more computer programs (including program codes). It should be noted that more specific examples (non-exhaustive list) of the computer-readable storage medium here include: an electrical connection with one or more wires, a portable disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above.

[0060] Computer readable storage media also include data signals propagated in baseband or as part of a carrier wave, which carry readable program codes. Such propagated data signals can take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. The readable storage medium can also be any readable medium other than a readable storage medium, which can send, propagate, or transmit a program for use by or in conjunction with an instruction execution system, device, or device. The program code contained on the readable storage medium can be transmitted using any appropriate medium, including but not limited to wireless, wired, optical cable, RF, etc., or any suitable combination of the above.

[0061] Program code for performing the operations of the present invention may be written in any combination of one or more programming languages, including object-oriented programming languages ​​such as Java, C++, etc., and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user computing device, partially on the user device, as a separate software package, partially on the user computing device and partially on a remote computing device, or entirely on a remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computing device (e.g., through the Internet using an Internet service provider).

[0062] The processor may load and execute one or more instructions stored in the computer-readable storage medium to implement the corresponding steps of the method for implementing the association between screen primitives and data based on the form configuration file in the above embodiment; the processor may load and execute the following steps: Create a blank form page, create various types of form input control primitives according to actual business requirements, and complete the layout of form elements on the blank form page; configure primitive mapping codes for various types of form input control primitives created in the blank form page to mark the relationship between the control primitives and the internal values ​​of the control primitives; create a form submission button primitive, select a form submission service command corresponding to the business from the transaction operation service list according to actual business requirements, and associate the relevant submission data items in the data parameter format defined by the form submission service command with the corresponding primitive mapping code to form a form submission data template, and template the format of the form submission data message by associating the relevant variable parameter values ​​in the data message with the input control primitives of the configured form page, and finally configure the association relationship in the response event of the form submission button primitive.

[0063] See also Figure 3 , the terminal device is a computer device, and the computer device 60 of this embodiment includes: a processor 61, a memory 62, and a computer program 63 stored in the memory 62 and executable on the processor 61. When the computer program 63 is executed by the processor 61, the method for realizing the association between the screen graphic element and the data based on the form configuration file in the embodiment is realized. To avoid repetition, it is not described one by one here. Alternatively, when the computer program 63 is executed by the processor 61, the functions of each model / unit in the system for realizing the association between the screen graphic element and the data based on the form configuration file in the embodiment are realized. To avoid repetition, it is not described one by one here.

[0064] The computer device 60 may be a computing device such as a desktop computer, a notebook, a PDA, or a cloud server. The computer device 60 may include, but is not limited to, a processor 61 and a memory 62. Those skilled in the art will appreciate that Figure 3 This is only an example of the computer device 60 and does not constitute a limitation of the computer device 60. It may include more or fewer components than shown in the figure, or a combination of certain components, or different components. For example, the computer device may also include input and output devices, network access devices, buses, etc.

[0065] The processor 61 may be a central processing unit (CPU), or other general-purpose processors, graphics processing units (GPU), tensor processing units (TPU), digital signal processors (DSP), application-specific integrated circuits (ASIC), field-programmable gate arrays (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. A general-purpose processor may be a microprocessor or the processor may be any conventional processor, etc.

[0066] The memory 62 may be an internal storage unit of the computer device 60, such as a hard disk or memory of the computer device 60. The memory 62 may also be an external storage device of the computer device 60, such as a plug-in hard disk, a smart media card (SMC), a secure digital (SD) card, a flash card, etc., equipped on the computer device 60.

[0067] Furthermore, the memory 62 may include both an internal storage unit of the computer device 60 and an external storage device. The memory 62 is used to store computer programs and other programs and data required by the computer device. The memory 62 may also be used to temporarily store data that has been output or is to be output.

[0068] Any reference to a memory, database or other medium used in the embodiments provided in the present application may include at least one of a non-volatile and a volatile memory. Non-volatile memory may include a read-only memory (ROM), a magnetic tape, a floppy disk, a flash memory, an optical memory, a high-density embedded non-volatile memory, a resistive random access memory (ReRAM), a magnetic random access memory (MRAM), a ferroelectric random access memory (FRAM), a phase change memory (PCM), a graphene memory, etc. Volatile memory may include a random access memory (RAM) or an external cache memory, etc. As an illustration and not limitation, RAM may be in various forms, such as a static random access memory (SRAM) or a dynamic random access memory (DRAM), etc.

[0069] The database involved in each embodiment provided in this application may include at least one of a relational database and a non-relational database. The non-relational database may include a distributed database based on blockchain, etc., but is not limited thereto. The processor involved in each embodiment provided in this application may be a general-purpose processor, a central processing unit, a graphics processor, a digital signal processor, a programmable logic device, a data processing logic device based on quantum computing, etc., but is not limited thereto.

[0070] See also Figure 4 The terminal device is an electronic device 600, which is in the form of a general-purpose computing device. The components of the electronic device may include, but are not limited to: at least one processing unit 610, at least one storage unit 620, a bus 630 connecting different platform components (including the storage unit 620 and the processing unit 610), a display unit 640, etc.

[0071] The storage unit stores program codes, which can be executed by the processing unit 610, so that the processing unit 610 performs the steps according to various exemplary embodiments of the present invention described in the above method section of this specification. For example, the processing unit 610 can perform the following steps: Figure 1 Follow the steps shown in .

[0072] The storage unit 620 may include a readable medium in the form of a volatile storage unit, such as a random access storage unit (RAM) 6201 and / or a cache storage unit 6202 , and may further include a read-only storage unit (ROM) 6203 .

[0073] The storage unit 620 may also include a program / utility 6204 having a set (at least one) of program modules 6205, such program modules 6205 including but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which or some combination may include an implementation of a network environment.

[0074] Bus 630 may represent one or more of several types of bus structures, including a memory unit bus or memory unit controller, a peripheral bus, an accelerated graphics port, a processing unit, or a local bus using any of a variety of bus architectures.

[0075] The electronic device 600 may also communicate with one or more external devices 700 (e.g., keyboards, pointing devices, Bluetooth devices, etc.), may also communicate with one or more devices that enable a user to interact with the electronic device 600, and / or communicate with any device that enables the electronic device 600 to communicate with one or more other computing devices (e.g., routers, modems, etc.). Such communication may be performed via an input / output (I / O) interface 650. Furthermore, the electronic device 600 may also communicate with one or more networks (e.g., a local area network (LAN), a wide area network (WAN), and / or a public network, such as the Internet) via a network adapter 660. The network adapter 660 may communicate with other modules of the electronic device 600 via a bus 630. It should be understood that, although not shown in the figure, other hardware and / or software modules may be used in conjunction with the electronic device 600, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage platforms, etc.

[0076] In order to make the purpose, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are part of the embodiments of the present invention, rather than all of the embodiments. The components of the embodiments of the present invention described and shown in the drawings here can usually be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of the present invention provided in the drawings is not intended to limit the scope of the claimed invention, but merely represents selected embodiments of the present invention. Based on the embodiments in the present invention, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of the present invention.

[0077] The following is a typical use case to describe the specific implementation steps of this method: 1. Create a blank page in the human-machine configuration tool software and create the following graphics elements and complete the position settings; Text input box control 1, and set its "Graphic Element Mapping Code" to [ValueA]; Drop down the selection box control 2 and set its "Element Mapping Code" to [ValueB]; Numeric input box control 3, and set its "Element Mapping Code" to [ValueC]; Time selection box control 4, and set its "Graphic Element Mapping Code" to [ValueD].

[0078] 2. Create a reject button and a submit button, and configure the following click event response actions for the submit button; Select the trading operation service command [Http: / / Trading Service A / Operation 1] from the trading operation service list according to the actual situation; Read the data format definition of the transaction operation service command, and associate the relevant submitted data value items in the submitted data format definition with the "element mapping Code" according to the actual situation. Here is the form: .

[0079] 3. Set the ID configuration strategy corresponding to the transaction form submission command according to the actual business microservice data requirements of [Http: / / Transaction Service A / Operation 1]; If the ID does not need to be passed in, set it to [Empty]; If the ID is the external ID specified when creating the configuration form page, configure it as [External Directly Incoming ID]; If the ID is obtained through service, the configuration is [http: / / transaction service name / business operation name / get ID]; This example assumes that the ID here is service acquisition and is configured as [http: / / Transaction Service A / Business Operation 1 / Get ID].

[0080] 4. After configuration, save all configuration information in the configuration form scenario into the database and save the file name as "Transaction Form A".

[0081] 5. Start the configuration form browsing page, load the transaction form screen configured above, and complete the following steps to implement the parsing graphic data mapping relationship and complete the data submission operation interaction process.

[0082] Open the form configuration screen "Transaction Form A", load all the graphics in the form configuration screen including 4 form input control graphics, read the graphics and "graphic mapping code" information, [Control 1]: [ValueA]; [Control 2]: [ValueB]; [Control 3]: [ValueC]; [Control 4]: [ValueD]; Create a "Submit" button, load the associated transaction operation service [http: / / Transaction Service A / Business Operation 1 / Get ID], read the corresponding submission service data parameter format and establish a mapping relationship between the primitive and the data, as follows: ; Complete the content input of the form control element and click the "Submit" button to start the subsequent image number association analysis process; Complete an ID query operation according to the configuration [http: / / Transaction Service A / Business Operation 1 / Get ID], and set the query result to the ID value XXXX-ABCD-1234 required by the request parameter; Parse the "element mapping code" inside the data format, and generate the final data message containing the form input data according to the mapping relationship between the element and the data, as follows: ; Submit the request data to the corresponding operation microservice [http: / / Transaction Service A / Business Operation 1] to complete the business operation.

[0083] In summary, the present invention provides a method and system for associating screen graphics with data based on form configuration files. The transaction form scenario is constructed in a configured manner. The internal format of the interactive message data corresponding to the business operation microservice interface corresponding to the form submission button is templated and its related parameter values ​​are associated with the internal values ​​of each input control of the configuration form page. The screen graphics and data are flexibly disassembled and associated. When the form data is actually submitted, the interactive message containing the actual form input data is reorganized and generated through the above graphic data mapping relationship, and submitted to the corresponding transaction business microservice to complete the form data submission function. In this way, better flexibility and easy-to-engineer configuration characteristics can be achieved to meet the tool-based use requirements of creating business forms in a configured manner in the power trading market scenario.

[0084] The above contents are only for explaining the technical idea of ​​the present invention and cannot be used to limit the protection scope of the present invention. Any changes made on the basis of the technical solution in accordance with the technical idea proposed by the present invention shall fall within the protection scope of the claims of the present invention.

Claims

1. A method for realizing association between screen elements and data based on a form configuration file, characterized in that: The following steps are involved: Create a blank form page, create various types of form input control elements according to actual business needs, and complete the layout of form elements on the blank form page; Configure the element mapping code for each type of form input control element created in the blank form page, so as to mark the relationship between the control element and the internal value of the control element; Create a form submission button graphic element. Select a form submission service command corresponding to the business from the transaction operation service list according to actual business requirements, and associate the relevant submission data items in the data parameter format defined by the form submission service command with the corresponding graphic element mapping code to form a form submission data template. The format of the form submission data message is templated by associating the relevant variable parameter values ​​in the data message with each input control graphic element on the configured form page. Finally, this association relationship is configured in the response event of the form submission button graphic element.

2. The method for realizing association between screen primitives and data based on form configuration files according to claim 1, characterized in that: The control element can be moved at will.

3. The method for realizing association between screen primitives and data based on form configuration files according to claim 1, characterized in that: The association relationship configuration between the form submission button graphic element and the form submission service command includes: the form submission service command and the corresponding form submission data template parameter format.

4. The method for realizing association between screen primitives and data based on form configuration files according to claim 3, characterized in that: When submitting data in a transaction form, configure the transaction ID acquisition strategy in the transaction form as follows: Configure whether to pass the transaction ID value. If not, set the form transaction ID in the submitted data to empty. If the transaction ID needs to be passed in, it can be passed in directly from the outside, or obtained through the transaction ID acquisition service interface. When it is passed in directly from the outside, set the form transaction ID in the submitted data to the external direct input ID; When obtaining the transaction ID through the transaction ID acquisition service interface, configure the corresponding transaction ID acquisition command service interface and set the return value to the form transaction ID; Then save the configured relationship between the transaction form graphic element and the graphic element mapping code, the association configuration between the submit button and the transaction form submission command, and the transaction form submission command corresponding to the transaction ID to obtain the strategy rule description text into the configuration file and save it.

5. The method for realizing association between screen primitives and data based on form configuration files according to claim 1, characterized in that: After realizing the association between screen graphics and data, configure the transaction form ID acquisition strategy corresponding to the form submission service command, complete the transaction form ID acquisition strategy and save it, configure the overall configuration process of the corresponding business form, obtain the configured form configuration and save it to the server; In the browsing state, the saved configured form configuration is loaded and the actual form layout is dynamically generated. Then, data is entered on the actual form, and then the configured form submission service command is called by clicking the form data submission button. When the form data is submitted, the graphic element mapping code on the data message template is parsed through the predefined parsing rules, and the actual data message without template content is reorganized. Finally, the data is submitted to the back end to complete the data submission operation interaction.

6. The method for realizing association between screen primitives and data based on form configuration files according to claim 5, characterized in that: The data submission operation interaction is as follows: Read the relationship between the transaction form graphics and the graphics mapping code, establish the relationship between the form graphics and the graphics mapping code, read the association between the submit button and the transaction form submission command, establish the relationship between the submit button and the transaction form submission command, read the transaction form submission command corresponding ID acquisition strategy, establish the transaction form submission command corresponding ID acquisition strategy, complete the data input operation on the generated form, and click the submit button; The transaction ID corresponding to the form is obtained according to the ID acquisition strategy corresponding to the transaction form submission command. The graphic element mapping code inside the submission data format is parsed according to the relationship between the transaction form graphic element and the graphic element mapping code and the association between the submit button and the transaction form submission command. Based on the mapping relationship between the graphic element and the data, the actual data message data format that finally contains the form input data is generated from the template configuration to complete the business data form submission operation.

7. The method for realizing association between screen primitives and data based on form configuration files according to claim 6, characterized in that: In the browsing state, the form submission operation is as follows: Open the screen, load all graphics elements in the form configuration screen, including N form input control graphics elements, read the information of graphics elements and graphics element mapping codes, and establish a graphic data mapping association relationship; Create a submit button, load the associated transaction operation service, and read the template format of the submission service data parameters corresponding to the association between the submit button and the transaction form submission command; Complete the content input of the form control element, click the Submit button, and start the subsequent image number association analysis process; Get the configuration of the ID acquisition strategy corresponding to the transaction form submission command according to the transaction form ID, and complete the processing of the form transaction ID value; Parse the graphic element mapping Code in the templated data format of the form submission command, and map the current input value of the control in the actual form to the form submission data format according to the relationship between the transaction form graphic element and the graphic element mapping code, and generate a data message containing the actual form input data; Data submission corresponds to the operation microservice to complete the business operation.

8. The method for realizing association between screen primitives and data based on form configuration files according to claim 7, characterized in that: The specific process of completing the transaction form ID value is as follows: When the ID acquisition strategy corresponding to the form ID acquisition transaction form submission command is configured to not require the transaction ID value to be passed, the transaction ID is set to empty; When the transaction ID value needs to be passed, the transaction ID value is directly passed in from the outside, the form transaction ID value in the submitted data is set to the transaction ID value directly passed in from the outside, and the relevant transaction ID parameters are obtained from the page URL input parameter; Or obtain it from a transaction ID acquisition service interface, submit the transaction form to the corresponding transaction ID acquisition service interface configured in the corresponding ID acquisition strategy, call it and return the form transaction ID, and set the result to the form transaction ID value.

9. A system for realizing association between screen elements and data based on form configuration files, characterized in that: include: Create a module, create a blank form page, and then create different types of form input control elements according to actual business needs; Configure the element mapping code for each type of form input control element created in the blank form page, so as to mark the relationship between the control element and the internal value of the control element; The association module creates a form submission button graphic element. According to the actual business requirements, a form submission service command corresponding to the business is selected from the transaction operation service list, and the relevant submission data items in the data parameter format defined by the form submission service command are associated with the corresponding graphic element mapping code to form a form submission data template. The format of the form submission data message is templated by associating the relevant variable parameter values ​​in the data message with the input control graphics elements of the configured form page. Finally, the association relationship is configured in the response event of the form submission button graphic element.

10. The system for realizing association between screen graphic elements and data based on form configuration files according to claim 9, characterized in that: In the association module, the association relationship configuration between the form submission button graphic element and the form submission service command includes: the form submission service command and the corresponding form submission data template parameter format.

11. The system for realizing association between screen graphics elements and data based on form configuration files according to claim 10, characterized in that: When submitting data in a transaction form, configure the transaction ID acquisition strategy in the transaction form as follows: Configure whether to pass the transaction ID value. If not, set the form transaction ID in the submitted data to empty. If the transaction ID needs to be passed in, it can be passed in directly from the outside, or obtained through the transaction ID acquisition service interface. When it is passed in directly from the outside, set the form transaction ID in the submitted data to the external direct input ID; When obtaining the transaction ID through the transaction ID acquisition service interface, configure the corresponding transaction ID acquisition command service interface and set the return value to the form transaction ID; Then save the configured relationship between the transaction form graphic element and the graphic element mapping code, the association configuration between the submit button and the transaction form submission command, and the transaction form submission command corresponding to the transaction ID to obtain the strategy rule description text into the configuration file and save it.

12. The system for realizing association between screen graphics elements and data based on form configuration files according to claim 9, characterized in that: Also includes: Configuration module, configure the transaction form ID acquisition strategy corresponding to the form submission service command, complete the transaction form ID acquisition strategy and save it, complete the configuration process of the corresponding business form, obtain the configured form configuration and save it to the server; In the interactive module, in the browsing state, the saved configured form configuration is loaded and the actual form layout is dynamically generated. Then, data is entered on the actual form, and then the configured form submission service command is called by clicking the form data submission button. When the form data is submitted, the graphic element mapping code on the data message template is parsed through the predefined parsing rules, and the actual data message without template content is reorganized. Finally, the data is submitted to the back end to complete the data submission operation interaction.

13. The system for realizing association between screen graphics elements and data based on form configuration files according to claim 12, characterized in that: The data submission operation interaction is as follows: Read the relationship GraphCodeCfg between the transaction form graph element and the graph element mapping code, establish the relationship between the form graph element and the graph element mapping code, read the association relationship SubmitCmdCfg between the submit button and the transaction form submission command, establish the relationship between the submit button and the transaction form submission command, read the transaction form submission command corresponding ID acquisition strategy IDGetCfg, establish the transaction form submission command corresponding ID acquisition strategy, complete the data input operation on the generated form, and click the Submit button; According to the ID acquisition strategy IDGetCfg corresponding to the transaction form submission command, the transaction ID corresponding to the form is obtained; according to the relationship between the transaction form graphic element and the graphic element mapping code GraphCodeCfg and the association relationship between the submit button and the transaction form submission command SubmitCmdCfg, the graphic element mapping code inside the submission data format is parsed; and according to the mapping relationship between the graphic element and the data, the actual data message data format that finally contains the form input data is generated from the template configuration to complete the business data form submission operation.

14. The system for realizing association between screen graphic elements and data based on form configuration files according to claim 13, characterized in that: In the browsing state, the form submission operation is as follows: Open the screen, load all graphics elements in the form configuration screen, including N form input control graphics elements, read the information of graphics elements and graphics element mapping codes, and establish a graphic data mapping association relationship; Create a submit button, load the associated transaction operation service, and read the template format of the submission service data parameter corresponding to [SubmitCmdCfg]; Complete the content input of the form control element, click the Submit button, and start the subsequent image number association analysis process; Complete the processing of the form transaction ID value according to the configuration of the transaction form ID acquisition strategy [IDGetCfg]; When the form ID acquisition strategy [IDGetCfg] is configured not to require the transaction ID value to be passed, the transaction ID is set to empty; When the transaction ID value needs to be passed, the transaction ID value is directly passed in from the outside, the form transaction ID value in the submitted data is set to the transaction ID value directly passed in from the outside, and the relevant transaction ID parameters are obtained from the page URL input parameter; Or it can be obtained by a transaction ID acquisition service interface, which reads the corresponding transaction ID acquisition service interface configured in [IDGetCfg], returns the form transaction ID after calling, and sets the result as the form transaction ID value; Parse the graph mapping Code in the templated data format of the form submission command, and map the current input value of the control in the actual form to the form submission data format according to the mapping relationship between the graph and the data [GraphCodeCfg], and generate a data message containing the actual form input data; Data submission corresponds to the operation microservice to complete the business operation.

15. A computer-readable storage medium storing one or more programs, characterized in that: The one or more programs include instructions, which, when executed by a computing device, cause the computing device to perform the method of any one of claims 1 to 8.

16. A computing device, characterized in that include: One or more processors, a memory and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, and the one or more programs include steps for executing the method according to any one of claims 1 to 8.

Images