Page generation method and device, equipment, medium and program product
By obtaining and analyzing monitoring rules and adjusting the layout of the front-end pages, the page display problem caused by differences in monitoring needs of different branches in the banking system is solved, and flexible front-end page generation is realized, improving user experience.
Patent Information
- Application Number
- CN202411225019.6
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-09-03
- Publication Date
- 2024-12-24
AI Technical Summary
The different monitoring needs of different branches in the banking system have led to the inability to achieve the front-end page, resulting in poor display results and poor user experience.
By obtaining the target monitoring rules, the layout of the condition query area is determined based on the condition query area attribute information of the page to be constructed and the name field length of the monitoring item, the query data display area is constructed, and a flexible front-end page is generated.
It realizes setting different front-end pages according to specific monitoring requirements, improving the flexibility and user experience of the page, and meeting the monitoring needs of different branches.
Smart Images
Figure CN119179481A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of information processing technology, and in particular to a page generation method, device, equipment, medium and program product. Background Art
[0002] In the banking system, front-end business personnel need to perform data query, modification and other related operations through the front-end page provided by the server.
[0003] Because different branches in the banking system have different monitoring requirements, each branch needs to develop different front-end pages for different monitoring requirements. However, since the operable fields and other information involved in different monitoring requirements are also different, the current front-end pages cannot be tailored to different users, which leads to poor display effects of front-end pages of different branches and poor user experience. Summary of the invention
[0004] The purpose of the embodiments of the present application is to provide a page generation method, apparatus, device, medium and program product to achieve different front-end page settings for different regulatory requirements, thereby achieving flexibility in front-end page settings.
[0005] The technical solution of this application is as follows:
[0006] In a first aspect, a page generation method is provided, the method comprising:
[0007] Acquire a target monitoring rule, wherein the target monitoring rule includes multiple monitoring items;
[0008] According to the attribute information of the condition query area of the target page to be constructed and the character length of the name field of each monitoring item, determine the target monitoring item corresponding to each row of sub-condition query areas in the condition query area, and the layout of the target monitoring items in each row of sub-condition query areas and their corresponding name fields in the sub-condition query areas, wherein the condition query area includes multiple rows of sub-condition query areas, and each sub-condition query area includes at least one query input box corresponding to a monitoring item and its corresponding name field;
[0009] According to the layout of the target monitoring item in each row of the sub-condition query area and its corresponding name field in the sub-condition query area, a query data display area is constructed in the target page to be constructed, wherein the query data display area is used to display the data queried based on the query condition entered in the condition query area;
[0010] The target page is generated according to the condition query area and the query data display area.
[0011] In a second aspect, a page generation device is provided, the device comprising:
[0012] A first acquisition module is used to acquire a target monitoring rule, wherein the target monitoring rule includes a plurality of monitoring items;
[0013] A first determination module is used to determine the target monitoring item corresponding to each row of sub-condition query areas in the condition query area, and the layout of the target monitoring items and their corresponding name fields in each row of sub-condition query areas in the sub-condition query area according to the attribute information of the condition query area of the target page to be constructed and the character length of the name field of each monitoring item, wherein the condition query area includes multiple rows of sub-condition query areas, and each sub-condition query area includes a query input box corresponding to at least one monitoring item and its corresponding name field;
[0014] A construction module, used for constructing a query data display area in the target page to be constructed according to the layout of the target monitoring item in each row of the sub-condition query area and its corresponding name field in the sub-condition query area, wherein the query data display area is used to display the data queried based on the query condition input in the condition query area;
[0015] A generating module is used to generate the target page according to the condition query area and the query data display area.
[0016] In a third aspect, an embodiment of the present application provides an electronic device, which includes a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the page generation method described in any one of the embodiments of the present application.
[0017] In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the steps of the page generation method described in any one of the embodiments of the present application are implemented.
[0018] In a fifth aspect, an embodiment of the present application provides a computer program product. When instructions in the computer program product are executed by a processor of an electronic device, the electronic device can perform the steps of the page generation method described in any one of the embodiments of the present application.
[0019] The technical solution provided by the embodiments of the present application brings at least the following beneficial effects:
[0020] In an embodiment of the present application, by obtaining the target monitoring rules, and then according to the attribute information of the condition query area of the target page to be constructed and the character length of the name field of each monitoring item in the target monitoring rules, the target monitoring items corresponding to each row of the sub-condition query area in the condition query area, and the layout of the target monitoring items in each row of the sub-condition query area and the corresponding name fields in the sub-condition query area can be determined. According to the layout of the monitoring items in each row of the sub-condition query area and the corresponding name fields in the sub-condition query area, a query data display area is constructed in the target page to be constructed, and the target page is generated according to the condition query area and the query data display area. In this way, when constructing the front-end page, it is constructed according to the monitoring items in the specific target monitoring rules, and when constructing the front-end page, according to the attribute information of the condition query area and the character length of the name field of the monitoring item, the target monitoring items corresponding to each row of the sub-condition query area, and the layout of the target monitoring items in each row of the sub-condition query area and the corresponding name fields in the sub-condition query area can be determined. The front-end page constructed in this way is more flexible. The scheme of the embodiment of the present application can set different front-end pages for different monitoring requirements, thereby achieving flexibility in front-end page settings.
[0021] It should be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present application. BRIEF DESCRIPTION OF THE DRAWINGS
[0022] The drawings herein are incorporated into the specification and constitute a part of the specification, illustrate embodiments consistent with the present application, and together with the specification are used to explain the principles of the present application, and do not constitute an improper limitation on the present application.
[0023] Figure 1 It is a flow chart of a page generation method provided in an embodiment of the present application;
[0024] Figure 2 This is one of the structural schematic diagrams of the target page to be constructed provided in the embodiment of the present application;
[0025] Figure 3 This is the second structural diagram of the target page to be constructed provided in the embodiment of the present application;
[0026] Figure 4 This is the third structural diagram of the target page to be constructed provided in the embodiment of the present application;
[0027] Figure 5 This is the fourth structural diagram of the target page to be constructed provided in the embodiment of the present application;
[0028] Figure 6 It is a structural schematic diagram of a page generating device provided in an embodiment of the present application;
[0029] Figure 7It is a structural schematic diagram of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION
[0030] In order to make those of ordinary skill in the art better understand the technical scheme of the present application, the technical scheme in the embodiments of the present application will be clearly and completely described below in conjunction with the accompanying drawings. It should be understood that the specific embodiments described herein are only intended to explain the present application, rather than to limit the present application. For those skilled in the art, the present application can be implemented without the need for some of these specific details. The following description of the embodiments is only to provide a better understanding of the present application by illustrating the examples of the present application.
[0031] It should be noted that the terms "first", "second", etc. in the specification and claims of the present application and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present application described here can be implemented in an order other than those illustrated or described here. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. On the contrary, they are only examples consistent with some aspects of the present application as detailed in the attached claims.
[0032] The acquisition, storage, use, and processing of data in the technical solution of this application comply with the relevant provisions of national laws and regulations.
[0033] It should be noted that in the embodiments of the present application, certain software, components, models and other existing solutions in the industry may be mentioned, and they should be regarded as exemplary. Their purpose is only to illustrate the feasibility of implementing the technical solution of the present application, but it does not mean that the applicant has or will necessarily use the solution.
[0034] As described in the background technology section, the current front-end page cannot be different for each person, which leads to poor display effects of the front-end pages of different branches and poor user experience. In order to solve this problem, the embodiments of the present application provide a page generation method, device, equipment, medium and program product. By obtaining the target monitoring rule, and then according to the attribute information of the condition query area of the target page to be constructed and the character length of the name field of each monitoring item in the target monitoring rule, the target monitoring item corresponding to each row of the sub-condition query area in the condition query area, and the layout of the target monitoring item in each row of the sub-condition query area and the corresponding name field in the sub-condition query area can be determined. The layout of fields in the sub-condition query area, constructing a query data display area in the target page to be constructed, and generating a target page based on the condition query area and the query data display area. In this way, when constructing the front-end page, it is constructed according to the monitoring items in the specific target monitoring rules, and when constructing the front-end page, the target monitoring items corresponding to each row of the sub-condition query area can be determined according to the attribute information of the condition query area and the character length of the name field of the monitoring item, as well as the layout of the target monitoring items in each row of the sub-condition query area and their corresponding name fields in the sub-condition query area. The front-end page constructed in this way is more flexible, and the scheme of the embodiment of the present application can set different front-end pages for different monitoring requirements, thereby realizing the flexibility of the front-end page setting.
[0035] The page generation method provided in the embodiment of the present application is described in detail below through specific embodiments and application scenarios in conjunction with the accompanying drawings.
[0036] Figure 1 It is a flow chart of a page generation method provided in an embodiment of the present application. The execution subject of the page generation method may be a server. It should be noted that the execution subject does not constitute a limitation on the embodiment of the present application.
[0037] like Figure 1 As shown, the page generation method provided in the embodiment of the present application may include steps 110 to 140.
[0038] Step 110: Obtain target monitoring rules, wherein the target monitoring rules include multiple monitoring items.
[0039] The target monitoring rule may be a rule to be monitored, for example, a monitoring rule corresponding to the data of a certain branch.
[0040] In some embodiments of the present application, the target monitoring rule may include multiple monitoring items. For example, the target monitoring rule is to monitor the credit status of a certain user, and the monitoring items include the user's loan overdue status, the user's name, the user's consumption status, etc.
[0041] Step 120: Determine the target monitoring item corresponding to each row of the sub-conditional query area in the conditional query area, and the layout of the target monitoring item in each row of the sub-conditional query area and its corresponding name field in the sub-conditional query area based on the attribute information of the conditional query area of the target page to be constructed and the character length of the name field of each monitoring item.
[0042] The target page to be constructed may be a page to be constructed corresponding to the target monitoring rule.
[0043] The condition query area may be an area for deployment condition query items set in the target page to be constructed, and the query items here may be monitoring items.
[0044] In some embodiments of the present application, the condition query area may include multiple rows of sub-condition query areas, and each row of the sub-condition query area may include a query input box corresponding to at least one monitoring item and its corresponding name field.
[0045] In one example, reference Figure 2 , Figure 2 20 is a schematic diagram of the structure of the target page 20 to be constructed. The target page to be constructed has a condition query area 21, which includes 6 monitoring items, namely name, gender, mobile phone number, department, position and on-the-job status. The condition query area includes 2 rows of sub-condition query areas, such as Figure 2 Take the first row of sub-condition query area as an example, in which there are query input boxes corresponding to the three monitoring items of name, gender and mobile phone number (such as Figure 2 The input box 211 for the name of the monitoring item and the name fields of the three monitoring items: name, gender and mobile phone number (such as Figure 2 Name field 212 of the monitoring item name).
[0046] The attribute information of the conditional query area may be the first size information of the conditional query area. Here, the first size information may be the size information of the conditional query area, such as Figure 2 The horizontal size information L1 and the vertical size information L2 of the conditional query area 21.
[0047] The target monitoring item can be the monitoring item corresponding to each row of the sub-conditional query area in the conditional query area. Figure 2 In the first row of sub-condition query area, the target monitoring items are name, gender and mobile phone number, and the target monitoring items are department, position and on-the-job status.
[0048] In some embodiments of the present application, the target monitoring items corresponding to each row of the sub-conditional query area in the conditional query area and the layout of the target monitoring items in each row of the sub-conditional query area and their corresponding name fields in the sub-conditional query area can be determined based on the attribute information of the conditional query area of the target page to be constructed and the character length of the name field of each monitoring item.
[0049] In the prior art, when the name field of a form query item is relatively long, it will occupy 50% or more of the page span, so there will be relatively few query items displayed in one line. Moreover, when the character length of the name field of the form query item is not uniform, the page layout will be relatively chaotic, and some lines may have one query item, some may have two, or even three, etc., resulting in a poor user experience.
[0050] In order to solve the above problem, the step 120 described in step 120, based on the attribute information of the conditional query area of the target page to be constructed and the character length of the name field of each monitoring item, determines the target monitoring item corresponding to each row of the sub-conditional query area in the conditional query area, which may specifically include:
[0051] Determine the number of rows of the sub-conditional query area in the conditional query area according to the first size information of the conditional query area of the target page to be constructed;
[0052] Determine a second number of monitoring items corresponding to each row of the sub-conditional query area according to the number of rows of the sub-conditional query area in the conditional query area and the first number of the plurality of monitoring items;
[0053] The target monitoring item corresponding to each row of the sub-condition query area is determined according to the second number of monitoring items corresponding to each row of the sub-condition query area and the character length of the name field of each monitoring item.
[0054] The first number may be the number of monitoring items in the target monitoring rule.
[0055] The second number may be the number of monitoring items corresponding to each row of the sub-condition query area.
[0056] It should be noted that the number of monitoring items corresponding to each row of sub-condition query areas is the same, which can avoid the problem that some sub-condition query areas have more monitoring items and some sub-condition query areas have fewer monitoring items, and avoid confusing page layout.
[0057] In some embodiments of the present application, the number of rows of sub-conditional query areas in the conditional query area can be determined based on the first size information of the conditional query area of the target page to be constructed. Specifically, the number of rows of sub-conditional query areas in the conditional query area can be determined based on the vertical size information L2 of the conditional query area of the target page, and then the second number of monitoring items corresponding to each row of sub-conditional query areas can be determined based on the number of rows of sub-conditional query areas in the conditional query area and the first number of multiple monitoring items. Then, the target monitoring items corresponding to each row of sub-conditional query areas can be determined based on the second number of monitoring items corresponding to each row of sub-conditional query areas and the character length of the name field of each monitoring item.
[0058] In an embodiment of the present application, the target monitoring items corresponding to each row of the sub-conditional query area are determined according to the first size information of the conditional query area of the target page to be constructed, the second number of multiple monitoring items and the character length of the name field of each monitoring item, and the number of monitoring items corresponding to each row of the sub-conditional query area is the same. In this way, the problem of some sub-conditional query areas having more monitoring items and some sub-conditional query areas having fewer monitoring items can be avoided, thereby avoiding confusing page layout.
[0059] In some embodiments of the present application, in order to accurately determine the number of rows of the sub-conditional query area in the conditional query area, the method of determining the number of rows of the sub-conditional query area in the conditional query area according to the first size information of the conditional query area of the target page to be constructed includes:
[0060] The number of rows of the sub-conditional query areas in the conditional query area is determined according to the first size information of the conditional query area of the target page to be constructed and the preset fourth size information of each sub-conditional query area.
[0061] Among them, the fourth size information may be pre-set size information of each sub-condition query area, and the fourth size information may be set according to user experience and is not limited in the embodiment of the present application.
[0062] It should be noted that the size information of each sub-condition query area can be the same or different. Whether the size information of each sub-condition query area is the same can be set according to user needs and is not limited in the embodiments of the present application.
[0063] In some embodiments of the present application, in order to ensure the aesthetics of the conditional query area and improve the user experience, the size information of each sub-conditional query area in the conditional query area in the embodiments of the present application is the same.
[0064] In an embodiment of the present application, the number of rows of the sub-conditional query areas in the conditional query area is determined based on the first size information of the conditional query area of the target page to be constructed and the fourth size information of each sub-conditional query area set in advance. In this way, the number of rows of the sub-conditional query areas in the conditional query area can be accurately determined. When determining the number of rows of the sub-conditional query areas in the conditional query area, it can be pre-set based on user experience, thereby improving the flexibility of determining the number of rows of the sub-conditional query areas in the conditional query area.
[0065] In some embodiments of the present application, in order to further improve the aesthetics of the conditional query area in the target page, determining the target monitoring item corresponding to each row of the sub-conditional query area according to the second number of monitoring items corresponding to each row of the sub-conditional query area and the character length of the name field of each monitoring item may specifically include:
[0066] According to the second number of monitoring items corresponding to each row of sub-condition query area and the character length of the name field of each monitoring item, the character length of the name field of the monitoring items in each row of sub-condition query area is configured to be equal to obtain the target monitoring items corresponding to each row of sub-condition query area.
[0067] In some embodiments of the present application, when determining the target monitoring items corresponding to each row of sub-condition query areas based on the second number of monitoring items corresponding to each row of sub-condition query areas and the character length of the name field of each monitoring item, the character length of the name field of the monitoring items in each row of sub-condition query areas can be configured to be equal, that is, the monitoring items with long name fields can be matched with the monitoring items with short name fields and configured in one row of sub-condition query areas. Because if the monitoring items with long name fields are all placed in the same row of sub-condition query areas, the number of monitoring items configured for the sub-condition query area will be small, so that the number of monitoring items configured for each row of sub-condition query areas is the same, avoiding the problem of a small number of monitoring items configured for a certain row of sub-condition query areas, and if the monitoring items with long name fields are arranged in a certain sub-condition query area, and the monitoring items with short name fields are arranged in another sub-condition query area, the name fields of the monitoring items in each sub-condition query area are not arranged neatly, so that the arrangement of the monitoring items in the condition query area is not beautiful, affecting the user experience.
[0068] In an embodiment of the present application, by configuring the character lengths of the name fields of the monitoring items in each row of the sub-condition query area to be equal according to the second number of monitoring items corresponding to each row of the sub-condition query area and the character length of the name field of each monitoring item, the target monitoring items corresponding to each row of the sub-condition query area are obtained. In this way, the number of monitoring items configured in each row of the sub-condition query area can be the same, avoiding the problem of having few monitoring items configured in a certain row of the sub-condition query area and improving the aesthetics of the arrangement of the monitoring items in the condition query area.
[0069] In some embodiments of the present application, in order to improve the flexibility of the layout of the monitoring items in each row of the sub-condition query area and the corresponding name fields in the sub-condition query area, the step 120 determines the layout of the monitoring items in each row of the sub-condition query area in the condition query area and the corresponding name fields in the sub-condition query area according to the attribute information of the condition query area of the target page to be constructed and the character length of the name field of each monitoring item, which may specifically include:
[0070] The following steps are performed for each row of sub-condition query areas in the condition query area to determine the layout of the monitoring items in each row of the sub-condition query area and their corresponding name fields in the sub-condition query area:
[0071] Calculate the sum of the character lengths of the name fields of the monitoring items in the sub-condition query area to obtain second size information;
[0072] Calculate the sum of the size information of the query input boxes of each monitoring item in the sub-condition query area to obtain the third size information;
[0073] The layout of the monitoring items in the sub-condition query area and the corresponding name fields in the sub-condition query area is determined according to the second size information, the third size information and the first size information.
[0074] For each row of the sub-condition query area, the corresponding second size information may be the sum of the character lengths of the name fields of the monitoring items in the sub-condition query area.
[0075] For each row of the sub-condition query area, the corresponding third size information may be the sum of the size information of the query input boxes of the monitoring items in the sub-condition query area.
[0076] In some embodiments of the present application, for each row of the sub-condition query area, the sum of the character lengths of the name fields of the monitoring items configured in the sub-condition query area of the row can be calculated to obtain the second size information, and the sum of the size information of the query input boxes of the monitoring items in the sub-condition query area of the row can be calculated to obtain the third size information, and then based on the second size information, the third size information and the first size information, the layout of the monitoring items in the sub-condition query area of the row and their corresponding name fields in the sub-condition query area is determined.
[0077] In an embodiment of the present application, for each row of sub-condition query area, the layout of the monitoring items in each row of sub-condition query area and their corresponding name fields in the sub-condition query area is determined according to the character length of the name field of each monitoring item configured in each row of sub-condition query area and the size information of the corresponding input box. This improves the flexibility of the layout of the monitoring items in each row of sub-condition query area and their corresponding name fields in the sub-condition query area, and achieves the accuracy of the layout of the monitoring items in each row of sub-condition query area and their corresponding name fields in the sub-condition query area.
[0078] In some embodiments of the present application, determining the layout of the monitoring items in the sub-condition query area and their corresponding name fields in the sub-condition query area according to the second size information, the third size information and the first size information may specifically include:
[0079] When it is determined that the sum of the second size information and the third size information is less than or equal to the first size information, the name field of the monitoring item in the sub-condition query area and the corresponding query input box are arranged side by side;
[0080] When it is determined that the sum of the second size information and the third size information is greater than the first size information, the name field of the monitoring item in the sub-condition query area and the corresponding query input box are arranged vertically.
[0081] In some embodiments of the present application, when it is determined that the sum of the second size information and the third size information is less than or equal to the first size information, the name field of the monitoring item in the sub-condition query area and its corresponding query input box can be set side by side.
[0082] Continue to refer Figure 2 ,by Figure 2 Taking the first row of the sub-conditional query area as an example, the sum of the character lengths of the name fields of the monitoring items name, gender and mobile phone number, and the sum of the size information of their query input boxes are smaller than the size information L1 of the conditional query area, so the name fields of name, gender and mobile phone number and the query input box can be set side by side.
[0083] In some embodiments of the present application, when it is determined that the sum of the second size information and the third size information is greater than the first size information, the name field of the monitoring item in the sub-condition query area and the corresponding query input box can be arranged vertically.
[0084] Continuing with the above example, Figure 2 Taking the first row of the sub-conditional query area in as an example, the sum of the character lengths of the name fields of the monitoring items name, gender and mobile phone number, and the sum of the size information of their query input boxes is greater than the size information L1 of the conditional query area, so the name fields of name, gender and mobile phone number and the query input boxes can be as follows Figure 3 The method shown is arranged side by side up and down.
[0085] In some embodiments of the present application, the layout of the name field of the monitoring item in the sub-condition query area and the corresponding query input box is determined by the relationship between the sum of the second size information and the third size information and the first size information, thereby improving the accuracy of the layout of the name field of the monitoring item in the sub-condition query area and the corresponding query input box.
[0086] Step 130: construct a query data display area in the target page to be constructed according to the layout of the monitoring items in each row of the sub-condition query area and the corresponding name fields in the sub-condition query area.
[0087] The query data display area may be an area for displaying data queried based on the query conditions input in the condition query area.
[0088] In some embodiments of the present application, a query data display area can be constructed in the target page to be constructed based on the layout of the monitoring items in each row of the sub-condition query area and their corresponding name fields in the sub-condition query area. Specifically, when the queried data is displayed in the query data display area, it may correspond to the display form of the monitoring items in the condition query area.
[0089] In one example, reference Figure 4 If the user enters the name of the object to be queried: Zhang San, gender: female, and on-the-job status: on-the-job in the query input boxes corresponding to the name, gender, and on-the-job status of the condition query area 41, and if the credit status of the object Zhang San is to be queried, the credit status of Zhang San will be displayed in the query data display area 42. The specific display format can be as follows: Figure 4 As shown, in addition to the query results, the query data display area 42 also displays the query conditions entered by the user in the condition query area 41 , and the display format of the query conditions is the same as that in the condition query area 41 .
[0090] Step 140: Generate a target page based on the condition query area and the query data display area.
[0091] In some embodiments of the present application, a target page may be generated based on the constructed conditional query area and query data display area.
[0092] In some embodiments of the present application, in the prior art, when querying data based on form conditions, if there are too many query conditions, the query form occupies a large page space, and the data queried from the background cannot be displayed much, resulting in a poor user experience.
[0093] In order to solve the above problem, after step 110, the above method may further include:
[0094] Determining at least one displayable monitoring item from a plurality of monitoring items;
[0095] After step 140, the above method may further include:
[0096] In a case where a plurality of monitoring items are displayed in a condition query area of a target page, receiving a first input of a user to a first control in the target page;
[0097] In response to the first input, displayable monitoring items are displayed in the conditional query area of the target page.
[0098] The displayable monitoring items may be monitoring items that can be displayed in the page to be constructed under a preset condition. Specifically, the preset condition may be that the user performs a first input on a first control in the target page.
[0099] The first control may be a control for updating all monitoring items displayed in the conditional query area of the target page to only display the displayable monitoring items, such as Figure 2 The "Collapse" control in 22.
[0100] The first input may be an input to the first control, and the first input is used to determine that all monitoring items displayed in the conditional query area of the target page are updated to only displayable monitoring items, and the first input may be a first operation. Exemplarily, the first input includes, but is not limited to: a touch input of the first control by a user through a touch device such as a finger or a stylus, or a voice command input by the user, or a specific gesture input by the user, or other feasible inputs, which may be determined according to actual use requirements, and are not limited in the embodiments of the present invention. The specific gesture in the embodiments of the present application may be any one of a single-click gesture, a sliding gesture, a dragging gesture, a pressure recognition gesture, a long press gesture, an area change gesture, a double-press gesture, and a double-click gesture; the click input in the embodiments of the present application may be a single-click input, a double-click input, or any number of click inputs, etc., and may also be a long press input or a short press input. For example, the first input may be: a click input of the first control by the user.
[0101] In some embodiments of the present application, displayable monitoring items can be determined from multiple monitoring items. Specifically, monitoring items in a certain row or several rows of sub-condition query areas can be selected as displayable monitoring items according to user needs. It is also possible to score multiple monitoring items in the target monitoring rule and select the top few monitoring items with high scores as displayable monitoring items. It is also possible to select several important monitoring items as displayable monitoring items based on the monitoring target corresponding to the target monitoring rule. For example, if the target monitoring rule is a monitoring rule for monitoring the credit status of the user, generally when monitoring the credit status of the user, it is important to monitor the overdue loan status and consumption status of the user, so the overdue loan status and consumption status can be used as displayable monitoring items.
[0102] In the case where multiple monitoring items are displayed in the conditional query area of the target page, the displayable monitoring items can be displayed in the conditional query area of the target page in response to the user's first input to the first control in the target page. That is, in the case where all monitoring items of the target monitoring rules are displayed in the conditional query area, if the user performs a first input to the first control in the target page, only the displayable monitoring items can be displayed in the conditional query area of the target page, and other monitoring items can be hidden.
[0103] Continue to refer Figure 2 ,by Figure 2 For example, if the user clicks Figure 2 By clicking the "Collapse" control 22 in the sub-condition query area, the monitoring items in the second row of the sub-condition query area can be hidden, and only the monitoring items in the first row of the sub-condition query area can be displayed, such as Figure 5 shown.
[0104] In an embodiment of the present application, at least one displayable monitoring item is determined from multiple monitoring items. When multiple monitoring items are displayed in the conditional query area of the target page, the displayable monitoring item can be displayed in the conditional query area of the target page in response to the user's first input to the first control in the target page. This reduces the display space of the conditional query area and allows more space to display data query results.
[0105] In some embodiments of the present application, after displaying the displayable monitoring items in the conditional query area of the target page in response to the first input, the above method may further include:
[0106] receiving a second input from the user to a second control in the target page;
[0107] In response to the second input, a plurality of monitoring items are displayed in the conditional query area of the target page.
[0108] The second control may be a control for updating only the displayable monitoring items displayed in the condition query area of the target page to all monitoring items in the target monitoring rule, such as Figure 2 The Expand control in 23.
[0109] The second input may be an input to the second control, and the second input is used to determine that only the displayable monitoring items displayed in the conditional query area of the target page are updated to all the monitoring items in the target monitoring rules, and the second input may be a second operation. Exemplarily, the second input includes, but is not limited to: a touch input of the second control by a user through a touch device such as a finger or a stylus, or a voice command input by the user, or a specific gesture input by the user, or other feasible inputs, which may be determined according to actual use requirements, and the embodiments of the present invention are not limited thereto. The specific gesture in the embodiments of the present application may be any one of a single-click gesture, a sliding gesture, a dragging gesture, a pressure recognition gesture, a long press gesture, an area change gesture, a double press gesture, and a double-click gesture; the click input in the embodiments of the present application may be a single-click input, a double-click input, or any number of click inputs, etc., and may also be a long press input or a short press input. For example, the second input may be: a click input of the second control by the user.
[0110] In some embodiments of the present application, when the conditional query area of the target page only displays displayable monitoring items, multiple monitoring items can be displayed in the conditional query area of the target page in response to the user's second input to the second control in the target page. That is, when the conditional query area only displays displayable monitoring items, if the user performs a second input to the second control in the target page, the previously hidden monitoring items can be displayed in the conditional query area of the target page, that is, all monitoring items of the target monitoring rules are displayed.
[0111] Continue to refer Figure 5 If the user clicks Figure 5 The "Expand" control 51 in the Figure 2 The monitoring items in the second row of sub-condition query area hidden in the display are displayed, that is, the following Figure 2 The situation shown.
[0112] In an embodiment of the present application, by responding to the user's second input to the second control in the target page, previously hidden monitoring items can be displayed in the conditional query area of the target page, thereby improving the display flexibility of the monitoring items in the conditional query area.
[0113] In some embodiments of the present application, after step 140, the above method may further include:
[0114] Receiving a third input from the user into a query input box corresponding to each monitoring item in the conditional query area;
[0115] In response to a third input, searching for a query result corresponding to the third input;
[0116] The query results are displayed in the query data display area.
[0117] Among them, the third input can be an input to the query input box corresponding to each monitoring item in the conditional query area, and the third input is used to search for the query results corresponding to the third input, and the third input can be a third operation. Exemplarily, the third input includes but is not limited to: the user touches the query input box corresponding to each monitoring item in the conditional query area through a touch device such as a finger or a stylus, or a voice command input by the user, or a specific gesture input by the user, or other feasible inputs, which can be determined according to actual use requirements, and the embodiment of the present invention is not limited. The specific gesture in the embodiment of the present application can be any one of a single-click gesture, a sliding gesture, a drag gesture, a pressure recognition gesture, a long press gesture, an area change gesture, a double-press gesture, and a double-click gesture; the click input in the embodiment of the present application can be a single-click input, a double-click input, or any number of click inputs, etc., and can also be a long press input or a short press input. For example, the third input can be: the user fills in the query input box corresponding to each monitoring item in the conditional query area.
[0118] In some embodiments of the present application, through the user's third input to the query input box corresponding to each monitoring item in the conditional query area, the query results corresponding to the third input can be searched in response to the third input and displayed in the query data display area.
[0119] In some embodiments of the present application, continue to refer to Figure 2 There may also be a "query" control 24 in the conditional query area. After the user enters the query conditions in the query input boxes corresponding to the monitoring items in the conditional query area, the user may click the "query" control 24, so that the query results corresponding to the third input may be searched out and displayed in the query data display area.
[0120] In an embodiment of the present application, through the user's third input to the query input box corresponding to each monitoring item in the conditional query area, the query results corresponding to the third input can be searched in response to the third input, and the query results can be displayed in the query data display area, so that the user can intuitively view the query results.
[0121] It should be noted that the page generation method provided in the embodiment of the present application can be executed by a page generation device, or a control module in the page generation device for executing the page generation method.
[0122] Based on the same inventive concept as the above-mentioned page generation method, the present application also provides a page generation device. Figure 6 The page generation device provided in the embodiment of the present application is described in detail.
[0123] Figure 6 The figure is a schematic diagram showing the structure of a page generating device according to an exemplary embodiment.
[0124] like Figure 6 As shown, the page generating device 600 may include:
[0125] A first acquisition module 610 is used to acquire a target monitoring rule, wherein the target monitoring rule includes a plurality of monitoring items;
[0126] The first determination module 620 is used to determine the target monitoring item corresponding to each row of sub-condition query areas in the condition query area, and the layout of the target monitoring items and their corresponding name fields in each row of sub-condition query areas in the sub-condition query area according to the attribute information of the condition query area of the target page to be constructed and the character length of the name field of each monitoring item, wherein the condition query area includes multiple rows of sub-condition query areas, and each row of sub-condition query areas includes a query input box corresponding to at least one monitoring item and its corresponding name field;
[0127] A construction module 630 is used to construct a query data display area in the target page to be constructed according to the layout of the target monitoring item in each row of the sub-condition query area and its corresponding name field in the sub-condition query area, wherein the query data display area is used to display the data queried based on the query condition input in the condition query area;
[0128] The generating module 640 is used to generate the target page according to the condition query area and the query data display area.
[0129] In an embodiment of the present application, by obtaining the target monitoring rules, and then according to the attribute information of the condition query area of the target page to be constructed and the character length of the name field of each monitoring item in the target monitoring rules, the target monitoring items corresponding to each row of the sub-condition query area in the condition query area, and the layout of the target monitoring items in each row of the sub-condition query area and the corresponding name fields in the sub-condition query area can be determined. According to the layout of the monitoring items in each row of the sub-condition query area and the corresponding name fields in the sub-condition query area, a query data display area is constructed in the target page to be constructed, and the target page is generated according to the condition query area and the query data display area. In this way, when constructing the front-end page, it is constructed according to the monitoring items in the specific target monitoring rules, and when constructing the front-end page, according to the attribute information of the condition query area and the character length of the name field of the monitoring item, the target monitoring items corresponding to each row of the sub-condition query area, and the layout of the target monitoring items in each row of the sub-condition query area and the corresponding name fields in the sub-condition query area can be determined. The front-end page constructed in this way is more flexible. The scheme of the embodiment of the present application can set different front-end pages for different monitoring requirements, thereby achieving flexibility in front-end page settings.
[0130] In some embodiments of the present application, the above-mentioned device may further include:
[0131] A second determination module, configured to determine a displayable monitoring item from the plurality of monitoring items after acquiring the target monitoring rule, wherein the displayable monitoring item is a monitoring item that can be displayed in the page to be constructed under a preset condition;
[0132] A first receiving module is used for receiving a first input of a user to a first control in the target page after the target page is generated according to the condition query area and the query data display area, when the plurality of monitoring items are displayed in the condition query area of the target page;
[0133] A first display module is configured to display the displayable monitoring items in the conditional query area of the target page in response to the first input.
[0134] In some embodiments of the present application, the above-mentioned device may further include:
[0135] A second receiving module, configured to receive a second input from a user to a second control in the target page after displaying the displayable monitoring item in the conditional query area of the target page in response to the first input;
[0136] A second display module is used to display the multiple monitoring items in the conditional query area of the target page in response to the second input.
[0137] In some embodiments of the present application, the attribute information of the conditional query area includes first size information of the conditional query area;
[0138] The first determining module 620 may specifically include:
[0139] A first determining unit, configured to determine the number of rows of the sub-conditional query area in the conditional query area according to first size information of the conditional query area of the target page to be constructed;
[0140] A second determining unit, configured to determine a second number of monitoring items corresponding to each row of the sub-conditional query area according to the number of rows of the sub-conditional query area in the conditional query area and the first number of the plurality of monitoring items, wherein the number of monitoring items corresponding to each row of the sub-conditional query area is the same;
[0141] The third determining unit is used to determine the target monitoring item corresponding to each row of the sub-condition query area according to the second number of monitoring items corresponding to each row of the sub-condition query area and the character length of the name field of each monitoring item.
[0142] In some embodiments of the present application, the first determining module 620 may further include:
[0143] The fourth determining unit is configured to perform the following steps for each row of sub-conditional query areas in the conditional query area to determine the layout of the monitoring items in each row of the sub-conditional query area and their corresponding name fields in the sub-conditional query area:
[0144] Calculating the sum of the character lengths of the name fields of the monitoring items in the sub-condition query area to obtain second size information;
[0145] Calculating the sum of the size information of the query input boxes of each monitoring item in the sub-condition query area to obtain third size information;
[0146] The layout of the monitoring items in the sub-condition query area and their corresponding name fields in the sub-condition query area is determined according to the second size information, the third size information and the first size information.
[0147] In some embodiments of the present application, determining the layout of the monitoring items in the sub-condition query area and their corresponding name fields in the sub-condition query area according to the second size information, the third size information and the first size information includes:
[0148] When it is determined that the sum of the second size information and the third size information is less than or equal to the first size information, the name field of the monitoring item in the sub-condition query area and the corresponding query input box are arranged side by side;
[0149] When it is determined that the sum of the second size information and the third size information is greater than the first size information, the name field of the monitoring item in the sub-condition query area and the corresponding query input box are arranged vertically.
[0150] In some embodiments of the present application, the above-mentioned device may further include:
[0151] A third receiving module is used to receive a third input of a user to a query input box corresponding to each monitoring item in the conditional query area after the target page is generated according to the conditional query area and the query data display area;
[0152] A search module, configured to search for a query result corresponding to the third input in response to the third input;
[0153] The third display module is used to display the query result in the query data display area.
[0154] The page generation device provided in the embodiment of the present application can be used to execute the page generation method provided in the above-mentioned method embodiments. Its implementation principle and technical effect are similar, and for the sake of brief introduction, they will not be repeated here.
[0155] Based on the same inventive concept, an embodiment of the present application also provides an electronic device.
[0156] Figure 7 Schematic diagram of the structure of an electronic device provided in an embodiment of the present application. Figure 7 As shown, the electronic device may include a processor 701 and a memory 702 storing computer programs or instructions.
[0157] Specifically, the processor 701 may include a central processing unit (CPU), or an application specific integrated circuit (ASIC), or may be configured to implement one or more integrated circuits of the embodiment of the present invention.
[0158] The memory 702 may include a large capacity memory for data or instructions. By way of example and not limitation, the memory 702 may include a hard disk drive (HDD), a floppy disk drive, a flash memory, an optical disk, a magneto-optical disk, a magnetic tape, or a universal serial bus (USB) drive or a combination of two or more of these. In appropriate cases, the memory 702 may include a removable or non-removable (or fixed) medium. In appropriate cases, the memory 702 may be inside or outside the integrated gateway disaster recovery device. In a specific embodiment, the memory 702 is a non-volatile solid-state memory. The memory may include a read-only memory (ROM), a random access memory (RAM), a disk storage medium device, an optical storage medium device, a flash memory device, an electrical, optical or other physical / tangible memory storage device. Therefore, typically, the memory includes one or more tangible (non-transitory) computer-readable storage media (e.g., memory devices) encoded with software including computer-executable instructions, and when the software is executed (e.g., by one or more processors), it is operable to perform the operations described in the page generation method provided in the above-mentioned embodiments.
[0159] The processor 701 implements any one of the page generation methods in the above embodiments by reading and executing computer program instructions stored in the memory 702 .
[0160] In one example, the electronic device may further include a communication interface 703 and a bus 710. Figure 7 As shown, the processor 701, the memory 702, and the communication interface 703 are connected via a bus 710 and communicate with each other.
[0161] The communication interface 703 is mainly used to implement the communication between the modules, devices, units and / or devices in the embodiment of the present invention.
[0162] Bus 710 includes hardware, software or both, and the parts of electronic equipment are coupled to each other. For example, but not limitation, bus may include accelerated graphics port (AGP) or other graphics bus, enhanced industrial standard architecture (EISA) bus, front side bus (FSB), hypertransport (HT) interconnection, industrial standard architecture (ISA) bus, infinite bandwidth interconnection, low pin count (LPC) bus, memory bus, micro channel architecture (MCA) bus, peripheral component interconnection (PCI) bus, PCI-Express (PCI-X) bus, serial advanced technology attachment (SATA) bus, video electronics standard association local (VLB) bus or other suitable bus or two or more of these combinations. In appropriate cases, bus 710 may include one or more buses. Although the embodiment of the present invention describes and shows a specific bus, the present invention considers any suitable bus or interconnection.
[0163] The electronic device can execute the page generation method in the embodiment of the present invention, thereby realizing Figure 1 Describes the page generation method.
[0164] In addition, in combination with the page generation method in the above embodiment, the embodiment of the present invention can provide a readable storage medium to implement. The readable storage medium stores program instructions, and when the program instructions are executed by a processor, any one of the page generation methods in the above embodiment is implemented.
[0165] In addition, in combination with the page generation method in the above embodiment, an embodiment of the present invention may provide a computer program product. When instructions in the computer program product are executed by a processor of an electronic device, the electronic device executes any one of the page generation methods in the above embodiment.
[0166] It should be clear that the present invention is not limited to the specific configuration and processing described above and shown in the figures. For the sake of simplicity, a detailed description of the known method is omitted here. In the above embodiments, several specific steps are described and shown as examples. However, the method process of the present invention is not limited to the specific steps described and shown, and those skilled in the art can make various changes, modifications and additions, or change the order between the steps after understanding the spirit of the present invention.
[0167] The functional blocks shown in the above-described block diagram can be implemented as hardware, software, firmware or a combination thereof. When implemented in hardware, it can be, for example, an electronic circuit, an application specific integrated circuit (ASIC), appropriate firmware, a plug-in, a function card, etc. When implemented in software, the elements of the present invention are programs or code segments that are used to perform the required tasks. The program or code segment can be stored in a machine-readable medium, or transmitted on a transmission medium or a communication link by a data signal carried in a carrier wave. "Machine-readable medium" can include any medium capable of storing or transmitting information. Examples of machine-readable media include electronic circuits, semiconductor memory devices, ROM, flash memory, erasable ROM (EROM), floppy disks, CD-ROMs, optical disks, hard disks, optical fiber media, radio frequency (RF) links, etc. The code segment can be downloaded via a computer network such as the Internet, an intranet, etc.
[0168] It should also be noted that the exemplary embodiments mentioned in the present invention describe some methods or systems based on a series of steps or devices. However, the present invention is not limited to the order of the above steps, that is, the steps can be performed in the order mentioned in the embodiments, or in a different order from the embodiments, or several steps can be performed simultaneously.
[0169] The above reference is according to the method of the embodiment of the present application, the flow chart of the device (system) and the computer program product and / or the block diagram described various aspects of the present application.It should be understood that each square box in the flow chart and / or the block diagram and the combination of each square box in the flow chart and / or the block diagram can be realized by computer program instructions.These computer program instructions can be provided to the processor of a general-purpose computer, a special-purpose computer or other programmable data processing device to produce a machine so that these instructions executed by the processor of the computer or other programmable data processing device enable the realization of the function / action specified in one or more square boxes of the flow chart and / or the block diagram.Such a processor can be but is not limited to a general-purpose processor, a special-purpose processor, a special application processor or a field programmable logic circuit.It can also be understood that each square box in the block diagram and / or the flow chart and the combination of the square boxes in the block diagram and / or the flow chart can also be realized by the dedicated hardware that performs the specified function or action, or can be realized by the combination of dedicated hardware and computer instructions.
[0170] The above is only a specific implementation of the present invention. Those skilled in the art can clearly understand that for the convenience and simplicity of description, the specific working process of the system, module and unit described above can refer to the corresponding process in the aforementioned method embodiment, and will not be repeated here. It should be understood that the protection scope of the present invention is not limited to this. Any technician familiar with the technical field can easily think of various equivalent modifications or replacements within the technical scope disclosed by the present invention, and these modifications or replacements should be covered within the protection scope of the present invention.
Claims
1. A page generation method, characterized in that: The method comprises: Acquire a target monitoring rule, wherein the target monitoring rule includes multiple monitoring items; According to the attribute information of the condition query area of the target page to be constructed and the character length of the name field of each monitoring item, determine the target monitoring item corresponding to each row of sub-condition query areas in the condition query area, and the layout of the target monitoring items in each row of sub-condition query areas and their corresponding name fields in the sub-condition query areas, wherein the condition query area includes multiple rows of sub-condition query areas, and each sub-condition query area includes at least one query input box corresponding to a monitoring item and its corresponding name field; According to the layout of the target monitoring item in each row of the sub-condition query area and its corresponding name field in the sub-condition query area, a query data display area is constructed in the target page to be constructed, wherein the query data display area is used to display the data queried based on the query condition entered in the condition query area; The target page is generated according to the condition query area and the query data display area.
2. The method according to claim 1, characterized in that After acquiring the target monitoring rule, the method further includes: Determine a displayable monitoring item from the multiple monitoring items, wherein the displayable monitoring item is a monitoring item that can be displayed in the page to be constructed under preset conditions; After generating the target page according to the condition query area and the query data display area, the method further includes: In a case where the condition query area of the target page displays the plurality of monitoring items, receiving a first input of a user to a first control in the target page; In response to the first input, the displayable monitoring items are displayed in the conditional query area of the target page.
3. The method according to claim 2, characterized in that After displaying the displayable monitoring items in the conditional query area of the target page in response to the first input, the method further includes: receiving a second input from a user to a second control in the target page; In response to the second input, the multiple monitoring items are displayed in the conditional query area of the target page.
4. The method according to claim 1, characterized in that The attribute information of the conditional query area includes first size information of the conditional query area; The step of determining the target monitoring item corresponding to each row of the sub-conditional query area in the conditional query area according to the attribute information of the conditional query area of the target page to be constructed and the character length of the name field of each monitoring item comprises: Determining the number of rows of the sub-conditional query area in the conditional query area according to the first size information of the conditional query area of the target page to be constructed; Determine a second number of monitoring items corresponding to each row of the sub-conditional query area according to the number of rows of the sub-conditional query area in the conditional query area and the first number of the plurality of monitoring items, wherein the number of monitoring items corresponding to each row of the sub-conditional query area is the same; The target monitoring item corresponding to each row of the sub-condition query area is determined according to the second number of monitoring items corresponding to each row of the sub-condition query area and the character length of the name field of each monitoring item.
5. The method according to claim 4, characterized in that According to the attribute information of the condition query area of the target page to be constructed and the character length of the name field of each monitoring item, determining the layout of the monitoring items in each row of the sub-condition query area in the condition query area and the corresponding name fields in the sub-condition query area, including: The following steps are performed for each row of sub-condition query areas in the condition query area to determine the layout of the monitoring items in each row of the sub-condition query area and their corresponding name fields in the sub-condition query area: Calculating the sum of the character lengths of the name fields of the monitoring items in the sub-condition query area to obtain second size information; Calculating the sum of the size information of the query input boxes of each monitoring item in the sub-condition query area to obtain third size information; The layout of the monitoring items in the sub-condition query area and their corresponding name fields in the sub-condition query area is determined according to the second size information, the third size information and the first size information.
6. The method according to claim 5, characterized in that The determining, according to the second size information, the third size information and the first size information, a layout of the monitoring items in the sub-condition query area and the name fields corresponding thereto in the sub-condition query area includes: When it is determined that the sum of the second size information and the third size information is less than or equal to the first size information, the name field of the monitoring item in the sub-condition query area and the corresponding query input box are arranged side by side; When it is determined that the sum of the second size information and the third size information is greater than the first size information, the name field of the monitoring item in the sub-condition query area and the corresponding query input box are arranged vertically.
7. The method according to claim 1, characterized in that After generating the target page according to the condition query area and the query data display area, the method further includes: receiving a third input from a user into a query input box corresponding to each monitoring item in the conditional query area; In response to the third input, searching for a query result corresponding to the third input; The query result is displayed in the query data display area.
8. A page generating device, characterized in that: The device comprises: A first acquisition module is used to acquire a target monitoring rule, wherein the target monitoring rule includes a plurality of monitoring items; A first determination module is used to determine the target monitoring item corresponding to each row of sub-condition query areas in the condition query area, and the layout of the target monitoring items and their corresponding name fields in each row of sub-condition query areas in the sub-condition query area according to the attribute information of the condition query area of the target page to be constructed and the character length of the name field of each monitoring item, wherein the condition query area includes multiple rows of sub-condition query areas, and each row of sub-condition query areas includes a query input box corresponding to at least one monitoring item and its corresponding name field; A construction module, used for constructing a query data display area in the target page to be constructed according to the layout of the target monitoring item in each row of the sub-condition query area and its corresponding name field in the sub-condition query area, wherein the query data display area is used to display the data queried based on the query condition input in the condition query area; A generating module is used to generate the target page according to the condition query area and the query data display area.
9. An electronic device, characterized in that: The method comprises a processor, a memory and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the page generation method as claimed in any one of claims 1 to 7.
10. A readable storage medium, characterized in that: The readable storage medium stores a program or instruction, and when the program or instruction is executed by a processor, the steps of the page generation method according to any one of claims 1 to 7 are implemented.
11. A computer program product, characterized in that When the instructions in the computer program product are executed by a processor of an electronic device, the electronic device executes the steps of the page generation method as described in any one of claims 1 to 7.