Query page generation method and device based on data configuration, equipment and medium

Abstract

The invention provides a query page generation method and device based on data configuration, equipment and a medium, and relates to the field of data processing. According to the method, by calling the initial query component, it is ensured that a unified starting point exists in the development process, so that the consistency and maintainability of codes are kept, and meanwhile the development time is saved. The target query component is generated by configuring the query page attribute of the initial query component, the query interface can be quickly customized and adjusted according to different query requirements, consistency and reusability between different query pages are ensured, and the workload of repeated development is reduced. The query page of the target data is generated by utilizing the target query component, so that a new query function can be quickly deployed, manual layout and coding do not need to be performed every time, repeated work is reduced, the code reuse rate is improved, the development process is simplified, and the development efficiency of the query page is improved.

Description

Technical Field

[0001] The present application relates to the field of data processing, and in particular to a method, device, equipment and medium for generating a query page based on data configuration. Background Art

[0002] The application system query condition control is a very important function in the query function page.

[0003] Nowadays, software systems have many and complex functions. For example, general software systems have several query function pages. The overall structure of each query function page is composed of a condition area and a query result area. The form controls and overall layout of the condition area of ​​each query function page of the same application system are consistent. The same form controls exist in the query areas of different function pages, which leads to repeated calls and repeated development, resulting in a waste of development manpower and low development efficiency.

[0004] Therefore, how to improve the development efficiency of query pages has become a technical problem that needs to be solved urgently. Summary of the invention

[0005] The present application provides a method, apparatus, device and medium for generating a query page based on data configuration, aiming to improve the development efficiency of the query page.

[0006] In a first aspect, the present application provides a method for generating a query page based on data configuration, the method for generating a query page based on data configuration comprising the following steps:

[0007] When receiving a page query request, the initial query component is called;

[0008] Based on the page query request, configuring the query page attributes of the initial query component to generate a target query component;

[0009] Based on the target query component, a target query page of target data is generated.

[0010] In a second aspect, the present application further provides a query page generation device based on data configuration, the query page generation device based on data configuration comprising:

[0011] The component calling module is used to call the initial query component when receiving a page query request;

[0012] A component attribute configuration module, configured to configure the query page attribute of the initial query component based on the page query request, and generate a target query component;

[0013] The query page generation module is used to generate a target query page of target data based on the target query component.

[0014] In a third aspect, the present application also provides a computer device, comprising a processor, a memory, and a computer program stored in the memory and executable by the processor, wherein when the computer program is executed by the processor, the steps of the query page generation method based on data configuration as described above are implemented.

[0015] In a fourth aspect, the present application further provides a computer-readable storage medium having a computer program stored thereon, wherein when the computer program is executed by a processor, the steps of the query page generation method based on data configuration as described above are implemented.

[0016] The present application provides a method, device, computer equipment and storage medium for generating a query page based on data configuration. The method of the present application includes calling an initial query component when receiving a page query request; configuring the query page properties of the initial query component based on the page query request to generate a target query component; and generating a target query page of target data based on the target query component. In the above manner, the present application ensures a unified starting point in the development process by calling the initial query component, thereby maintaining the consistency and maintainability of the code and saving development time. By configuring the query page properties of the initial query component to generate the target query component, the query interface can be quickly customized and adjusted according to different query requirements, ensuring consistency and reusability between different query pages, and reducing the workload of repeated development. By using the target query component to generate the query page of the target data, new query functions can be quickly deployed without manual layout and coding every time, reducing duplication of work, improving code reuse rate and simplifying the development process, and improving the development efficiency of the query page. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0018] Figure 1 A schematic diagram of the query area structure of the existing transaction details query page and transaction business query page provided in the embodiment of the present application;

[0019] Figure 2 A flowchart of a first embodiment of a method for generating a query page based on data configuration provided by the present application;

[0020] Figure 3 A flowchart of a second embodiment of a query page generation method based on data configuration provided by the present application;

[0021] Figure 4 A schematic diagram of the query area structure of a transaction detail query page and a transaction business query page generated by the query page generation method based on data configuration provided in an embodiment of the present application;

[0022] Figure 5 It is a structural schematic diagram of a first embodiment of a query page generation device based on data configuration provided by the present application;

[0023] Figure 6 It is a schematic block diagram of the structure of a computer device provided in an embodiment of the present application.

[0024] The realization of the purpose, functional features and advantages of this application will be further explained in conjunction with embodiments and with reference to the accompanying drawings. DETAILED DESCRIPTION

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

[0026] The flowcharts shown in the accompanying drawings are only examples and do not necessarily include all the contents and operations / steps, nor must they be executed in the order described. For example, some operations / steps may also be decomposed, combined or partially merged, so the actual execution order may change according to actual conditions.

[0027] In conjunction with the accompanying drawings, some embodiments of the present application are described in detail below. In the absence of conflict, the following embodiments and features in the embodiments can be combined with each other.

[0028] Generally, in a software system, the overall structure of each query function page is composed of a condition area and a query result area. The condition area is generally composed of one or more form controls, such as: amount input box control, text input box control, drop-down list selection control, date control and many other form controls. In the process of front-end page development, they will be laid out and combined according to the number or style of query conditions.

[0029] For example, when developing the query area of ​​a query function page, the developer will consider the layout of the page and the form controls used.

[0030] like Figure 1As shown in (a), the query area of ​​the transaction details query page is a 3-column layout, and the query conditions are: account number, currency, transaction date, transaction status, transaction amount range, counterparty name, counterparty account number, and sorting method. During the page development process, we will set a fixed width for each control, and the types of query form components are: Select component (account number), Select component (currency), DatePicker component (transaction date), Input component (counterparty name), Input component (transaction amount), Select component (transaction status), Input component (counterparty account number), Select component (sorting method).

[0031] like Figure 1 As shown in (b), the query area of ​​the transaction business query page also has three columns. The query conditions are: account number, business type, start and end dates, submitter, submission time, and transaction type. The types of form components used are: Select component (account number), Select component (business type), DatePicker component (start and end dates), Input component (submitter), DatePicker component (submission date), and Select component (transaction type).

[0032] From the development process of the two query areas of the transaction details query and transaction business query pages, there are the following deficiencies:

[0033] 1) The same form controls exist in the query areas of different functional pages, resulting in repeated calls and repeated development, which will cause waste of development manpower and low development efficiency.

[0034] 2) When the conditional control is at a fixed width, the display of the query condition column will be abnormal under certain conditions. For example, the query area width can accommodate 4 columns, but displaying it in 3 columns will cause certain problems in UI vision and user experience.

[0035] Through analysis, each form control is composed of a control type (type) and a control name (labelName). The column layout automatically adapts to the display of different columns by setting the minimum width of the form control. Therefore, the embodiment of the present application provides a query area component applied to the query area. When developing the query function page, the query area component can be directly called and the data can be configured to dynamically generate the query area page.

[0036] Please refer to Figure 2 , Figure 2 A flowchart of a first embodiment of a query page generation method based on data configuration provided by the present application.

[0037] like Figure 2 As shown, the query page generation method based on data configuration includes:

[0038] S101. Determine control configuration data based on business query requirements, wherein the control configuration data includes control distribution information and a form control list;

[0039] In one embodiment, the goal that the user needs to achieve through the query function is clarified. For example, the user may need to query transaction records within a specific time period, query transaction details, etc.

[0040] In one embodiment, all controls that may be used in business queries may be created according to business query requirements, and control configuration data corresponding to each control may be clarified.

[0041] For example, all conditions that users need to enter when applying the business query system for business query can be collected, such as account number, currency, transaction date, etc. The query conditions can also be determined and supplemented based on the information that the user expects to see in the query results, and the controls that need to be constructed can be determined based on the query conditions.

[0042] Furthermore, based on the business query requirement, the query area distribution information of the business query page and at least one form query requirement are determined; based on the query area distribution information, the control distribution information is determined; based on the form query requirement, the control configuration attributes and event attributes of at least one form control are determined; based on the control configuration attributes and the event attributes, the form control list is constructed.

[0043] The control configuration attributes include control type and control name, and the event attributes include event type and event name.

[0044] In one embodiment, the query area component can be customized as QueryArea, and the configurable properties are: form control list columns and control width itemWidth. Among them, columns can be configured with other properties such as control type type, control name labelName, and events such as focus acquisition, focus loss, value change events, etc.

[0045] In one embodiment, a corresponding form control is created according to the type in the control configuration data (such as Select, Input, DatePicker, etc.), and necessary properties are set for each control, such as the control name (labelName), placeholder, default value, etc., and event processing functions are bound to the control, such as events such as gaining focus, losing focus, and value changing.

[0046] In one embodiment, a processing function is defined for each event type, such as input validation, data formatting, and query submission, and the event processing function is bound to the corresponding control event to ensure that the corresponding logic can be triggered during user interaction.

[0047] Specifically, you can determine the appropriate control type for each query condition, such as a text input box, a drop-down list, and a date picker, etc. Define a name for each control, which will be displayed on the user interface to guide user input.

[0048] In addition, you can define other properties for the control as needed, such as placeholder text, default value, required or not, etc.

[0049] Specifically, you can also determine the event types that the control may trigger, such as onChange (value change), onFocus (gain focus), onBlur (lose focus), etc. Define corresponding processing logic for each event type to respond to user interaction.

[0050] In one embodiment, a form control list may be created to store configuration data of all controls, including control type, name, and other properties, and define control distribution information, including control width and column layout, to support responsive design.

[0051] Optionally, you can check whether the properties in the control configuration data are consistent, for example, whether the control type and event handling logic match. You can also record the control configuration data and design decisions in a document to make it easier for developers to understand and implement.

[0052] S102. Construct the initial query component based on the control distribution information, wherein the control distribution information includes control width and column layout.

[0053] In one embodiment, the control distribution information can be used to design the size, page layout, etc. of the business query page.

[0054] In one embodiment, the width of the control may be variable or fixed.

[0055] For example, the control width may include a minimum width and a maximum width of each control to adapt to different screen sizes and layout requirements. An adaptive layout algorithm may be designed to dynamically adjust the display position and size of the control according to the control width and column layout to ensure that the query area can maintain a good display effect on different devices and screen sizes.

[0056] Exemplarily, the size of the query area may be determined according to the page design and user requirements, and a fixed control width and number of columns (such as a three-column or four-column layout) may be set.

[0057] In one embodiment, a container may be created for the query area to accommodate all controls, each control may be assigned to a suitable position according to the column layout and control width, and a style may be set for each control, including width, margin, alignment, etc.

[0058] In this embodiment, a flexible and responsive business query interface is implemented through refined control configuration and layout design. By clarifying the user's query requirements, creating and configuring the corresponding form controls, it is ensured that the user can efficiently enter the query conditions. At the same time, by defining the event attributes of the controls and binding event processing functions, the responsiveness and accuracy of user interaction are enhanced. In addition, the introduction of the adaptive layout algorithm enables the query interface to adapt to different devices and screen sizes, improving the user experience. Finally, by documenting the control configuration data and design decisions, it is easy for developers to understand and maintain, improving development efficiency and system maintainability.

[0059] This embodiment determines the control configuration data according to the business query requirements, and then pre-builds the initial query component, which can ensure that the control configuration data accurately reflects the business query requirements, provide clear guidance for the subsequent query component construction, help improve development efficiency, reduce rework, and ensure that the final product meets user needs.

[0060] Please refer to Figure 3 , Figure 3 A flowchart of a second embodiment of a query page generation method based on data configuration provided by the present application.

[0061] like Figure 3 As shown, the query page generation method based on data configuration also includes steps S201 to S203.

[0062] S201, when receiving a page query request, calling an initial query component;

[0063] In one embodiment, the front-end page can capture the user's page query request through form submission or AJAX request, and parse the parameters in the request, which may include query conditions entered by the user, such as keywords, date range, selected filters, etc.

[0064] Among them, AJAX (Asynchronous JavaScript and XML) is a technology that exchanges data with the server and updates part of a web page without reloading the entire page. The working principle of AJAX is to use JavaScript to exchange a small amount of data with the server in the background, and then use this data to update the web page.

[0065] In one embodiment, according to the page query request, a preset initial query component, namely a customized QueryArea component, is directly called, so that the initial query condition is parameterized according to the query condition in the page query request to generate a target query component for the page query request.

[0066] S202: Based on the page query request, configure the query page attributes of the initial query component to generate a target query component;

[0067] In one embodiment, the user input parameters can be extracted from the page query request, such as through the query string (GET request) or request body (POST request) of the URL. Optionally, the user input parameters can be verified to ensure that the received parameters conform to the expected format and are valid query conditions.

[0068] In one embodiment, an initial value or a default value is set for each form control in the target query component according to the request parameters, and the layout of the query component is dynamically adjusted according to the number and type of the request parameters to adapt to different query conditions.

[0069] Specifically, use a front-end framework or library (such as React, Vue, or Angular) to create an instance of the query component (such as a form control), and bind the configured control properties and initial values ​​to the query component instance. Dynamically render the query component UI based on the bound data and configuration to ensure that the query component can be displayed correctly on different devices and screen sizes. Bind necessary event handlers to the controls in the query component, such as input validation, data formatting, query submission, etc., and write the logic of the event handler to handle user interaction.

[0070] In one embodiment, at least one target form control matching the page query request is searched in the form control list; based on the target form control, the query page attribute of the initial query component is configured to generate the target query component.

[0071] In one embodiment, a pre-configured form control list may be accessed, the form control list including configuration information of all pre-configured available form controls. According to parameters in the page query request, such as a control name (labelName), a control type (type) or other identifiers, the form control list is queried to find a form control that matches the request parameters.

[0072] In one embodiment, an initial value can be set for the matched form control according to the parameters in the page query request. Other properties of the target form control, such as whether it is enabled, visible, style settings, etc., can be configured according to business logic and user needs.

[0073] In one embodiment, the configured target form controls and their properties are bound to the initial query component to generate the target query component. The layout of the query component can be dynamically adjusted according to the number of target form controls and layout requirements.

[0074] In one embodiment, based on the form control attributes, a target form control is matched in a form control list; when there is no target form control matching the form control attributes in the form control list, based on the form control attributes, the target form control is generated and stored in the form control list.

[0075] In one embodiment, the form control attributes may include type (text, select, checkbox, etc.), name, value, validation rule, etc. According to the provided form control attributes, a search is performed in the existing form control list to see if there is a matching control. If no matching form control is found in the list, a new form control is dynamically created according to the provided attributes. The newly created form control is added to the form control list for subsequent use.

[0076] Specifically, the form control attributes are obtained from a configuration file, a database or a user input, and a target form control matching the obtained attributes is searched in a preconfigured form control list. If no matching control is found in the form control list, a target form control is created according to the form control attributes. Then, the newly created target form control is added to the form control list to expand the data volume of the form control list.

[0077] In another embodiment, based on the page query request, the form control properties of at least one form control in the initial query component are configured; based on the form control properties, a target form control is generated; based on the target form control and the form control properties, the query page properties of the initial query component are configured to generate the target query component.

[0078] In one embodiment, according to the page query request, the parameters input by the user are extracted. These parameters may include keywords, date ranges, selected filters, etc.

[0079] Specifically, based on the page query request, clarify what kind of data retrieval the user wants to complete through the query component. Based on the query request, determine which form controls are needed (such as text boxes, drop-down menus, date selectors, etc.), and configure properties for each form control. These properties may include but are not limited to: data type, required flag, default value, validation rules, etc.

[0080] In one embodiment, a front-end framework or library (such as React, Vue, Angular, etc.) can be used to generate corresponding HTML elements and JavaScript logic according to the configured attributes. Other attributes of the target form control are configured, such as layout, style, and submit button. All configured form controls and page attributes are integrated to generate the final target query component.

[0081] In one embodiment, after the target query component is created, the target query component can be tested and verified to ensure that the query component can work as expected, such as correctly collecting user input, verifying input, sending requests, displaying results, etc.

[0082] This embodiment can flexibly adjust and generate a query interface that adapts to different query conditions and device screens according to the user's query request and input parameters. This process is implemented through a front-end framework or library, ensuring the user experience and functionality of the query component, while ensuring the stability and accuracy of the component through verification and testing. This method improves the interactivity and adaptability of web applications, allowing users to retrieve and operate data more efficiently.

[0083] S203: Generate a target query page of target data based on the target query component.

[0084] In one embodiment, other components required to construct the target query page, such as an input box, a drop-down list, and a date selector, etc., may be determined, and these components may be combined with the target query component to generate the target query page.

[0085] In one embodiment, the overall layout of the query page is designed, including the query area, the result display area, etc., to ensure that the page design can adapt to different devices and screen sizes. The target query component is integrated into the layout of the query page, and the data source is bound to the target query component to ensure that the user input can be properly processed and transmitted.

[0086] In one embodiment, an event handler can be bound to the target query component, such as a function triggered when a user clicks a query button, and at the same time, the communication logic between the front-end and back-end services can be implemented through API calls, such as AJAX requests, to obtain target data. An area for displaying query results can be designed, which can include a table, a list, or a custom component, etc., to extract the query results from the back-end API response and display them in the result area.

[0087] For example, Figure 4 As shown, using the above query area component QueryArea, through configuration to implement the transaction details query page and transaction business query page, you can also achieve Figure 1 and Figure 2 The query condition control effect.

[0088] This embodiment can quickly implement the query function page query condition area by calling custom components and simple data configuration, without writing cumbersome condition control code, greatly improving development efficiency and reducing development manpower. The custom query area component uniformly implements the condition area column layout, the code is more standardized, and the system maintainability is better.

[0089] This embodiment provides a method for generating a query page based on data configuration. The method of this application ensures a unified starting point in the development process by calling the initial query component, thereby maintaining the consistency and maintainability of the code and saving development time. By configuring the query page properties of the initial query component to generate the target query component, the query interface can be quickly customized and adjusted according to different query requirements, ensuring consistency and reusability between different query pages, and reducing the workload of repeated development. By using the target query component to generate a query page for the target data, new query functions can be quickly deployed without manual layout and coding each time, reducing duplication of work, increasing code reuse, and simplifying the development process, thereby improving the efficiency of query page development.

[0090] See also Figure 5 , Figure 5 It is a structural schematic diagram of a first embodiment of a query page generation device based on data configuration provided by the present application. The query page generation device based on data configuration is used to execute the aforementioned query page generation method based on data configuration.

[0091] like Figure 5 As shown, the query page generating device 300 based on data configuration includes: a component calling module 301, a component attribute configuration module 302 and a query page generating module 303.

[0092] The component calling module 301 is used to call the initial query component when receiving a page query request;

[0093] A component attribute configuration module 302, configured to configure the query page attribute of the initial query component based on the page query request, and generate a target query component;

[0094] The query page generation module 303 is used to generate a target query page of target data based on the target query component.

[0095] In one embodiment, the query page generating device 300 based on data configuration further includes a component building module, including:

[0096] A control configuration data determining unit, used to determine control configuration data based on business query requirements, wherein the control configuration data includes control distribution information and a form control list;

[0097] A component construction unit is used to construct the initial query component based on the control distribution information, wherein the control distribution information includes control width and column layout.

[0098] In one embodiment, the control configuration data determining unit includes:

[0099] A business query requirement analysis subunit, configured to determine query area distribution information of a business query page and at least one form query requirement based on the business query requirement;

[0100] A control distribution information determining subunit, configured to determine the control distribution information based on the query area distribution information;

[0101] A control configuration attribute determination subunit, used to determine the control configuration attribute and event attribute of at least one form control based on the form query requirement;

[0102] The form control list construction subunit is used to construct the form control list based on the control configuration attributes and the event attributes.

[0103] In one embodiment, the control configuration attributes include a control type and a control name, and the event attributes include an event type and an event name.

[0104] In one embodiment, the component attribute configuration module 302 includes:

[0105] A control matching unit, configured to search the form control list for at least one target form control that matches the page query request;

[0106] The component generation first unit is used to configure the query page properties of the initial query component based on the target form control to generate the target query component.

[0107] In one embodiment, the component attribute configuration module 302 further includes:

[0108] A control matching unit, used for matching a target form control in a form control list based on the form control attribute;

[0109] A control adding unit is used to generate the target form control based on the form control attribute when there is no target form control matching the form control attribute in the form control list, and store the target form control in the form control list.

[0110] In one embodiment, the component attribute configuration module 302 includes:

[0111] A control attribute configuration unit, configured to configure a form control attribute of at least one form control in the initial query component based on the page query request;

[0112] A control generation unit, used for generating a target form control based on the form control attributes;

[0113] The second component generation unit is used to configure the query page attributes of the initial query component based on the target form control and the form control attributes, and generate the target query component.

[0114] It should be noted that technical personnel in the relevant field can clearly understand that for the convenience and conciseness of description, the specific working process of the above-described device and each module can refer to the corresponding process in the aforementioned query page generation method embodiment based on data configuration, and will not be repeated here.

[0115] The apparatus provided in the above embodiment may be implemented in the form of a computer program. The computer program may be Figure 6 Runs on the computer device shown.

[0116] See also Figure 6 , Figure 6 1 is a schematic block diagram of a computer device provided in an embodiment of the present application. The computer device may be a server.

[0117] See also Figure 6 The computer device includes a processor, a memory and a network interface connected through a system bus, wherein the memory may include a non-volatile storage medium and an internal memory.

[0118] The non-volatile storage medium can store an operating system and a computer program. The computer program includes program instructions, and when the program instructions are executed, the processor can execute any query page generation method based on data configuration.

[0119] The processor is used to provide computing and control capabilities and support the operation of the entire computer equipment.

[0120] The internal memory provides an environment for the operation of the computer program in the non-volatile storage medium. When the computer program is executed by the processor, the processor can execute any query page generation method based on data configuration.

[0121] The network interface is used for network communication, such as sending assigned tasks, etc. Those skilled in the art will understand that Figure 6 The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.

[0122] It should be understood that the processor may be a central processing unit (CPU), and the processor may also be other general-purpose processors, 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. Among them, the general-purpose processor may be a microprocessor or the processor may also be any conventional processor, etc.

[0123] In one embodiment, the processor is used to run a computer program stored in the memory to implement the following steps:

[0124] When receiving a page query request, the initial query component is called;

[0125] Based on the page query request, configuring the query page attributes of the initial query component to generate a target query component;

[0126] Based on the target query component, a target query page of target data is generated.

[0127] In one embodiment, before implementing the calling of the initial query component upon receiving the page query request, the processor is further configured to implement:

[0128] Based on the business query requirements, determine the control configuration data, wherein the control configuration data includes control distribution information and a form control list;

[0129] The initial query component is constructed based on the control distribution information, wherein the control distribution information includes control width and column layout.

[0130] In one embodiment, when the processor implements the determining of the control configuration data based on the business query requirement, it is used to implement:

[0131] Based on the business query requirement, determining query area distribution information of the business query page and at least one form query requirement;

[0132] Determining the control distribution information based on the query area distribution information;

[0133] Based on the form query requirement, determining a control configuration attribute and an event attribute of at least one form control;

[0134] The form control list is constructed based on the control configuration attributes and the event attributes.

[0135] In one embodiment, the control configuration attributes include a control type and a control name, and the event attributes include an event type and an event name.

[0136] In one embodiment, when implementing configuring the query page attribute of the initial query component based on the page query request and generating the target query component, the processor is used to implement:

[0137] Searching the form control list for at least one target form control that matches the page query request;

[0138] Based on the target form control, the query page attributes of the initial query component are configured to generate the target query component.

[0139] In one embodiment, after implementing the step of searching the form control list for at least one target form control that matches the page query request, the processor is further configured to implement:

[0140] Based on the form control attribute, matching a target form control in a form control list;

[0141] When there is no target form control matching the form control attribute in the form control list, the target form control is generated based on the form control attribute, and the target form control is stored in the form control list.

[0142] In one embodiment, when implementing configuring the query page attribute of the initial query component based on the page query request and generating the target query component, the processor is used to implement:

[0143] Based on the page query request, configuring a form control property of at least one form control in the initial query component;

[0144] Based on the form control attributes, generate a target form control;

[0145] Based on the target form control and the form control attribute, the query page attribute of the initial query component is configured to generate the target query component.

[0146] A computer-readable storage medium is also provided in an embodiment of the present application, wherein the computer-readable storage medium stores a computer program, wherein the computer program includes program instructions, and the processor executes the program instructions to implement any one of the query page generation methods based on data configuration provided in the embodiments of the present application.

[0147] The computer-readable storage medium may be an internal storage unit of the computer device described in the foregoing embodiment, such as a hard disk or memory of the computer device. The computer-readable storage medium may also be an external storage device of the computer device, such as a plug-in hard disk, a smart memory card (SmartMedia Card, SMC), a secure digital (Secure Digital, SD) card, a flash card (Flash Card), etc., equipped on the computer device.

[0148] The above is only a specific implementation of the present application, but the protection scope of the present application is not limited thereto. Any technician familiar with the technical field can easily think of various equivalent modifications or replacements within the technical scope disclosed in the present application, and these modifications or replacements should be included in the protection scope of the present application. Therefore, the protection scope of the present application shall be based on the protection scope of the claims.

Claims

1. A method for generating a query page based on data configuration, characterized in that: The method comprises: When receiving a page query request, the initial query component is called; Based on the page query request, configuring the query page attributes of the initial query component to generate a target query component; Based on the target query component, a target query page of target data is generated.

2. The method for generating a query page based on data configuration according to claim 1, characterized in that: When receiving a page query request, before calling the initial query component, the method further includes: Based on the business query requirements, determine the control configuration data, wherein the control configuration data includes control distribution information and a form control list; The initial query component is constructed based on the control distribution information, wherein the control distribution information includes control width and column layout.

3. The method for generating a query page based on data configuration according to claim 2, characterized in that: Determining the control configuration data based on the business query requirements includes: Based on the business query requirement, determining query area distribution information of the business query page and at least one form query requirement; Determining the control distribution information based on the query area distribution information; Based on the form query requirement, determining a control configuration attribute and an event attribute of at least one form control; The form control list is constructed based on the control configuration attributes and the event attributes.

4. The method for generating a query page based on data configuration according to claim 3, characterized in that: The control configuration attributes include a control type and a control name, and the event attributes include an event type and an event name.

5. The method for generating a query page based on data configuration according to claim 2, characterized in that: The configuring the query page attribute of the initial query component based on the page query request to generate the target query component includes: Searching the form control list for at least one target form control that matches the page query request; Based on the target form control, the query page attributes of the initial query component are configured to generate the target query component.

6. The method for generating a query page based on data configuration according to claim 5, characterized in that: After searching the form control list for at least one target form control that matches the page query request, the method further includes: Based on the form control attribute, matching a target form control in a form control list; When there is no target form control matching the form control attribute in the form control list, the target form control is generated based on the form control attribute, and the target form control is stored in the form control list.

7. The method for generating a query page based on data configuration according to claim 1, characterized in that: The configuring the query page attribute of the initial query component based on the page query request to generate the target query component includes: Based on the page query request, configuring a form control property of at least one form control in the initial query component; Based on the form control attributes, generate a target form control; Based on the target form control and the form control attribute, the query page attribute of the initial query component is configured to generate the target query component.

8. A query page generation device based on data configuration, characterized in that: The query page generating device based on data configuration includes: The component calling module is used to call the initial query component when receiving a page query request; A component attribute configuration module, configured to configure the query page attribute of the initial query component based on the page query request, and generate a target query component; The query page generation module is used to generate a target query page of target data based on the target query component.

9. A computer device, characterized in that: The computer device includes a processor, a memory, and a computer program stored in the memory and executable by the processor, wherein when the computer program is executed by the processor, the steps of the query page generation method based on data configuration as described in any one of claims 1 to 7 are implemented.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, wherein when the computer program is executed by a processor, the steps of the method for generating a query page based on data configuration as claimed in any one of claims 1 to 7 are implemented.

Images