CN115758004A

CN115758004A - Webpage table display method and device, computer readable medium and electronic equipment

Info

Publication number: CN115758004A
Application number: CN202211437193.8A
Authority: CN
Inventors: 马晓飞; 吴雪瑶
Original assignee: Shanghai Shanshu Network Technology Co ltd; Shanshu Science And Technology Suzhou Co ltd; Shanshu Science And Technology Beijing Co ltd; Shenzhen Shanzhi Technology Co Ltd
Current assignee: Shanghai Shanshu Network Technology Co ltd; Shanshu Science And Technology Suzhou Co ltd; Shanshu Science And Technology Beijing Co ltd; Shenzhen Shanzhi Technology Co Ltd
Priority date: 2022-11-17
Filing date: 2022-11-17
Publication date: 2023-03-07

Abstract

The embodiment of the application provides a method and a device for displaying a webpage table, a computer readable medium and electronic equipment. The method comprises the following steps: the method comprises the steps of obtaining the size of a display space of a web interface, and determining the standard form data size of a form which can be displayed by the web interface according to the size of the display space; acquiring first table data matched with the standard table data amount from the full table data in the memory; and loading and displaying the first table data in the webpage interface. According to the technical scheme, the fluency of the webpage loading and displaying form data can be improved.

Description

Webpage table display method and device, computer readable medium and electronic equipment

Technical Field

The application relates to the technical field of computers and data processing, in particular to a method and a device for displaying a webpage table, a computer readable medium and electronic equipment.

Background

In a display scenario of a web form, generally, after requested form data is downloaded from a third party server, the downloaded form data is loaded and then displayed on a web interface. However, when the data size of the downloaded form data reaches the level of tens of millions, when the form is loaded and the memory thereof is easy to overflow, the page is stuck, and the user experience is affected.

Disclosure of Invention

Embodiments of the present application provide a method and an apparatus for displaying a web form, a computer program product or a computer program, a computer readable medium, and an electronic device, so that fluency of loading and displaying form data on a web page can be improved at least to a certain extent.

Other features and advantages of the present application will be apparent from the following detailed description, or may be learned by practice of the application.

According to an aspect of the embodiments of the present application, a method for displaying a form of a web page is provided, the method including: the method comprises the steps of obtaining the size of a display space of a web interface, and determining the standard form data size of a form which can be displayed by the web interface according to the size of the display space; acquiring first table data matched with the standard table data amount from the full table data in the memory; and loading and displaying the first table data in the webpage interface.

In some embodiments of the present application, based on the foregoing solution, the determining, according to the size of the display space, a standard form data amount of a form that can be displayed by the web interface includes: acquiring a predefined table height and a table line height; and determining the standard form data quantity of the form which can be displayed by the webpage interface according to the height of the form, the height of the form and the size of the display space.

In some embodiments of the present application, based on the foregoing solution, before obtaining the first table data matching the standard table data amount from the full table data in the memory, the method further includes: acquiring a query condition aiming at table data; and downloading the full table data meeting the query condition from the server side based on the query condition, and caching the full table data in a memory.

In some embodiments of the present application, based on the foregoing solution, the obtaining, from the full amount of table data in the memory, the first table data that matches the standard table data amount includes: if the table data amount of the full table data is smaller than or equal to the set table data amount, acquiring the full table data as the first table data, wherein the set table data amount is larger than or equal to the standard table data amount; and if the table data amount of the full-amount table data is larger than the set table data amount, acquiring the table data of which the table data amount is the set table data amount from the full-amount table data as the first table data.

In some embodiments of the present application, based on the foregoing solution, the loading and displaying the first form data in the web interface includes: rendering a webpage based on the first table data to obtain a first webpage table; and displaying the first webpage form in the webpage interface.

In some embodiments of the application, based on the foregoing solution, after the first web page form is displayed in the web page interface, the method further includes: responding to an operation event of a user for the first webpage table, and acquiring second table data which correspond to the operation event and are matched with the standard table data amount from full table data in a memory; rendering the webpage based on the second table data to obtain a second webpage table; and displaying the second webpage table in the webpage interface.

In some embodiments of the present application, based on the foregoing scheme, the operation event includes any one of a screening operation, a sorting operation, a scrolling operation, and a paging operation.

According to an aspect of the embodiments of the present application, there is provided an apparatus for displaying a form of a web page, the apparatus including: the first acquisition unit is used for acquiring the size of a display space of a webpage interface and determining the data volume of a standard form of a form which can be displayed by the webpage interface according to the size of the display space; the second acquisition unit is used for acquiring first table data matched with the standard table data amount from the full table data in the memory; and the display unit is used for loading and displaying the first table data in the webpage interface.

According to an aspect of an embodiment of the present application, there is provided a computer program product or a computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions to cause the computer device to perform the method described in the above embodiments.

According to an aspect of embodiments of the present application, there is provided a computer-readable medium, on which a computer program is stored, which, when executed by a processor, implements the method as described in the above embodiments.

According to an aspect of an embodiment of the present application, there is provided an electronic device including: one or more processors; storage means for storing one or more programs which, when executed by the one or more processors, cause the one or more processors to implement the method as in the embodiments described above.

In the technical scheme provided by some embodiments of the application, because the standard form data amount is the data amount of the web interface that can actually display the form, by acquiring the first form data matched with the standard form data amount from the full form data in the memory and loading and displaying the first form data in the web interface, the problem that when the full form data is directly loaded and displayed in the web interface, the memory overflows due to the overlarge amount of the full form data, so that the page rendering is blocked is avoided, and the fluency of loading and displaying the form data on the web page can be improved.

It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the application.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the application and, together with the description, serve to explain the principles of the application. It is obvious that the drawings in the following description are only some embodiments of the application, and that for a person skilled in the art, other drawings can be derived from them without inventive effort. In the drawings:

FIG. 1 is a diagram illustrating a system architecture to which the teachings of the embodiments of the present application may be applied;

FIG. 2 illustrates a flow chart of a method for presentation of a web form according to one embodiment of the present application;

FIG. 3 is a detailed flowchart illustrating the determination of the standard form data amount of the form that can be displayed by the web interface according to the size of the display space according to an embodiment of the present application;

FIG. 4 is a flowchart of a method before a first table of data matching the standard table of data is obtained from a full amount of table data in memory according to an embodiment of the present application;

FIG. 5 is a flowchart illustrating details of loading presentation of the first tabular data in the web interface according to an embodiment of the application;

FIG. 6 illustrates a flowchart of a method after the first web page form is presented in the web page interface, according to one embodiment of the present application;

FIG. 7 shows a block diagram of a presentation apparatus of a form of a web page according to an embodiment of the present application;

FIG. 8 illustrates a schematic structural diagram of a computer system suitable for use in implementing the electronic device of an embodiment of the present application.

Detailed Description

Example embodiments will now be described more fully with reference to the accompanying drawings. Example embodiments may, however, be embodied in many different forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of example embodiments to those skilled in the art.

Furthermore, the described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a thorough understanding of embodiments of the application. One skilled in the relevant art will recognize, however, that the subject matter of the present application can be practiced without one or more of the specific details, or with other methods, components, devices, steps, and so forth. In other instances, well-known methods, devices, implementations, or operations have not been shown or described in detail to avoid obscuring aspects of the application.

The block diagrams shown in the figures are functional entities only and do not necessarily correspond to physically separate entities. I.e. these functional entities may be implemented in the form of software, or in one or more hardware modules or integrated circuits, or in different networks and/or processor means and/or microcontroller means.

The flowcharts shown in the figures are illustrative only and do not necessarily include all of the contents and operations/steps, nor do they necessarily have to be performed in the order described. For example, some operations/steps may be decomposed, and some operations/steps may be combined or partially combined, so that the actual execution sequence may be changed according to the actual situation.

It should be noted that: reference herein to "a plurality" means two or more. "and/or" describe the association relationship of the associated objects, meaning that there may be three relationships, e.g., A and/or B may mean: a exists alone, A and B exist simultaneously, and B exists alone. The character "/" generally indicates that the former and latter associated objects are in an "or" relationship.

It is noted that the terms first, second and the like in the description and claims of the present application and in the drawings described above are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the objects so used are interchangeable under appropriate circumstances such that the embodiments of the application described herein are capable of operation in other sequences than those illustrated or described herein.

Fig. 1 shows a system architecture diagram to which the technical solution of the embodiment of the present application can be applied.

As shown in fig. 1, the system architecture may include a terminal device (such as one or more of a smartphone 101, a tablet computer 102, and a portable computer 103 shown in fig. 1, and certainly, a desktop computer, etc., but not limited thereto, and the present application is not limited thereto), a network 104, and a server 105. Network 104 is the medium used to provide communication links between terminal devices and server 105. Network 104 may include various connection types, such as wired communication links, wireless communication links, and so forth.

It should be noted that the method for displaying the web form provided in the embodiment of the present application may be executed by a terminal device, and accordingly, the apparatus for displaying the web form is generally disposed in the terminal device.

The implementation details of the technical solution of the embodiment of the present application are set forth in detail below:

fig. 2 is a flowchart illustrating a method for displaying a web form according to an embodiment of the present application, where the method for displaying a web form may be performed by a device having a calculation processing function, such as the terminal device shown in fig. 1. Referring to fig. 2, the method for displaying the web page form at least includes steps 210 to 250, which are described in detail as follows:

in step 210, the size of the display space of the web interface is obtained, and the standard form data size of the form that can be displayed by the web interface is determined according to the size of the display space.

In the present application, the web interface may refer to a screen interface for displaying a web page, and the web form referred to in the present application may refer to a third-party form displayed on the web page, for example, form data accessed by a user at a website server.

In this application, the size of the display space of the web interface may specifically refer to the size of the screen interface, and through the size, the standard table data size of the table that can be displayed on the screen interface may be determined, for example, the data size of a 10-row table may be displayed, or further, the data size of a 20-row table may be displayed, and it can be understood that the size of the standard table data size is determined by the size of the screen interface.

In step 230, the first table data matching the standard table data amount is obtained from the full table data in the memory.

The full form data can be obtained by a user through a request of the browser to the third-party server, and the browser needs to occupy a memory during running, so that the full form data obtained through the request of the browser to the third-party server can be cached in the memory. In the application, when the full-amount table data needs to be displayed, the first table data matched with the standard table data amount can be acquired from the full-amount table data in the memory.

In step 250, the first table data is loaded and displayed in the web interface.

In the application, because the standard form data amount is the data amount of the form which can be actually displayed on the web interface, by acquiring the first form data matched with the standard form data amount from the full form data in the memory and loading and displaying the first form data in the web interface, the problem that when the full form data is directly loaded and displayed in the web interface, the memory overflows due to the overlarge amount of the full form data to cause page rendering blocking is avoided, so that the fluency of loading and displaying the form data on the web page can be improved.

Next, the present application will further explain embodiments of the proposed page table presentation scheme.

In one embodiment of step 210 shown in fig. 2, determining the standard form data amount of the form that can be displayed by the web interface according to the size of the display space may be performed according to the steps shown in fig. 3.

Referring to fig. 3, a detailed flowchart of determining a standard form data amount of a form that can be displayed by the web interface according to the size of the display space according to an embodiment of the present application is shown. Specifically, the method includes steps 211 to 212:

step 211, obtain predefined table height and table row height.

Step 212, determining a standard form data amount of the form which can be displayed by the web interface according to the height of the form, the height of the form and the size of the display space.

In the present application, the table height and table height of the web page table displayed in the web page interface can be predetermined by the developer of the third party service end.

It should be noted here that the table height may be defined differently according to the size of the presentation space of the web interface, and it is understood that the larger the size of the presentation space is, the higher the table height may be defined, and the table height may be uniquely defined. For example, the height of the table of the web page table can be defined as 150mm, and the height of the table is defined as 10mm, in this case, the standard table data amount of the table that can be displayed by the web page interface is 15 pieces of data.

Before step 220 shown in fig. 2, that is, before the first table data matching the standard table data amount is obtained from the full table data in the memory, the steps shown in fig. 4 may also be performed.

Referring to fig. 4, a flowchart of a method before obtaining first table data matching the standard table data amount from the full table data in the memory according to an embodiment of the present application is shown. Specifically, the method includes steps 221 to 222:

step 221, obtaining the query condition for the table data.

Step 222, based on the query condition, downloading the full amount table data meeting the query condition from the server, and caching the full amount table data in the memory.

In this embodiment, when a user needs to query a form, the user may input relevant retrieval information of the form to be queried into the terminal device, so as to obtain a query condition, and then the terminal device sends the query condition to the server of the third party, the server of the third party screens corresponding full-scale form data according to the retrieval condition, and transmits the full-scale form data to the terminal device, and the terminal device caches the full-scale form data in a memory where a browser operates.

In one embodiment of step 220 shown in fig. 2, obtaining the first table data matching the standard table data amount from the full table data in the memory may include the following two cases:

first, if a table data amount of the full-amount table data is less than or equal to a set table data amount, the full-amount table data is acquired as the first table data, and the set table data amount is greater than or equal to the standard table data amount.

Second, if the table data amount of the full amount table data is larger than the set table data amount, the table data having the table data amount as the set table data amount is acquired from the full amount table data as the first table data.

In the application, after the full-amount table data is obtained, the full-amount table data in the memory is not directly loaded and displayed in the web interface, but first table data matched with the standard table data amount is obtained from the full-amount table data in the memory.

Specifically, in this embodiment, a data amount of the setting table may be defined, and the data amount of the setting table may be equal to or larger than the data amount of the standard table.

It should be noted here that although the set table data amount may be larger than the standard table data amount, the set table data amount is not set too high, and the principle of the set table data amount needs to ensure that the table data of the set table data amount does not cause webpage jamming when being loaded and displayed in the webpage interface.

In the first case, if the table data amount of the full amount table data is less than or equal to a set table data amount, the full amount table data is acquired as the first table data. For example, the standard table data amount may be 15 pieces of data, the set table data amount may be 30 pieces of data, and if the table data amount of the full-amount table data is 20 pieces of data, the 20 pieces of full-amount table data may be directly loaded and displayed as the first table data.

Further, in the first case, if the table data amount of the full amount table data is larger than the set table data amount, the table data having the table data amount as the set table data amount is acquired from the full amount table data as the first table data. For example, the standard table data amount may be 15 pieces of data, the set table data amount may be 30 pieces of data, and if the table data amount of the full-amount table data is 100 pieces of data, 20 pieces of table data may be obtained from the 100 pieces of full-amount table data to be loaded and displayed as the first table data.

In this embodiment, by defining and setting the table data volume, the first table data matched with the standard table data volume is obtained from the full table data in the memory, so that the problem that when the full table data is directly loaded and displayed in the web interface, the page rendering is blocked due to the overflow of the memory caused by the overlarge amount of the full table data can be solved, the problem that the response of the browser page is slow due to the overlarge amount of the full table data can be solved, and the problem that the page rendering speed is affected due to the overlarge amount of the full table data can be solved, so that the fluency of loading and displaying the table data on the web page can be improved, and the user experience can be improved.

In one embodiment of step 250 shown in fig. 2, the loading of the first tabular data in the web interface may be performed according to the steps shown in fig. 5.

Referring to fig. 5, a detailed flowchart illustrating loading of the first table data in the web interface according to an embodiment of the application is shown. Specifically, the method comprises steps 251 to 252:

and 251, rendering the webpage based on the first table data to obtain a first webpage table.

Step 252, displaying the first web page form in the web page interface.

Rendering the web page based on the first table data is actually a process of generating a web page table with the first table data as a web page element.

Further, after the step 252 shown in fig. 5, that is, after the first web page form is displayed in the web page interface, the steps shown in fig. 6 may also be performed.

Referring to FIG. 6, a flowchart of a method after presenting the first web page form in the web page interface is shown, according to one embodiment of the present application. Specifically, the method includes steps 261 to 263:

step 261, in response to an operation event of the user for the first web form, obtaining second form data, which corresponds to the operation event and matches with the standard form data amount, from the full-amount form data in the memory.

Step 262, rendering the web page based on the second table data, resulting in a second web page table.

And 263, displaying the second webpage form in the webpage interface.

In the application, when the user triggers an operation event for the first web page form, it is indicated that the user needs to update the form content in the currently displayed web page form, and therefore, based on the technical scheme provided by the application, the second form data corresponding to the operation event and matched with the standard form data amount is obtained from the full form data in the memory only according to the web page form update requirement of the user (reflected by the operation event triggered by the user), and then the form content in the currently displayed web page form can be updated by loading and rendering the second form data in the web page interface.

In this application, it should be noted that the operation event may include a screening operation, a sorting operation, a scrolling operation, and a paging operation. It is understood that the specific form of the operation event can be triggered according to actual needs, and the application is not limited to this.

In the application, when a user needs to update the table content in the currently displayed web table, the second table data which corresponds to the operation event and is matched with the standard table data amount is obtained from the full table data in the memory, and the second table data is loaded and displayed in the web interface, so that the problem that when the full table data is directly loaded and displayed in the web interface, the memory overflows due to the fact that the full table data is too large in amount, and page rendering is blocked can be avoided.

It should be noted that, for the technical solution proposed in the present application, the technical solution can be implemented by designing a code component based on an Ant Design UI framework, and the Design idea of the code component can be described with reference to the following points:

1 basic function of definition component (data presentation, paging event, filter item)

1.1 define the data items (data sources) that the form component needs to expose.

1.2 configure the table column (columns) and define the corresponding presentation status.

And 1.3, configuring screening item list data to realize screening.

2 adopting a component packaging mode, and realizing component loading rendering by combining act and virtual DOM Tree

2.1, the height and height of the table are defined, and self-adaptive loading is realized.

2.2, defining a table head screening option display state and a highlight state.

3 writing interaction logic for components

3.1 define the value of the initial screening hits, and set the default value for the input box.

And 3.2, defining an initial change method, setting a selected value in real time after the user operates, and clicking a determined button to finally trigger.

And 3.3, defining a click event, comparing after operation, and judging whether to highlight the screening icon or not.

3.4 define a common user keyboard Event keyup Event, get the latest rendering data.

3.5 define a common checkbox toggle event select Handler to invoke the checkbox select event.

4, integrating data transmitted by the component into the component after internal unified processing

4.1 defining a transformation Data method transfer Data in a tool library; and the data structure is deeply cloned.

4.2 processing the Data (character string array, array object) transmitted by the component, and converting the Data into the Data structure required by the component through transfer Data.

5 processing of Default data, null data and null values common to the processing Components

5.1 handling of data type and whether null.

5.2 the common process of converting the data containing null value in the incoming data into character string null.

6 handling user typing and user interaction events for components

6.1 processing of input query filter events and text box out of focus events by the user.

6.2 interactive processing of screening, full selection, reading and writing.

In the technical solutions provided by some embodiments of the present application, because the standard form data amount is the data amount of the form that can be actually displayed on the web interface, by acquiring the first form data matched with the standard form data amount from the full form data in the memory and loading and displaying the first form data in the web interface, the problem that when the full form data is directly loaded and displayed in the web interface, the page rendering is stuck due to memory overflow caused by too large amount of the full form data is avoided, so that the fluency of loading and displaying the form data on the web page can be improved.

The following describes embodiments of an apparatus of the present application, which may be used to implement a method for displaying a web form in the above embodiments of the present application. For details that are not disclosed in the embodiments of the apparatus of the present application, please refer to the embodiments of the method for displaying a web form of the present application.

FIG. 7 shows a block diagram of a presentation apparatus of a form of a web page according to an embodiment of the present application.

Referring to fig. 7, an apparatus 700 for displaying a form of a web page according to an embodiment of the present application includes: a first acquisition unit 701, a second acquisition unit 702 and a presentation unit 703.

The first obtaining unit 701 is configured to obtain a size of a display space of a web interface, and determine a standard form data size of a form that can be displayed on the web interface according to the size of the display space; a second obtaining unit 702, configured to obtain first table data that matches the standard table data amount from the full table data in the memory; the display unit 703 is configured to load and display the first table data in the web interface.

In some embodiments of the present application, based on the foregoing solution, the first obtaining unit 701 is configured to: acquiring a predefined table height and a table line height; and determining the standard form data quantity of the form which can be displayed by the webpage interface according to the height of the form, the height of the form and the size of the display space.

In some embodiments of the present application, based on the foregoing solution, the apparatus further includes: the query unit is used for acquiring query conditions aiming at table data before acquiring first table data matched with the standard table data amount from the full-amount table data in the memory; and downloading the full table data meeting the query condition from the server side based on the query condition, and caching the full table data in a memory.

In some embodiments of the present application, based on the foregoing solution, the second obtaining unit 702 is configured to: if the table data amount of the full table data is smaller than or equal to the set table data amount, acquiring the full table data as the first table data, wherein the set table data amount is larger than or equal to the standard table data amount; and if the table data amount of the full-amount table data is larger than the set table data amount, acquiring the table data of which the table data amount is the set table data amount from the full-amount table data as the first table data.

In some embodiments of the present application, based on the foregoing solution, the display unit 703 is configured to: rendering a webpage based on the first table data to obtain a first webpage table; and displaying the first webpage form in the webpage interface.

In some embodiments of the present application, based on the foregoing solution, the second obtaining unit 702 is further configured to: after the first webpage table is displayed in the webpage interface, responding to an operation event of a user for the first webpage table, and acquiring second table data which correspond to the operation event and are matched with the standard table data quantity from the full-quantity table data in the memory; the presentation unit 703 is further configured to: rendering the webpage based on the second table data to obtain a second webpage table; and displaying the second webpage table in the webpage interface.

It should be noted that the computer system 800 of the electronic device shown in fig. 8 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present application.

As shown in fig. 8, a computer system 800 includes a Central Processing Unit (CPU) 801, which can perform various appropriate actions and processes, such as performing the methods described in the above embodiments, according to a program stored in a Read-Only Memory (ROM) 802 or a program loaded from a storage portion 808 into a Random Access Memory (RAM) 803. In the RAM 803, various programs and data necessary for system operation are also stored. The CPU 801, ROM 802, and RAM 803 are connected to each other via a bus 804. An Input/Output (I/O) interface 805 is also connected to the bus 804.

The following components are connected to the I/O interface 805: an input portion 806 including a keyboard, a mouse, and the like; an output section 807 including a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and a speaker; a storage section 808 including a hard disk and the like; and a communication section 809 including a Network interface card such as a LAN (Local Area Network) card, a modem, and the like. The communication section 809 performs communication processing via a network such as the internet. A drive 810 is also connected to the I/O interface 805 as necessary. A removable medium 811 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, or the like is mounted on the drive 810 as necessary, so that a computer program read out therefrom is mounted on the storage section 808 as necessary.

In particular, according to embodiments of the application, the processes described above with reference to the flow diagrams may be implemented as computer software programs. For example, embodiments of the present application include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method illustrated by the flow chart. In such an embodiment, the computer program can be downloaded and installed from a network through the communication section 809 and/or installed from the removable medium 811. When the computer program is executed by the Central Processing Unit (CPU) 801, various functions defined in the system of the present application are executed.

It should be noted that the computer readable medium shown in the embodiments of the present application may be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a Read-Only Memory (ROM), an Erasable Programmable Read-Only Memory (EPROM), a flash Memory, an optical fiber, a portable Compact Disc Read-Only Memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this application, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In this application, however, a computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: wireless, wired, etc., or any suitable combination of the foregoing.

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present application. Each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams or flowchart illustration, and combinations of blocks in the block diagrams or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The units described in the embodiments of the present application may be implemented by software, or may be implemented by hardware, and the described units may also be disposed in a processor. Wherein the names of the elements do not in some way constitute a limitation on the elements themselves.

As another aspect, the present application also provides a computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions to cause the computer device to perform the method described in the above embodiments.

As another aspect, the present application also provides a computer-readable medium, which may be contained in the electronic device described in the above embodiments; or may be separate and not incorporated into the electronic device. The computer readable medium carries one or more programs which, when executed by an electronic device, cause the electronic device to implement the method described in the above embodiments.

It should be noted that although in the above detailed description several modules or units of the device for action execution are mentioned, such a division is not mandatory. Indeed, the features and functionality of two or more modules or units described above may be embodied in one module or unit, according to embodiments of the application. Conversely, the features and functions of one module or unit described above may be further divided into embodiments by a plurality of modules or units.

Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, the technical solution according to the embodiments of the present application can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (which can be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which can be a personal computer, a server, a touch terminal, or a network device, etc.) to execute the method according to the embodiments of the present application.

Other embodiments of the present application will be apparent to those skilled in the art from consideration of the specification and practice of the embodiments disclosed herein. This application is intended to cover any variations, uses, or adaptations of the invention following, in general, the principles of the application and including such departures from the present disclosure as come within known or customary practice within the art to which the invention pertains.

It will be understood that the present application is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the application is limited only by the appended claims.

Claims

1. A method for displaying a web page table is characterized by comprising the following steps:

the method comprises the steps of obtaining the size of a display space of a webpage interface, and determining the standard form data volume of a form which can be displayed by the webpage interface according to the size of the display space;

acquiring first table data matched with the standard table data amount from the full table data in the memory;

and loading and displaying the first table data in the webpage interface.

2. The method of claim 1, wherein the determining a standard form data amount of a form that can be displayed by the web interface according to the size of the display space comprises:

acquiring a predefined table height and a table line height;

and determining the standard form data quantity of the form which can be displayed by the webpage interface according to the height of the form, the height of the form and the size of the display space.

3. The method of claim 1, wherein before retrieving the first table data matching the standard table data amount from the full amount of table data in the memory, the method further comprises:

acquiring a query condition aiming at table data;

and downloading the full table data meeting the query condition from the server side based on the query condition, and caching the full table data in a memory.

4. The method of claim 1, wherein the obtaining the first table data matching the standard table data amount from the full table data amount in the memory comprises:

if the table data amount of the full table data is smaller than or equal to the set table data amount, acquiring the full table data as the first table data, wherein the set table data amount is larger than or equal to the standard table data amount;

and if the table data amount of the full table data is larger than the set table data amount, acquiring the table data of which the table data amount is the set table data amount from the full table data as the first table data.

5. The method according to claim 1, wherein the loading and displaying the first table data in the web interface comprises:

rendering a webpage based on the first table data to obtain a first webpage table;

and displaying the first webpage table in the webpage interface.

6. The method of claim 5, wherein after presenting the first web page form in the web page interface, the method further comprises:

responding to an operation event of a user for the first webpage form, and acquiring second form data which correspond to the operation event and are matched with the standard form data quantity from the full-quantity form data in the memory;

rendering the webpage based on the second table data to obtain a second webpage table;

and displaying the second webpage table in the webpage interface.

7. The method of claim 6, wherein the operation event comprises any one of a screening operation, a sorting operation, a scrolling operation, and a paging operation.

8. An apparatus for displaying a form on a web page, the apparatus comprising:

the first acquisition unit is used for acquiring the size of a display space of a webpage interface and determining the data volume of a standard form of a form which can be displayed by the webpage interface according to the size of the display space;

the second acquisition unit is used for acquiring first table data matched with the standard table data amount from the full table data in the memory;

and the display unit is used for loading and displaying the first table data in the webpage interface.

9. A computer-readable storage medium having stored therein at least one program code, the at least one program code being loaded into and executed by a processor to perform operations performed by the method of any one of claims 1 to 7.

10. An electronic device, comprising one or more processors and one or more memories having at least one program code stored therein, the at least one program code being loaded into and executed by the one or more processors to perform operations performed by the method of any one of claims 1 to 7.