Data display method, device, storage medium and electronic device

Abstract

The application discloses a data display method, a storage medium and an electronic device, and relates to the technical field of smart home / smart home, and the data display method comprises the steps of: displaying a search input box on a client interface of a database; in response to a search request triggered by a target character input in the search input box, determining a first number of target rendering data matched with the target character from a plurality of to-be-rendered data; in the case that the first number is less than or equal to a preset threshold, rendering the first number of target rendering data and displaying the first number of target rendering data on the client interface; in the case that the first number is greater than the preset threshold, obtaining a rendering configuration parameter of the client interface; adjusting the first number of target rendering data to a second number of target rendering data by using the rendering configuration parameter; rendering the second number of target rendering data and displaying the second number of target rendering data on the client interface. The application solves the technical problem of low data display efficiency.

Description

Technical Field

[0001] This application relates to the field of computers, and more specifically, to a data display method, storage medium, and electronic device. Background Technology

[0002] For rendering large datasets, related technologies typically use component rendering, providing all available options before rendering to ensure accurate searching. However, with large datasets, component rendering can cause page lag, requiring re-rendering when lagging. In other words, these technologies suffer from low data display efficiency. Summary of the Invention

[0003] This application provides a data display method, apparatus, storage medium, and electronic device to at least solve the technical problem of low data display accuracy.

[0004] According to one aspect of the embodiments of this application, a data display method is provided, including:

[0005] A search input box is displayed on the database client interface, where the database contains multiple data sets to be rendered.

[0006] In response to a search request triggered by a target character entered in the search input box, a first number of target rendering data matching the target character are determined from the plurality of data to be rendered.

[0007] If the first quantity is less than or equal to a preset threshold, the first quantity of target rendering data is rendered and displayed on the client interface.

[0008] If the first quantity is greater than the preset threshold, obtain the rendering configuration parameters of the client interface; use the rendering configuration parameters to adjust the first quantity of target rendering data to a second quantity of target rendering data, wherein the second quantity is less than the first quantity; render the second quantity of target rendering data and display it on the client interface.

[0009] According to another aspect of the embodiments of this application, a data display device is also provided, comprising:

[0010] The first display unit is used to display a search input box on the client interface of the database, wherein the database stores multiple data to be rendered;

[0011] The first determining unit is configured to, in response to a search request triggered by a target character entered in the search input box, determine a first number of target rendering data that match the target character from the plurality of data to be rendered.

[0012] The first rendering unit is used to render the first quantity of target rendering data when the first quantity is less than or equal to a preset threshold, and to display it on the client interface.

[0013] The first adjustment unit is used to obtain the rendering configuration parameters of the client interface when the first quantity is greater than the preset threshold; adjust the first quantity of target rendering data to a second quantity of target rendering data using the rendering configuration parameters, wherein the second quantity is less than the first quantity; render the second quantity of target rendering data and display it on the client interface.

[0014] As an optional solution, the aforementioned first adjustment unit includes:

[0015] The first adjustment module is used to adjust the first quantity of target rendering data to the second quantity of target rendering data using the display configuration parameters and the rendering configuration parameters of the client interface, after obtaining the display configuration parameters of the client interface.

[0016] As an optional solution, the aforementioned first adjustment module includes:

[0017] The first acquisition submodule is used to acquire the first quantity threshold corresponding to the display upper limit indicated by the above display configuration parameters, and to acquire the second quantity threshold corresponding to the rendering upper limit indicated by the above rendering configuration parameters.

[0018] The second acquisition submodule is used to adjust the first quantity of target rendering data to a second quantity of target rendering data that is less than the first quantity threshold and less than the second quantity threshold.

[0019] As an optional solution, the above-mentioned device further includes:

[0020] The second determining unit is used to determine, in response to a first search request triggered by the first character entered in the search input box, a third number of target rendering data that matches the first character from the first number of target rendering data after the second number of target rendering data has been rendered and displayed on the client interface.

[0021] The second rendering unit is used to render the target rendering data of the third quantity when the third quantity is less than or equal to the preset threshold, and to display it on the client interface.

[0022] The second adjustment unit is used to obtain the rendering configuration parameters when the third quantity is greater than the preset threshold; adjust the third quantity of target rendering data to a fourth quantity of target rendering data using the rendering configuration parameters, wherein the fourth quantity is less than the third quantity; render the fourth quantity of target rendering data and display it on the client interface.

[0023] As an optional solution, the above-mentioned device further includes:

[0024] The first determining module is configured to, after rendering the second quantity of target rendering data and displaying it on the client interface, and in response to a second search request triggered by the second character entered in the search input box, determine a fifth quantity of target rendering data that matches the second character from the second quantity of target rendering data, wherein the second character includes the target character;

[0025] The first display module renders the target rendering data of the fifth quantity mentioned above and displays it on the client interface.

[0026] As an optional solution, the above-mentioned device also includes,

[0027] After adjusting the first quantity of target rendering data to the second quantity of target rendering data using the aforementioned rendering configuration parameters, the method further includes:

[0028] The first acquisition module is used to acquire the historical display information of the second quantity of target rendering data on the client interface.

[0029] The first sorting module is used to sort the target rendering data of the second quantity using the aforementioned historical display information to obtain display sorting information.

[0030] The first rendering module is used to render the second quantity of target rendering data and display it on the client interface, including: rendering the second quantity of target rendering data and displaying the rendered target rendering data on the client interface according to the display sorting information.

[0031] As an optional solution, the above-mentioned device further includes:

[0032] The second display module is used to render the second quantity of target rendering data and display it on multiple pages on the client interface, wherein the multiple pages are configured to scroll smoothly in response to movement operations.

[0033] According to another aspect of the embodiments of this application, a computer program product or computer program is provided, which includes computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the data display method described above.

[0034] According to another aspect of the embodiments of this application, an electronic device is also provided, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the above-described data display method through the computer program.

[0035] In this embodiment, a search input box is displayed on the client interface of a database, wherein the database stores multiple data to be rendered. In response to a search request triggered by a target character entered in the search input box, a first number of target rendering data matching the target character are determined from the multiple data to be rendered. If the first number is less than or equal to a preset threshold, the first number of target rendering data is rendered and displayed on the client interface. If the first number is greater than the preset threshold, rendering configuration parameters of the client interface are obtained. The first number of target rendering data is adjusted to a second number of target rendering data using the rendering configuration parameters, wherein the second number is less than the first number. The second number of target rendering data is rendered and displayed on the client interface. By partially rendering the large amount of data to be rendered according to the rendering configuration parameters after responding to a search request triggered by the search input box, the amount of data to be rendered is reduced, thereby improving the data display efficiency and solving the technical problem of low data display efficiency. Attached Figure Description

[0036] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this application and, together with the description, serve to explain the principles of this application.

[0037] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, for those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0038] Figure 1 This is a schematic diagram of the hardware environment for an interaction method of a smart device according to an embodiment of this application;

[0039] Figure 2 This is a flowchart illustrating an optional data display method according to an embodiment of this application;

[0040] Figure 3 This is a schematic diagram illustrating an example of another optional data display method according to an embodiment of this application;

[0041] Figure 4 This is a schematic diagram illustrating an example of another optional data display method according to an embodiment of this application;

[0042] Figure 5 This is a schematic diagram illustrating an example of another optional data display method according to an embodiment of this application;

[0043] Figure 6 This is a schematic diagram illustrating an example of another optional data display method according to an embodiment of this application;

[0044] Figure 7 This is a schematic diagram of an optional data display method apparatus according to an embodiment of this application;

[0045] Figure 8 This is a schematic diagram of the structure of an optional electronic device according to an embodiment of this application. Detailed Implementation

[0046] To enable those skilled in the art to better understand the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present application, and not all embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative effort should fall within the scope of protection of the present application.

[0047] It should be noted that the terms "first," "second," etc., in the specification, claims, and accompanying drawings of this application are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this application described herein can be implemented in orders other than those illustrated or described herein. Furthermore, the terms "comprising" and "having," and any variations thereof, are intended to cover non-exclusive inclusion; for example, a process, method, system, product, or apparatus that comprises a series of steps or units is not necessarily limited to those steps or units explicitly listed, but may include other steps or units not explicitly listed or inherent to such processes, methods, products, or apparatus.

[0048] According to one aspect of the embodiments of this application, an interaction method for smart home devices is provided. This interaction method for smart home devices is widely applicable to whole-house intelligent digital control application scenarios such as smart homes, smart home ecosystems, and intelligencehouse ecosystems. Optionally, in this embodiment, the above-mentioned interaction method for smart home devices can be applied to, for example... Figure 1 The hardware environment shown consists of terminal device 102 and server 104. For example... Figure 1 As shown, server 104 is connected to terminal device 102 via a network and can be used to provide services (such as application services) to the terminal or clients installed on the terminal. A database can be set up on the server or independently of the server to provide data storage services for server 104. Cloud computing and / or edge computing services can be configured on the server or independently of the server to provide data processing services for server 104.

[0049] The aforementioned network may include, but is not limited to, at least one of the following: wired network, wireless network. The aforementioned wired network may include, but is not limited to, at least one of the following: wide area network, metropolitan area network, local area network. The aforementioned wireless network may include, but is not limited to, at least one of the following: Wi-Fi (Wireless Fidelity), Bluetooth. The terminal device 102 may not be limited to PC, mobile phone, tablet computer, smart air conditioner, smart range hood, smart refrigerator, smart oven, smart stove, smart washing machine, smart water heater, smart washing equipment, smart dishwasher, smart projector, smart TV, smart clothes rack, smart curtains, smart audio-visual equipment, smart socket, smart speaker, smart speaker box, smart fresh air equipment, smart kitchen and bathroom equipment, smart bathroom equipment, smart robot vacuum cleaner, smart window cleaning robot, smart mopping robot, smart air purifier, smart steam oven, smart microwave oven, smart water heater, smart air purifier, smart water dispenser, smart door lock, etc.

[0050] Alternatively, as an alternative implementation method, such as Figure 2 As shown, the data display methods include:

[0051] S202, a search input box is displayed on the database client interface, where the database stores multiple data to be rendered;

[0052] S204, in response to a search request triggered by a target character entered in the search input box, determines a first number of target rendering data that match the target character from multiple data to be rendered;

[0053] S206, if the first quantity is less than or equal to a preset threshold, render the first quantity of target rendering data and display it on the client interface;

[0054] S208, if the first quantity is greater than a preset threshold, obtain the rendering configuration parameters of the client interface; use the rendering configuration parameters to adjust the first quantity of target rendering data to a second quantity of target rendering data, wherein the second quantity is less than the first quantity; render the second quantity of target rendering data and display it on the client interface.

[0055] Optionally, in this embodiment, the above data display method can be applied, but is not limited to, in big data rendering scenarios. When data developers configure jobs, drop-down options are provided for the configuration of database tables for selection. In the prior art, existing open-source components are usually used to search and screen the options for easy selection. However, in order to facilitate screening, existing components need to provide all available options before rendering to ensure accurate search. But when the amount of data is too large, the component rendering will lag, or even the page will freeze, requiring re-rendering and redrawing, resulting in low display efficiency.

[0056] This embodiment determines the amount of data before rendering and controls the target rendering data to a certain amount based on the rendering configuration parameters, thereby ensuring that the page display will not lag, reducing the amount of rendering data, improving rendering efficiency, and enhancing display efficiency.

[0057] Optionally, in this embodiment, steps S202-S204 can be understood, but are not limited to, as follows: when a search request instruction is detected in the search input box of the client interface, the target rendering data that matches the target character in the search input box is determined. The target character can be understood, but is not limited to, the key character entered by the user in the input box. The target character can also be 0 characters, that is, when the user has not yet entered the target character in the input box, all the data in the database is obtained as the target rendering data. At this time, the amount of target rendering data that matches the target character is the first quantity.

[0058] Optionally, in this embodiment, steps S206-S208 can be understood, but not limited to, as follows: before formally rendering the target rendering data, it is necessary to first determine the amount of target rendering data. If the amount of target rendering data is less than or equal to a preset threshold, it is determined that rendering the current amount of data will not cause lag, so all of the current first quantity of target rendering data is directly rendered and displayed on the client interface. If the amount of target rendering data is greater than the preset threshold, it is initially determined that rendering and displaying all of the current target rendering data on the interface may cause lag, so the rendering configuration parameters corresponding to the client interface are further obtained, and a second quantity that will not cause lag is determined based on the rendering configuration parameters. The first quantity of target rendering data is then adjusted to the second quantity of target rendering data. The rendering configuration parameters may include, but are not limited to, rendering size, rendering chart ratio, etc., which are not subject to additional limitations.

[0059] Optionally, in this embodiment, after a search request is detected in the search input box of the client interface, and before the developer enters the target character in the data box, a portion of the target rendering data can be randomly selected from all the data to be rendered and displayed on the client interface first. This avoids the problem of poor initial display efficiency caused by slow initial loading time for users and improves the display efficiency when the data is initially loaded.

[0060] It should be noted that existing data display methods typically utilize component rendering to display all the data to be rendered on the client interface. When the data volume is large, this can easily lead to page lag. This embodiment takes into account that before the data is officially rendered on the client interface, the data volume of the target data to be rendered is pre-determined. If the data volume of the target data exceeds a preset threshold, a second quantity that will not cause lag is further accurately obtained based on the rendering configuration parameters, and the second quantity of target rendering data is then rendered. This improves the data display efficiency and avoids lag problems when the data volume is large.

[0061] To illustrate further, for example... Figure 3 As shown, a search input box 302 is displayed on the client interface. A search request is triggered in response to the target character 304 entered in the search input box 302. A first number of target rendering data 306 that match the target character 304 is determined from multiple data to be rendered. If the first number is greater than a preset threshold, the rendering configuration parameters of the client interface are obtained. The first number of target rendering data 306 is adjusted to a second number of target rendering data 308 using the rendering configuration parameters and then displayed on the client.

[0062] Optionally, in this embodiment, the target rendering data can be controlled to scroll within a second quantity within a preset time period, for example, such as... Figure 4 As shown in (a), the preset time is 10 seconds. When the user enters the search interface of the client interface 402, it is determined whether the first quantity 404 of the data to be rendered exceeds the preset quantity threshold. If the first quantity exceeds the preset threshold, the rendering configuration parameters are obtained, the quantity value of the second quantity 406 is determined, and the target rendering data of the second quantity is randomly selected from the data to be rendered and displayed on the client interface 402. If it is detected that the developer stays on the page for more than 10 seconds, for example... Figure 4 As shown in (b), and if the target character in the input box does not increase or change, then a second number of 406 targets are randomly selected again to render and display the data on the client interface. This combines the changes over time to scroll and display some data, thus improving the data display efficiency.

[0063] The embodiments provided in this application display a search input box on a database client interface, wherein the database stores multiple data to be rendered; in response to a search request triggered by a target character entered in the search input box, a first number of target rendering data matching the target character are determined from the multiple data to be rendered; if the first number is less than or equal to a preset threshold, the first number of target rendering data is rendered and displayed on the client interface; if the first number is greater than the preset threshold, rendering configuration parameters of the client interface are obtained; the first number of target rendering data is adjusted to a second number of target rendering data using the rendering configuration parameters, wherein the second number is less than the first number; the second number of target rendering data is rendered and displayed on the client interface. By using the technical means of partially rendering the large amount of data to be rendered according to the rendering configuration parameters after responding to a search request triggered by the search input box, the amount of data to be rendered is reduced, thereby achieving the technical effect of improving data display efficiency.

[0064] As an optional solution, the feature is that adjusting the first quantity of target rendering data to a second quantity of target rendering data using rendering configuration parameters includes:

[0065] Once the display configuration parameters of the client interface are obtained, the first quantity of target rendering data is adjusted to the second quantity of target rendering data using the display configuration parameters and the rendering configuration parameters.

[0066] Optionally, in this embodiment, the rendering configuration parameters can be understood as parameters determined by the server, such as server performance parameters, server rendering speed, server response time, etc.; the display configuration parameters can be understood as parameters determined by the client, such as the area of ​​the page drop-down box, page display resolution, etc., without further limitations.

[0067] It should be noted that, in response to the lag issues that are prone to occur, this embodiment determines the amount of target rendering data to be rendered and displayed from two aspects: rendering configuration parameters determined by the server and display configuration parameters determined by the client, thereby improving the comprehensiveness of the data display.

[0068] Through the embodiments provided in this application, when the display configuration parameters of the client interface are obtained, the first number of target rendering data is adjusted to the second number of target rendering data using the display configuration parameters and the rendering configuration parameters, thereby achieving the purpose of determining the target rendering data to be displayed from both the server and client dimensions, and thus realizing the technical effect of improving the comprehensiveness of data display.

[0069] As an optional solution, the first quantity of target rendering data is adjusted to the second quantity of target rendering data using display configuration parameters and rendering configuration parameters, including:

[0070] S1, obtain the first quantity threshold corresponding to the display limit indicated by the display configuration parameters, and obtain the second quantity threshold corresponding to the rendering limit indicated by the rendering configuration parameters;

[0071] S2, adjust the first quantity of target rendering data to a second quantity of target rendering data that is less than the first quantity threshold and less than the second quantity threshold.

[0072] Optionally, in this embodiment, the rendering configuration parameters determined by the server and the display configuration parameters determined by the client can be obtained simultaneously, but not limited to: first obtaining the rendering configuration parameters determined by the server, determining the amount of target rendering data to be displayed based on the rendering configuration parameters, and then obtaining the display configuration parameters determined by the client to further determine the amount of target rendering data to be displayed, thereby ensuring that the final amount of rendered data is less than the second quantity threshold corresponding to the rendering upper limit and the first quantity threshold corresponding to the display upper limit.

[0073] To further illustrate, the process involves obtaining target rendering data that matches the target character. It is determined that the first quantity of target rendering data (10,000 records) exceeds a preset threshold of 1,000 records. Since the first quantity of 10,000 records is likely to cause lag, rendering configuration parameters are obtained from the server. Based on server performance and response time parameters, it is determined that rendering 800 records will not cause significant response time delays; therefore, the second quantity threshold corresponding to the rendering limit is 800 records. Next, display configuration parameters are obtained from the client. Based on the area of ​​the client's page dropdown menu, it is determined that displaying 700 records will not cause page lag; therefore, the first quantity corresponding to the display limit is 700 records. Finally, based on the first and second quantity thresholds, it is determined that a maximum of 700 records of target rendering data will not cause page lag.

[0074] Through the embodiments provided in this application, a first quantity threshold corresponding to the display upper limit indicated by the display configuration parameters and a second quantity threshold corresponding to the rendering upper limit indicated by the rendering configuration parameters are obtained; the first quantity of target rendering data is adjusted to a second quantity of target rendering data that is less than the first quantity threshold and less than the second quantity threshold, thereby achieving the technical objective of comprehensively determining the upper limit of the target rendering data based on the server and the client, and thoroughly realizing the technical effect of improving the speed of data rendering.

[0075] As an optional approach, after rendering the second amount of target rendering data and displaying it on the client interface, the method further includes:

[0076] S1, in response to a first search request triggered by the first character entered in the search input box, determines a third number of target rendering data that match the first character from a first number of target rendering data;

[0077] S2, if the third quantity is less than or equal to a preset threshold, render the target rendering data of the third quantity and display it on the client interface;

[0078] S3, if the third quantity is greater than the preset threshold, obtain the rendering configuration parameters; use the rendering configuration parameters to adjust the target rendering data of the third quantity to the target rendering data of the fourth quantity, wherein the fourth quantity is less than the third quantity; render the target rendering data of the fourth quantity and display it on the client interface.

[0079] Optionally, in this embodiment, it can be understood, but is not limited to, that after rendering the second amount of target rendering data and displaying it on the client, a third amount of target rendering data is determined based on the first search request triggered by the input first character, and then it is determined whether the third amount of target rendering data is greater than a preset threshold. If it is still greater than the preset threshold, then the third amount of target rendering data needs to be adjusted to a fourth amount of target rendering data again using the rendering configuration parameters, and the fourth amount of target rendering data is rendered and displayed on the client interface.

[0080] Through the embodiments provided in this application, in response to a first search request triggered by a first character entered in a search input box, a third number of target rendering data matching the first character are determined from a first number of target rendering data; if the third number is less than or equal to a preset threshold, the third number of target rendering data is rendered and displayed on the client interface; if the third number is greater than the preset threshold, rendering configuration parameters are obtained; the third number of target rendering data is adjusted to a fourth number of target rendering data using the rendering configuration parameters, wherein the fourth number is less than the third number; the fourth number of target rendering data is rendered and displayed on the client interface, thereby achieving the technical effect of improving data display efficiency.

[0081] As an optional approach, after rendering the second amount of target rendering data and displaying it on the client interface, the method further includes:

[0082] S1, in response to a second search request triggered by the second character entered in the search input box, determines a fifth number of target rendering data that match the second character from the second number of target rendering data, wherein the second character includes the target character;

[0083] S2 renders the fifth quantity of target rendering data and displays it on the client interface.

[0084] Optionally, in this embodiment, it can be understood, but is not limited to, detecting a second search request triggered in the input box, determining a matching fifth quantity from the second quantity of target rendering data, thereby completing secondary filtering based on continuous character input, and finally rendering the second quantity of target rendering data and displaying it on the client interface.

[0085] It should be noted that, considering that multiple inputs of target characters can be made in the search box, this embodiment performs a second filtering based on the target character from the second number of target rendering data that has already been filtered once, and then renders and displays the fifth number of target rendering data after the second filtering, thereby achieving the beneficial effect of improving the efficiency and accuracy of data display.

[0086] Through the embodiments of this application, in response to a second search request triggered by a second character entered in the search input box, a fifth number of target rendering data matching the second character are determined from a second number of target rendering data, wherein the second character includes target characters; the fifth number of target rendering data are rendered and displayed on the client interface, thereby achieving the purpose of secondary data filtering to improve the accuracy of data display while ensuring that the amount of data does not cause lag, and realizing the beneficial effect of improving data display efficiency.

[0087] As an optional solution, it is characterized by,

[0088] S1, after adjusting the first quantity of target rendering data to the second quantity of target rendering data using rendering configuration parameters, the method further includes:

[0089] S2, obtain the historical display information of the second quantity of target rendering data on the client interface;

[0090] S3, use historical display information to sort the second quantity of target rendering data to obtain display sorting information;

[0091] Render the second quantity of target rendering data and display it on the client interface, including: rendering the second quantity of target rendering data and displaying the rendered target rendering data on the client interface according to the display sorting information.

[0092] Optionally, in this embodiment, the historical display information may be, but is not limited to, the number of times it has been adopted in history, the number of times it has been searched in history, etc., and the sorting information may be, but is not limited to, being displayed on the client interface in a certain order.

[0093] Optionally, in this embodiment, it can be understood, but is not limited to, that when the target rendering data volume is greater than a preset threshold, a second quantity is determined according to the rendering configuration parameters, and the target rendering data is sorted according to historical display information to obtain display sorting information. Finally, the rendered target rendering data is displayed according to the display sorting information.

[0094] It should be noted that by sorting the second quantity of target rendering data according to historical display information, the goal of prioritizing the display of frequently used configuration options is achieved, which can improve the user's configuration efficiency.

[0095] To illustrate further, for example... Figure 5As shown, a search input box 502 is displayed on the client's display interface. Developers input target characters, and the first number of target rendering data 504 corresponding to 10,000 target characters is determined from multiple data to be rendered. Based on the rendering configuration parameters, the second number of target rendering data 506 corresponding to 1,000 is determined. The ten data with the most historical adoptions among the 1,000 target rendering data are obtained, namely the historical priority data 508, and are preferentially rendered and displayed in the drop-down box corresponding to the search box on the client interface.

[0096] Through the embodiments of this application, historical display information of a second quantity of target rendering data on a client interface is obtained; the historical display information is used to sort the second quantity of target rendering data to obtain display sorting information; the second quantity of target rendering data is rendered and displayed on the client interface, including: rendering the second quantity of target rendering data and displaying the rendered target rendering data on the client interface according to the display sorting information, thereby achieving the technical objective of sorting the data to be rendered by adopting historical data and realizing the technical effect of improving the display efficiency of data.

[0097] As an optional approach, the second quantity of target rendering data is rendered and displayed on the client interface, including:

[0098] The second amount of target rendering data is rendered and displayed on multiple pages on the client interface, where multiple pages are set to scroll smoothly in response to movement operations.

[0099] Optionally, in this embodiment, when the amount of data is large, the second quantity of target rendering data can be rendered and displayed on multiple pages. Users can use smooth scrolling to turn pages and configure tasks. A scrolling progress bar can be set, which improves the diversity of display methods.

[0100] Through the embodiments of this application, a second quantity of target rendering data is rendered and displayed on multiple pages on the client interface. The multiple pages are set to scroll smoothly in response to mobile operations, thereby achieving the purpose of displaying the data to be rendered through multiple pages and realizing the technical effect of diverse data display methods.

[0101] To facilitate understanding, the data display methods will be applied to specific data display scenarios:

[0102] For example Figure 6As shown, in step S602, obtain the option data; in step S604, determine whether the data volume exceeds 10,000 records. If the data volume does not exceed 10,000 records, proceed to step S606 to perform normal rendering; if the data volume exceeds 10,000 records, proceed to step S608. During the initial display, only 1,000 data records are rendered, and the filter input box is monitored. In the event handling function, if the input changes, the data to be rendered is filtered according to the input keywords before rendering and displaying it on the client.

[0103] Through the embodiments of this application, the filter box is improved and optimized. Before rendering, the amount of data is judged. For example, if it exceeds 10,000, which has affected the rendering efficiency, only 1,000 data can be rendered. Then, the input event of the search box is monitored. In the event handling function, if the input changes, the data to be rendered is filtered according to the input keywords to prevent the results from still being too many. It can also control the number of rendered data to within 1,000, guide the user to input more filtering information, and match more accurate results. Thus, the rendering data is not large and there will be no lag or freezing.

[0104] It is understood that in the specific embodiments of this application, data such as user information are involved. When the above embodiments of this application are applied to specific products or technologies, user permission or consent is required, and the collection, use and processing of related data must comply with the relevant laws, regulations and standards of the relevant countries and regions.

[0105] It should be noted that, for the sake of simplicity, the foregoing method embodiments are all described as a series of actions. However, those skilled in the art should understand that this application is not limited to the described order of actions, as some steps may be performed in other orders or simultaneously according to this application. Furthermore, those skilled in the art should also understand that the embodiments described in the specification are preferred embodiments, and the actions and modules involved are not necessarily essential to this application.

[0106] According to another aspect of the embodiments of this application, a data display apparatus for implementing the above-described data display method is also provided. For example... Figure 7 As shown, the device includes:

[0107] The first display unit 702 is used to display a search input box on the client interface of the database, wherein the database stores multiple data to be rendered;

[0108] The first determining unit 704 is used to determine a first number of target rendering data that match the target character from a plurality of data to be rendered in response to a search request triggered by the target character entered in the search input box.

[0109] The first rendering unit 706 is used to render the first quantity of target rendering data when the first quantity is less than or equal to a preset threshold, and to display it on the client interface.

[0110] The first adjustment unit 708 is used to obtain the rendering configuration parameters of the client interface when the first quantity is greater than a preset threshold; adjust the first quantity of target rendering data to a second quantity of target rendering data using the rendering configuration parameters, wherein the second quantity is less than the first quantity; render the second quantity of target rendering data and display it on the client interface.

[0111] For specific embodiments, please refer to the example shown in the above data display device; further details will not be repeated here.

[0112] As an optional solution, the first adjustment unit 708 includes:

[0113] The first adjustment module is used to adjust the first quantity of target rendering data to the second quantity of target rendering data by using the display configuration parameters and rendering configuration parameters of the client interface.

[0114] For specific embodiments, please refer to the example shown in the above data display device; further details will not be repeated here.

[0115] As an optional solution, the first adjustment module includes:

[0116] The first acquisition submodule is used to acquire the first quantity threshold corresponding to the display limit indicated by the display configuration parameters, and to acquire the second quantity threshold corresponding to the rendering limit indicated by the rendering configuration parameters.

[0117] The second acquisition submodule is used to adjust the first quantity of target rendering data to a second quantity of target rendering data that is less than the first quantity threshold and less than the second quantity threshold.

[0118] For specific embodiments, please refer to the example shown in the above data display device; further details will not be repeated here.

[0119] As an optional solution, the device also includes:

[0120] The second determining unit is used to, after rendering the second quantity of target rendering data and displaying it on the client interface, in response to a first search request triggered by the first character entered in the search input box, determine a third quantity of target rendering data that matches the first character from the first quantity of target rendering data.

[0121] The second rendering unit is used to render the target rendering data of the third quantity when the third quantity is less than or equal to a preset threshold, and to display it on the client interface.

[0122] The second adjustment unit is used to obtain rendering configuration parameters when the third quantity is greater than a preset threshold; adjust the target rendering data of the third quantity to the target rendering data of the fourth quantity using the rendering configuration parameters, wherein the fourth quantity is less than the third quantity; render the target rendering data of the fourth quantity and display it on the client interface.

[0123] For specific embodiments, please refer to the example shown in the above data display device; further details will not be repeated here.

[0124] As an optional solution, the device also includes:

[0125] The first determining module is used to, after rendering and displaying the second quantity of target rendering data on the client interface, and in response to a second search request triggered by the second character entered in the search input box, determine a fifth quantity of target rendering data that matches the second character from the second quantity of target rendering data, wherein the second character includes the target character;

[0126] The first display module renders the target rendering data of the fifth quantity and displays it on the client interface.

[0127] For specific embodiments, please refer to the example shown in the above data display device; further details will not be repeated here.

[0128] As an optional solution, the device also includes,

[0129] After adjusting the first quantity of target rendering data to the second quantity of target rendering data using rendering configuration parameters, the method also includes:

[0130] The first acquisition module is used to acquire the historical display information of the second quantity of target rendering data on the client interface;

[0131] The first sorting module is used to sort the second quantity of target rendering data using historical display information to obtain display sorting information;

[0132] The first rendering module is used to render the second quantity of target rendering data and display it on the client interface, including: rendering the second quantity of target rendering data and displaying the rendered target rendering data on the client interface according to the display sorting information.

[0133] For specific embodiments, please refer to the example shown in the above data display device; further details will not be repeated here.

[0134] As an optional solution, the device also includes:

[0135] The second display module is used to render the second amount of target rendering data and display it on multiple pages on the client interface, wherein the multiple pages are set to scroll smoothly in response to movement operations.

[0136] For specific embodiments, please refer to the example shown in the above data display device; further details will not be repeated here.

[0137] According to another aspect of the embodiments of this application, an electronic device for implementing the above-described data display method is also provided, such as... Figure 8 As shown, the electronic device includes a memory 802 and a processor 804. The memory 802 stores a computer program, and the processor 804 is configured to execute the steps in any of the above method embodiments via the computer program.

[0138] Optionally, in this embodiment, the aforementioned electronic device may be located in at least one of a plurality of network devices in a computer network.

[0139] Optionally, in this embodiment, the processor can be configured to perform the following steps via a computer program:

[0140] S1, Display a search input box on the database client interface, where the database stores multiple data to be rendered;

[0141] S2, in response to a search request triggered by a target character entered in the search input box, determines a first number of target rendering data that match the target character from multiple data to be rendered;

[0142] S3, if the first quantity is less than or equal to a preset threshold, render the first quantity of target rendering data and display it on the client interface;

[0143] S4, if the first quantity is greater than a preset threshold, obtain the rendering configuration parameters of the client interface; use the rendering configuration parameters to adjust the first quantity of target rendering data to a second quantity of target rendering data, wherein the second quantity is less than the first quantity; render the second quantity of target rendering data and display it on the client interface.

[0144] Alternatively, as those skilled in the art will understand, Figure 8The structure shown is for illustrative purposes only. Electronic devices can also be smartphones (such as Android phones, iOS phones, etc.), tablets, PDAs, mobile internet devices (MIDs), PADs, and other terminal devices. Figure 8 This does not limit the structure of the aforementioned electronic devices. For example, the electronic device may also include components that are more... Figure 8 The more or fewer components shown (such as network interfaces, etc.), or having the same Figure 8 The different configurations shown.

[0145] The memory 802 can be used to store software programs and modules, such as the program instructions / modules corresponding to the data display method and apparatus in this embodiment. The processor 804 executes various functional applications and data processing by running the software programs and modules stored in the memory 802, thereby realizing the aforementioned data display method. The memory 802 may include high-speed random access memory, and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some instances, the memory 802 may further include memory remotely located relative to the processor 804, and these remote memories can be connected to the terminal via a network. Examples of such networks include, but are not limited to, the Internet, corporate intranets, local area networks, mobile communication networks, and combinations thereof. Specifically, the memory 802 may be used, but is not limited to, to store information such as a first quantity of target rendering data and a second quantity of target rendering data. As an example, such as... Figure 8 As shown, the memory 802 may include, but is not limited to, the first display unit 702, the first determination unit 704, the first rendering unit 706, and the first adjustment unit 708 of the aforementioned data display device. Furthermore, it may include, but is not limited to, other module units of the aforementioned data display device, which will not be elaborated upon in this example.

[0146] Optionally, the transmission device 806 described above is used to receive or send data via a network. Specific examples of the network described above may include wired networks and wireless networks. In one example, the transmission device 806 includes a Network Interface Controller (NIC), which can be connected to other network devices and a router via a network cable to communicate with the Internet or a local area network. In another example, the transmission device 806 is a Radio Frequency (RF) module, used for wireless communication with the Internet.

[0147] In addition, the aforementioned electronic device also includes: a display 808 for displaying information such as the first quantity of target rendering data and the second quantity of target rendering data; and a connection bus 810 for connecting the various module components in the aforementioned electronic device.

[0148] In other embodiments, the aforementioned terminal device or server can be a node in a distributed system, wherein the distributed system can be a blockchain system, which is a distributed system formed by connecting multiple nodes through network communication. The nodes can form a peer-to-peer (P2P) network, and any form of computing device, such as a server, terminal, or other electronic device, can become a node in the blockchain system by joining this peer-to-peer network.

[0149] According to one aspect of this application, a computer program product is provided, comprising a computer program / instructions containing program code for performing the methods shown in the flowchart. In such embodiments, the computer program can be downloaded and installed from a network via a communication component, and / or installed from a removable medium. When the computer program is executed by a central processing unit, it performs various functions provided in embodiments of this application.

[0150] The sequence numbers of the embodiments in this application are for descriptive purposes only and do not represent the superiority or inferiority of the embodiments.

[0151] It should be noted that the computer system of the electronic device is merely an example and should not impose any limitations on the functionality and scope of use of the embodiments of this application.

[0152] A computer system includes a Central Processing Unit (CPU), which performs various appropriate actions and processes based on programs stored in Read-Only Memory (ROM) or loaded from RAM. ROM also stores various programs and data required for system operation. The CPU, ROM, and RAM are interconnected via a bus. Input / output interfaces (I / O interfaces) are also connected to the bus.

[0153] The following components are connected to the input / output interface: input sections including keyboards, mice, etc.; output sections including cathode ray tubes (CRTs), liquid crystal displays (LCDs), and speakers; storage sections including hard drives; and communication sections including network interface cards such as LAN cards and modems. The communication section performs communication processing via a network such as the Internet. Drives are also connected to the input / output interface as needed. Removable media, such as disks, optical discs, magneto-optical discs, semiconductor memories, etc., are installed on the drive as needed so that computer programs read from them can be installed into the storage section as required.

[0154] Specifically, according to embodiments of this application, the processes described in the various method flowcharts can be implemented as computer software programs. For example, embodiments of this application include a computer program product comprising a computer program carried on a computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via a communication component, and / or installed from a removable medium. When the computer program is executed by a central processing unit, it performs various functions defined in the system of this application.

[0155] According to one aspect of this application, a computer-readable storage medium is provided, wherein a processor of a computer device reads computer instructions from the computer-readable storage medium, and executes the computer instructions, causing the computer device to perform the methods provided in the various alternative implementations described above.

[0156] Optionally, in this embodiment, the computer-readable storage medium described above may be configured to store a computer program for performing the following steps:

[0157] S1, Display a search input box on the database client interface, where the database stores multiple data to be rendered;

[0158] S2, in response to a search request triggered by a target character entered in the search input box, determines a first number of target rendering data that match the target character from multiple data to be rendered;

[0159] S3, if the first quantity is less than or equal to a preset threshold, render the first quantity of target rendering data and display it on the client interface;

[0160] S4, if the first quantity is greater than a preset threshold, obtain the rendering configuration parameters of the client interface; use the rendering configuration parameters to adjust the first quantity of target rendering data to a second quantity of target rendering data, wherein the second quantity is less than the first quantity; render the second quantity of target rendering data and display it on the client interface.

[0161] Optionally, in this embodiment, those skilled in the art will understand that all or part of the steps in the various methods of the above embodiments can be implemented by a program instructing the hardware related to the terminal device. The program can be stored in a computer-readable storage medium, which may include: flash drive, read-only memory (ROM), random access memory (RAM), disk or optical disk, etc.

[0162] The sequence numbers of the embodiments in this application are for descriptive purposes only and do not represent the superiority or inferiority of the embodiments.

[0163] If the integrated units in the above embodiments are implemented as software functional units and sold or used as independent products, they can be stored in the aforementioned computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or all or part of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause one or more computer devices (which may be personal computers, servers, or network devices, etc.) to execute all or part of the steps of the methods of the various embodiments of this application.

[0164] In the above embodiments of this application, the descriptions of each embodiment have different focuses. For parts not described in detail in a certain embodiment, please refer to the relevant descriptions of other embodiments.

[0165] In the several embodiments provided in this application, it should be understood that the disclosed client can be implemented in other ways. The device embodiments described above are merely illustrative; for example, the division of units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces, or the indirect coupling or communication connection of units or modules may be electrical or other forms.

[0166] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0167] Furthermore, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit.

[0168] The above are merely preferred embodiments of this application. It should be noted that those skilled in the art can make various improvements and modifications without departing from the principles of this application, and these improvements and modifications should also be considered within the scope of protection of this application.

Claims

1. A data display method, characterized in that, include: A search input box is displayed on the database client interface, wherein the database stores multiple data to be rendered; In response to a search request triggered by a target character entered in the search input box, a first number of target rendering data that match the target character are determined from the plurality of data to be rendered; If the first quantity is less than or equal to a preset threshold, the first quantity of target rendering data is rendered and displayed on the client interface; If the first quantity is greater than the preset threshold, obtain the rendering configuration parameters of the client interface; When the display configuration parameters of the client interface are obtained, the first quantity threshold corresponding to the display limit indicated by the display configuration parameters and the second quantity threshold corresponding to the rendering limit indicated by the rendering configuration parameters are obtained. The rendering configuration parameters are server-side performance, rendering speed, and response time parameters, and the display configuration parameters are the area of ​​the page drop-down box and the display resolution parameters. The first quantity of target rendering data is adjusted to a second quantity of target rendering data that is simultaneously less than the first quantity threshold and less than the second quantity threshold, wherein the second quantity is less than the first quantity; Obtain historical display information of the second quantity of target rendering data on the client interface, wherein the historical display information includes historical search counts and historical adoption counts; The historical display information is used to prioritize the second quantity of target rendering data to obtain display sorting information. The second quantity of target rendering data is rendered and displayed on the client interface in multiple pages according to the display sorting information, and the multiple pages are configured to respond to mobile operations to achieve smooth scrolling.

2. The method according to claim 1, characterized in that, After rendering the second quantity of target rendering data and displaying it on the client interface in multiple pages according to the display sorting information, and configuring the multiple pages to respond to movement operations for smooth scrolling, the method further includes: In response to a first search request triggered by a first character entered in the search input box, a third number of target rendering data that match the first character are determined from the first number of target rendering data; If the third quantity is less than or equal to the preset threshold, the target rendering data of the third quantity is rendered and displayed on the client interface; If the third quantity is greater than the preset threshold, the rendering configuration parameters are obtained; the third quantity of target rendering data is adjusted to a fourth quantity of target rendering data using the rendering configuration parameters, wherein the fourth quantity is less than the third quantity; the fourth quantity of target rendering data is rendered and displayed on the client interface.

3. The method according to claim 2, characterized in that, After rendering the second quantity of target rendering data and displaying it on the client interface, the method further includes: In response to a second search request triggered by a second character entered in the search input box, a fifth number of target rendering data matching the second character are determined from the second number of target rendering data, wherein the second character includes the target character; The fifth quantity of target rendering data is rendered and displayed on the client interface.

4. A data display device, characterized in that, include: The first display unit is used to display a search input box on the client interface of the database, wherein the database stores multiple data to be rendered; The first determining unit is configured to, in response to a search request triggered by a target character entered in the search input box, determine a first number of target rendering data that match the target character from the plurality of data to be rendered; The first rendering unit is used to render the first quantity of target rendering data when the first quantity is less than or equal to a preset threshold, and to display it on the client interface. The first adjustment unit is configured to: obtain the rendering configuration parameters of the client interface when the first quantity is greater than the preset threshold; and, when the display configuration parameters of the client interface are obtained, obtain a first quantity threshold corresponding to the display upper limit indicated by the display configuration parameters and a second quantity threshold corresponding to the rendering upper limit indicated by the rendering configuration parameters, wherein the rendering configuration parameters are server-side performance, rendering speed, and response time parameters, and the display configuration parameters are the area of ​​the page drop-down box and the display resolution parameters; The first quantity of target rendering data is adjusted to a second quantity of target rendering data that is simultaneously less than the first quantity threshold and less than the second quantity threshold, wherein the second quantity is less than the first quantity; Obtain historical display information of the second quantity of target rendering data on the client interface, wherein the historical display information includes historical search counts and historical adoption counts; The historical display information is used to prioritize the second quantity of target rendering data to obtain display sorting information. The second quantity of target rendering data is rendered and displayed on the client interface in multiple pages according to the display sorting information, and the multiple pages are configured to respond to mobile operations to achieve smooth scrolling.

5. A computer-readable storage medium, characterized in that, The computer-readable storage medium includes a stored program, wherein the program, when executed, performs the method of any one of claims 1 to 3.

6. An electronic device comprising a memory and a processor, characterized in that, The memory stores a computer program, and the processor is configured to execute the method of any one of claims 1 to 3 through the computer program.

Images