Web page display methods, devices, computer equipment, and readable storage media

Abstract

This invention discloses a webpage display method, apparatus, computer device, and readable storage medium. The method includes: acquiring a webpage file to be processed; dividing the webpage content in the webpage file to be processed into multiple business blocks according to business functions, wherein each business block includes multiple component modules, and each component module includes a component module identifier and module data; loading the module data of all component modules in each business block; performing pagination processing on the business blocks to be paginated according to the component module identifier and element height information to obtain target business blocks, wherein the business blocks to be paginated are business blocks that have completed loading all module data; and re-encoding all target business blocks to obtain a target webpage file. This invention, through a block division method and a pagination method based on element height information, automatically paginates webpage files, resulting in webpage display files with more distinct characteristics.

Description

Technical Field

[0001] This invention relates to the field of financial analysis technology, and in particular to a webpage display method, apparatus, computer equipment, and readable storage medium. Background Technology

[0002] Client portfolio analysis reports are an important component of the banking system. These reports include users' investment records, behavior, and return information. Furthermore, the reports not only provide detailed information on individual user investment assets but also cover the overall investment market situation and trends.

[0003] For users, the complex layout of portfolio analysis reports leads to a very poor reading experience, which in turn affects the efficiency and quality of financial analysis. Therefore, there is an urgent need for a method to display financial product analysis reports that can achieve automatic layout. Summary of the Invention

[0004] To address the aforementioned technical problems, this application provides a webpage display method, apparatus, computer device, and readable storage medium, the specific solutions of which are as follows:

[0005] In a first aspect, embodiments of this application provide a webpage display method, the method comprising:

[0006] Obtain the webpage file to be processed;

[0007] The web page content in the web page file to be processed is divided into multiple business blocks according to business functions. Each business block includes multiple component modules, and each component module includes a component module identifier and module data.

[0008] Load the module data of all the constituent modules in each of the aforementioned business blocks;

[0009] The pagination process is performed on the business blocks to be paginated according to the component module identifier and element height information to obtain the target business block. The business block to be paginated is the business block that has completed the loading of all module data.

[0010] All target business blocks are re-encoded to obtain the target webpage file.

[0011] According to a specific embodiment of this application, before the step of paginating the business block to be paginated according to the component module identifier and element height information, the method further includes:

[0012] Determine whether the business block includes a fully loaded identifier;

[0013] If the business block includes the fully loaded identifier, then the business block is divided into the business block to be paginated;

[0014] If the business block does not include the fully loaded identifier, wait for the business block to fully load all the module data of the constituent modules.

[0015] According to a specific implementation of this application, the step of dividing the webpage content in the webpage file to be processed into multiple business blocks according to business functions includes:

[0016] Traverse the web page content in the web page file to be processed to obtain the component modules corresponding to multiple business functions;

[0017] Multiple components belonging to the same business function are divided into a business block to obtain multiple business blocks corresponding to each business function.

[0018] According to a specific embodiment of this application, the constituent modules include a first type of constituent module and a second type of constituent module. The step of loading module data of all constituent modules in each of the service blocks includes:

[0019] Traverse the first type of component modules according to the first traversal level to load the module data in the first type of component modules;

[0020] The second type of component modules are traversed according to the second traversal level to load module data in the second type of component modules, wherein the first traversal level is greater than or equal to the second traversal level.

[0021] According to a specific implementation of this application, the step of paginating the business block to be paginated according to the component module identifier and element height information includes:

[0022] If the element height information of module data with unified component module identification information is less than or equal to the preset height information threshold;

[0023] The module data, which has unified component module identification information, is displayed on the same page.

[0024] If the element height information of the module data with unified component module identification information is greater than the preset height information threshold;

[0025] The module data, which has a unified component module identification information, is displayed on multiple pages.

[0026] According to a specific implementation of this application, the step of recoding all target business blocks to obtain the target webpage file includes:

[0027] Determine whether all business blocks corresponding to the webpage file to be processed have been processed into the target business block;

[0028] If all business blocks corresponding to the web page file to be processed have been processed into the target business block, the target business blocks are arranged and reorganized according to the preset business block order, and page number marks are added to different pages to obtain the target web page file.

[0029] If not all business blocks corresponding to the webpage file to be processed are processed into the target business block, the remaining business blocks will be processed for pagination.

[0030] According to a specific embodiment of this application, the target business block includes a pagination completion identifier;

[0031] The step of determining whether all business blocks corresponding to the webpage file to be processed have been processed into the target business block includes:

[0032] Obtain the pagination completion identifier for each business block;

[0033] If the number of pagination completion markers is equal to the number of business blocks corresponding to the web page file to be processed, then output the result that all business blocks corresponding to the web page file to be processed have been processed into target business blocks.

[0034] If the number of pagination completion markers is less than the number of business blocks corresponding to the webpage file to be processed, then the result is output that not all business blocks corresponding to the webpage file to be processed have been processed into the target business block.

[0035] Secondly, embodiments of this application provide a webpage display device, the device comprising:

[0036] The acquisition module is used to acquire the web page file to be processed.

[0037] The partitioning module is used to divide the web page content in the web page file to be processed into multiple business blocks according to business functions. Each business block includes multiple component modules, and each component module includes a component module identifier and module data.

[0038] A loading module is used to load module data of all the constituent modules in each of the aforementioned business blocks;

[0039] The pagination module is used to paginate the business blocks to be paginated according to the component module identifier and element height information to obtain the target business block. The business block to be paginated is the business block that has completed the loading of all module data.

[0040] The combination module is used to re-encode all target business blocks to obtain the target web page file.

[0041] Thirdly, embodiments of this application provide a computer device, which includes a processor and a memory. The memory stores a computer program, and the computer program executes the webpage display method described in the first aspect and any embodiment of the first aspect when it is run on the processor.

[0042] Fourthly, embodiments of this application provide a computer-readable storage medium storing a computer program, which, when run on a processor, executes the webpage display method described in the first aspect and any embodiment of the first aspect.

[0043] This application provides a webpage display method, apparatus, computer device, and readable storage medium. The method includes: acquiring a webpage file to be processed; dividing the webpage content in the webpage file to be processed into multiple business blocks according to business functions, wherein each business block includes multiple component modules, and each component module includes a component module identifier and module data; loading the module data of all component modules in each business block; performing pagination processing on the business blocks to be paginated according to the component module identifier and element height information to obtain target business blocks, wherein the business blocks to be paginated are business blocks that have completed loading all module data; and re-encoding all target business blocks to obtain a target webpage file. This invention, through a block division method and a pagination method based on element height information, can automatically paginate webpage files to obtain webpage display files with more distinct features. Attached Figure Description

[0044] To more clearly illustrate the technical solution of the present invention, the accompanying drawings used in the embodiments will be briefly described below. It should be understood that the following drawings only show some embodiments of the present invention and should not be regarded as a limitation on the scope of protection of the present invention. In the various drawings, similar components are numbered similarly.

[0045] Figure 1 This illustration shows a flowchart of a webpage display method provided in an embodiment of this application.

[0046] Figure 2 This illustration shows a schematic diagram of a webpage display device module provided in an embodiment of this application;

[0047] Figure 3 A schematic diagram of a device module of a computer device provided in an embodiment of this application is shown. Detailed Implementation

[0048] The technical solutions of the present invention will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present invention. Obviously, the described embodiments are only some embodiments of the present invention, and not all embodiments.

[0049] The components of the embodiments of the invention described and illustrated herein can typically be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of the invention provided in the accompanying drawings is not intended to limit the scope of the claimed invention, but merely to illustrate selected embodiments of the invention. All other embodiments obtained by those skilled in the art based on the embodiments of the invention without inventive effort are within the scope of protection of the invention.

[0050] In the following, the terms “comprising,” “having,” and their cognates, which may be used in various embodiments of the invention, are intended only to indicate a particular feature, number, step, operation, element, component, or combination thereof, and should not be construed as excluding, firstly, the presence of one or more other features, numbers, steps, operations, elements, components, or combinations thereof, or adding the possibility of one or more features, numbers, steps, operations, elements, components, or combinations thereof.

[0051] Furthermore, the terms "first," "second," and "third" are used only to distinguish descriptions and should not be interpreted as indicating or implying relative importance.

[0052] Unless otherwise specified, all terms used herein (including technical and scientific terms) shall have the same meaning as commonly understood by one of ordinary skill in the art to which the various embodiments of the invention pertain. Terms (such as those defined in commonly used dictionaries) shall be interpreted as having the same meaning as in their contextual meaning in the relevant technical field and shall not be interpreted as having an idealized or overly formal meaning, unless clearly defined in the various embodiments of the invention.

[0053] refer to Figure 1 This is a schematic flowchart of a webpage display method provided in an embodiment of this application. The webpage display method provided in this embodiment of the application is as follows: Figure 1 As shown, the webpage display method includes:

[0054] Step S101: Obtain the webpage file to be processed;

[0055] In a specific embodiment, the webpage file to be processed can be a report file of any webpage format exported in a financial analysis scenario, such as a user holdings analysis report.

[0056] Specifically, the web page file to be processed in this embodiment can also be adaptively replaced with other web page formats.

[0057] The web page file to be processed includes at least one of the following: text information, image information, and video information.

[0058] In this embodiment, the content of the webpage file to be processed refers to the text information, image information, and video information in the webpage file. This embodiment uses a client's portfolio analysis report as an example; the content of the webpage file to be processed mainly includes text information and image information.

[0059] Step S102: Divide the web page content in the web page file to be processed into multiple business blocks according to business functions. Each business block includes multiple component modules, and each component module includes a component module identifier and module data.

[0060] In a specific embodiment, the business functions can be determined based on the business design. If the web page file to be processed is a user holding analysis report, then the business functions include user account analysis and investment direction analysis, etc. According to the different business functions, the web page content in the corresponding web page file to be processed can be divided into multiple business blocks.

[0061] According to a specific implementation of this application, the step of dividing the webpage content in the webpage file to be processed into multiple business blocks according to business functions includes:

[0062] Traverse the web page content in the web page file to be processed to obtain the component modules corresponding to multiple business functions;

[0063] Multiple components belonging to the same business function are divided into a business block to obtain multiple business blocks corresponding to each business function.

[0064] Specifically, each business block corresponds to a business function, so that the web page file can be paginated according to the business block in the future.

[0065] According to a specific implementation of the present application, business blocks can be designed and divided in advance based on the nature of the web page files to be processed, so as to obtain a block division model that can export a preset number of business blocks.

[0066] After the web page file to be processed is input into the block partitioning model, the block partitioning model automatically exports multiple business blocks that meet the preset design requirements for subsequent pagination and reorganization processing.

[0067] Step S103: Load the module data of all the constituent modules in each of the business blocks;

[0068] In a specific embodiment, after determining all business blocks corresponding to the webpage file to be processed, the module data of all constituent modules in each business block is loaded and processed to perform high-level analysis of the module data, which facilitates subsequent pagination processing.

[0069] According to a specific embodiment of this application, the constituent modules include a first type of constituent module and a second type of constituent module. The step of loading module data of all constituent modules in each of the service blocks includes:

[0070] Traverse the first type of component modules according to the first traversal level to load the module data in the first type of component modules;

[0071] The second type of component modules are traversed according to the second traversal level to load module data in the second type of component modules, wherein the first traversal level is greater than or equal to the second traversal level.

[0072] Specifically, the first type of component module can be a text-type component module, and the content in the first type of component module is all text information. In this case, the first type of component module can be traversed in two or three layers to obtain the title data and description data of the first type of component module.

[0073] The second type of component module can be an image-type component module. The content of the second type of component module includes image information and text information. In this case, a single-level traversal is performed on the second type of component module, only traversing the outermost parent container of the second type of component module, that is, obtaining the title data of the second type of component module.

[0074] Specifically, the first traversal level is greater than or equal to the second traversal level. In this embodiment, the first traversal level can be set to any level within three, and the second traversal level is set to one level.

[0075] The settings of the first traversal level and the second traversal level can both be determined based on the Document Object Model (DOM) module in the business block. According to the structural design of the DOM, the traversal levels of the first type of component module and the second type of component module can be adaptively set to construct pagination content with more prominent features.

[0076] It should be noted that for the second type of component module, which includes text and image information, traversing the outermost parent container indicates that only the titles of the corresponding text and image information are retrieved. During pagination, pagination is performed only based on these titles. The height information of the element associated with the title includes the height of both the text and image information.

[0077] According to a specific embodiment of this application, before the step of paginating the business block to be paginated according to the component module identifier and element height information, the method further includes:

[0078] Determine whether the business block includes a fully loaded identifier;

[0079] If the business block includes the fully loaded identifier, then the business block is divided into the business block to be paginated;

[0080] If the business block does not include the fully loaded identifier, wait for the business block to fully load all the module data of the constituent modules.

[0081] In a specific embodiment, the loading speed of data for each component module in a business block is not the same.

[0082] This embodiment can load module data in each component module simultaneously through parallel loading, thereby increasing the loading speed of module data in the business block.

[0083] Since the data loading speeds of each component module are different, a partial loading indicator can be provided when each component module has finished loading its data.

[0084] When the number of fully loaded identifiers in the same business block is equal to the number of constituent modules of the business block, it is determined that the business block has completed loading of all module data, and a fully loaded identifier is added to the business block to divide the business block into a business block to be paginated.

[0085] If the business block does not yet include the fully loaded identifier, it means that the current business block has not yet fully loaded all module data. After the current business block has fully loaded all module data, the fully loaded identifier will be added to the current business block for subsequent pagination processing.

[0086] Step S104: Paginate the business block to be paginated according to the component module identifier and element height information to obtain the target business block. The business block to be paginated is the business block that has completed the loading of all module data.

[0087] In a specific embodiment, the element height information includes the element's inner and outer margins.

[0088] The component module identifier can be understood as the title information of the component module, or it can be the feature information associated with each component module, and can be adaptively set according to the actual application scenario.

[0089] Specifically, pagination of business blocks and constituent modules can be implemented based on Vue's computed or observer features.

[0090] According to a specific implementation of this application, the step of paginating the business block to be paginated according to the component module identifier and element height information includes:

[0091] If the element height information of module data with unified component module identification information is less than or equal to the preset height information threshold;

[0092] The module data, which has unified component module identification information, is displayed on the same page.

[0093] If the element height information of the module data with unified component module identification information is greater than the preset height information threshold;

[0094] The module data, which has a unified component module identification information, is displayed on multiple pages.

[0095] In a specific embodiment, each business block to be paginated is located on a different display page. When different business blocks are already on different pages, the content in each business block is further paginated.

[0096] For a business block, if the height of the elements constituting the module does not exceed the margins of a page, the module data of the same constituting module will be displayed on the same page.

[0097] If, after displaying the module data of one component module on a page, the remaining page height is further determined, and if the remaining page height is greater than the user-preset coexistence height threshold, then the module data of another component module will continue to be displayed on the current page; if the remaining page height is less than or equal to the user-preset coexistence height threshold, then a new page will be created, and the module data of another component module will be displayed on the new page.

[0098] Wherein, the coexistence height threshold is less than the preset height information threshold.

[0099] When the height of a component module exceeds the margins of a page, the number of pages sufficient to store all the component module data is selected to display the module data, based on the component module's element height.

[0100] Step S105: Re-encode all target business blocks to obtain the target webpage file.

[0101] In a specific embodiment, after completing the pagination process for all business blocks to be paginated, reorganizing all target business blocks yields a reformatted target webpage file.

[0102] During the reorganization process, each target business block can be recoded according to the pre-set arrangement order of business blocks to obtain web page content with a preset page number order.

[0103] According to a specific implementation of this application, the step of recoding all target business blocks to obtain the target webpage file includes:

[0104] Determine whether all business blocks corresponding to the webpage file to be processed have been processed into the target business block;

[0105] If all business blocks corresponding to the web page file to be processed have been processed into the target business block, the target business blocks are arranged and reorganized according to the preset business block order, and page number marks are added to different pages to obtain the target web page file.

[0106] If not all business blocks corresponding to the webpage file to be processed are processed into the target business block, the remaining business blocks will be processed for pagination.

[0107] In a specific embodiment, before performing recoding, it is also necessary to determine whether all business blocks corresponding to the web page file to be processed have been fully paginated to avoid content loss when reassembling the web page file.

[0108] Specifically, the target business block includes a pagination completion identifier; by setting a pagination completion identifier in the target business block that has completed pagination processing, the determination that all business blocks have completed pagination processing can be achieved.

[0109] The step of determining whether all business blocks corresponding to the webpage file to be processed have been processed into the target business block includes:

[0110] Obtain the pagination completion identifier for each business block;

[0111] If the number of pagination completion markers is equal to the number of business blocks corresponding to the web page file to be processed, then output the result that all business blocks corresponding to the web page file to be processed have been processed into target business blocks.

[0112] If the number of pagination completion markers is less than the number of business blocks corresponding to the webpage file to be processed, then the result is output that not all business blocks corresponding to the webpage file to be processed have been processed into the target business block.

[0113] Specifically, during recoding, the content can be formatted according to the preset business block order bound to each business block, and then the block container used for block division can be deleted.

[0114] After the reorganization and layout process is completed, a corresponding page number mark is added to each page, and the corresponding block identifier information is bound to the page number mark. The block identifier information corresponds to the business function of the business block.

[0115] Users can retrieve the corresponding page number using the block identifier information, making it convenient for them to search for relevant content in the target webpage file.

[0116] In summary, this embodiment provides a webpage display method. By dividing the content of a webpage file into blocks and modules, and then performing pagination and reorganization processing on the content within each business block based on module identifier information and element height information, a target webpage file with prominent features can be obtained. This achieves automatic layout and automatic pagination display of the webpage file. The webpage display method provided by this embodiment offers users a more intuitive and aesthetically pleasing webpage display solution, thereby effectively improving the efficiency of financial analysis.

[0117] refer to Figure 2 This is a schematic diagram of a device module 200 for a webpage display device provided in an embodiment of this application. The webpage display device 200 provided in this embodiment of the application is as follows: Figure 2 As shown, the webpage display device 200 includes:

[0118] Module 201 is used to acquire the webpage file to be processed;

[0119] The partitioning module 202 is used to divide the web page content in the web page file to be processed into multiple business blocks according to business functions. Each business block includes multiple component modules, and each component module includes a component module identifier and module data.

[0120] Loading module 203 is used to load module data of all the constituent modules in each of the business blocks;

[0121] The pagination module 204 is used to perform pagination processing on the business block to be paginated according to the component module identifier and element height information to obtain the target business block, wherein the business block to be paginated is the business block that has completed the loading of all module data;

[0122] The combination module 205 is used to re-encode all target business blocks to obtain the target web page file.

[0123] Furthermore, this disclosure provides a computer device including a memory and a processor. The memory stores a computer program, which, when executed on the processor, performs the webpage display method provided in the above-described method embodiments.

[0124] Specifically, such as Figure 3 As shown, the computer device 300 provided in this embodiment includes:

[0125] The system includes components such as a radio frequency unit 301, a network module 302, an audio output unit 303, an input unit 304, a sensor 305, a display unit 306, a user input unit 307, an interface unit 308, a memory 309, a processor 310, and a power supply 311. Those skilled in the art will understand that... Figure 3 The mobile terminal structure shown does not constitute a limitation on the mobile terminal. A mobile terminal may include more or fewer components than shown, or combine certain components, or have different component arrangements. In the embodiments of this application, the mobile terminal includes, but is not limited to, mobile phones, tablet computers, laptop computers, PDAs, in-vehicle mobile terminals, wearable devices, and pedometers.

[0126] It should be understood that, in this embodiment, the radio frequency unit 301 can be used for receiving and transmitting signals during information transmission or calls. Specifically, it receives downlink data from the base station and processes it with the processor 310; additionally, it transmits uplink data to the base station. Typically, the radio frequency unit 301 includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low-noise amplifier, and a duplexer. Furthermore, the radio frequency unit 301 can also communicate with networks and other devices via a wireless communication system.

[0127] The mobile terminal provides users with wireless broadband internet access through network module 302, such as helping users send and receive emails, browse web pages, and access streaming media.

[0128] The audio output unit 303 can convert audio data received by the radio frequency unit 301 or the network module 302 or stored in the memory 309 into audio signals and output them as sound. Furthermore, the audio output unit 303 can also provide audio output related to specific functions performed by the computer device 300 (e.g., call signal reception sound, message reception sound, etc.). The audio output unit 303 includes a speaker, a buzzer, and a receiver, etc.

[0129] Input unit 304 is used to receive audio or video signals. Input unit 304 may include a graphics processing unit (GPU) 3041 and a microphone 3042. The GPU 3041 processes image data of still images or videos obtained by an image capture mobile terminal (such as a camera) in video capture mode or image capture mode. The processed image frames can be played back on display unit 306. The image frames processed by GPU 3041 can be stored in memory 309 (or other storage media) or transmitted via radio frequency unit 301 or network module 302. Microphone 3042 can receive sound and process such sound into audio data. The processed audio data can be converted into a format that can be transmitted to a mobile communication base station via radio frequency unit 301 in telephone call mode.

[0130] The computer device 300 also includes at least one sensor 305, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor includes an ambient light sensor and a proximity sensor. The ambient light sensor can adjust the brightness of the display panel 3061 according to the ambient light level, and the proximity sensor can turn off the display panel 3061 and / or backlight when the computer device 300 is moved to the ear. As a type of motion sensor, an accelerometer sensor can detect the magnitude of acceleration in various directions (generally three axes). When stationary, it can detect the magnitude and direction of gravity and can be used to identify the posture of the mobile terminal (such as landscape / portrait switching, related games, magnetometer posture calibration), vibration recognition related functions (such as pedometer, tapping), etc. The sensor 305 may also include a fingerprint sensor, pressure sensor, iris sensor, molecular sensor, gyroscope, barometer, hygrometer, thermometer, infrared sensor, etc., which will not be described in detail here.

[0131] The display unit 306 is used for video playback of information input by the user or information provided to the user. The display unit 306 may include a display panel 3061, which may be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like.

[0132] User input unit 307 can be used to receive input numerical or character information, and generate key signal inputs related to user settings and function control of the mobile terminal. Specifically, user input unit 307 includes touch panel 3071 and other input devices 3072. Touch panel 3071, also known as a touch screen, can collect touch operations on or near the user (such as operations performed by the user using a finger, stylus, or any suitable object or accessory on or near touch panel 3071). Touch panel 3071 may include two parts: a touch detection mobile terminal and a touch controller. The touch detection mobile terminal detects the user's touch position and the signal generated by the touch operation, and transmits the signal to the touch controller; the touch controller receives touch information from the touch detection mobile terminal, converts it into touch point coordinates, and sends it to processor 310, which receives and executes commands from processor 310. In addition, touch panel 3071 can be implemented using various types such as resistive, capacitive, infrared, and surface acoustic wave. In addition to touch panel 3071, user input unit 307 may also include other input devices 3072. Specifically, other input devices 3072 may include, but are not limited to, physical keyboards, function keys (such as volume control buttons, power buttons, etc.), trackballs, mice, joysticks, etc., which will not be described in detail here.

[0133] Furthermore, the touch panel 3071 can cover the display panel 3061. When the touch panel 3071 detects a touch operation on or near it, it transmits the information to the processor 310 to determine the type of touch event. Subsequently, the processor 310 provides corresponding visual output on the display panel 3061 based on the type of touch event. Although in Figure 3 In this embodiment, the touch panel 3071 and the display panel 3061 are two independent components to realize the input and output functions of the mobile terminal. However, in some embodiments, the touch panel 3071 and the display panel 3061 can be integrated to realize the input and output functions of the mobile terminal. The specific implementation is not limited here.

[0134] Interface unit 308 serves as an interface for connecting an external mobile terminal to computer device 300. For example, the external mobile terminal may include a wired or wireless headset port, an external power supply (or battery charger) port, a wired or wireless data port, a memory card port, a port for connecting a mobile terminal with an identification module, an audio input / output (I / O) port, a video I / O port, a headphone port, and so on. Interface unit 308 can be used to receive input (e.g., data, power, etc.) from the external mobile terminal and transmit the received input to one or more components within computer device 300, or it can be used to transmit data between computer device 300 and the external mobile terminal.

[0135] The memory 309 can be used to store software programs and various data. The memory 309 may primarily include a program storage area and a data storage area. The program storage area may store the operating system, applications required for at least one function (such as sound playback, image playback, etc.), etc.; the data storage area may store data created based on the use of the mobile phone (such as audio data, phonebook, etc.). Furthermore, the memory 309 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, or other volatile solid-state storage device.

[0136] The processor 310 is the control center of the mobile terminal. It connects various parts of the mobile terminal via various interfaces and lines. By running or executing software programs and / or modules stored in the memory 309, and by calling data stored in the memory 309, it performs various functions and processes data of the mobile terminal, thereby providing overall monitoring of the mobile terminal. The processor 310 may include one or more processing units; preferably, the processor 310 may integrate an application processor and a modem processor. The application processor mainly handles the operating system, user interface, and applications, while the modem processor mainly handles wireless communication. It is understood that the modem processor may not be integrated into the processor 310.

[0137] The computer device 300 may also include a power supply 311 (such as a battery) for supplying power to various components. Preferably, the power supply 311 can be logically connected to the processor 310 through a power management system, thereby enabling functions such as managing charging, discharging, and power consumption through the power management system.

[0138] In addition, the computer device 300 includes some functional modules not shown, which will not be described in detail here.

[0139] This embodiment also provides a computer-readable storage medium storing a computer program, which executes the webpage display method in the above method embodiment when run on a processor.

[0140] In addition, the specific implementation process of the web page display device, computer equipment and computer-readable storage medium mentioned in the above embodiments can be found in the specific implementation process of the above method embodiments, and will not be repeated here.

[0141] In the several embodiments provided in this application, it should be understood that the disclosed apparatus and methods can also be implemented in other ways. The apparatus embodiments described above are merely illustrative; for example, the flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of apparatus, methods, and computer program products according to various embodiments of the present invention. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that, as an alternative implementation, the functions marked in the blocks may occur in a different order than those marked in the drawings. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagram and / or flowchart, and combinations of blocks in the block diagram and / or flowchart, can be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

[0142] In addition, the functional modules or units in the various embodiments of the present invention can be integrated together to form an independent part, or each module can exist independently, or two or more modules can be integrated to form an independent part.

[0143] If the aforementioned functions are implemented as software functional modules and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this invention, or the part that contributes to the prior art, or a portion 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 a computer device (which may be a smartphone, personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this invention. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0144] The above description is merely a specific embodiment of the present invention, but the scope of protection of the present invention is not limited thereto. Any changes or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in the present invention should be included within the scope of protection of the present invention.

Claims

1. A webpage display method, characterized in that, The method includes: Obtain the webpage file to be processed; The webpage content in the webpage file to be processed is divided into multiple business blocks according to business functions using a block partitioning model. Each of the aforementioned business blocks includes multiple component modules, and each component module includes a component module identifier and module data; The constituent modules include a first type of constituent module and a second type of constituent module. Loading the module data of all constituent modules in each of the service blocks includes: Traverse the first type of component modules according to the first traversal level to load the module data in the first type of component modules; The second type of component modules are traversed according to the second traversal level to load the module data in the second type of component modules, wherein the first traversal level is greater than or equal to the second traversal level; Determine whether the business block includes a fully loaded identifier; If the business block includes the fully loaded identifier, then the business block is divided into a business block to be paginated; If the business block does not include the fully loaded identifier, wait for the business block to fully load all the module data of the constituent modules; The pagination process is performed on the business blocks to be paginated according to the component module identifier and element height information to obtain the target business block. The business block to be paginated is the business block that has completed the loading of all module data. All target business blocks are re-encoded to obtain the target webpage file.

2. The webpage display method according to claim 1, characterized in that, The step of dividing the webpage content in the webpage file to be processed into multiple business blocks according to business functions includes: Traverse the web page content in the web page file to be processed to obtain the component modules corresponding to multiple business functions; Multiple components belonging to the same business function are divided into a business block to obtain multiple business blocks corresponding to each business function.

3. The webpage display method according to claim 1, characterized in that, The step of paginating the business blocks to be paginated according to the component module identifier and element height information includes: If the element height information of module data with unified component module identification information is less than or equal to the preset height information threshold; The module data, which has unified component module identification information, is displayed on the same page. If the element height information of the module data with unified component module identification information is greater than the preset height information threshold; The module data, which has a unified component module identification information, is displayed on multiple pages.

4. The webpage display method according to claim 1, characterized in that, The step of re-encoding all target business blocks to obtain the target webpage file includes: Determine whether all business blocks corresponding to the webpage file to be processed have been processed into the target business block; If all business blocks corresponding to the web page file to be processed have been processed into the target business block, the target business blocks are arranged and reorganized according to the preset business block order, and page number marks are added to different pages to obtain the target web page file. If not all business blocks corresponding to the webpage file to be processed are processed into the target business block, the remaining business blocks will be processed for pagination.

5. The webpage display method according to claim 4, characterized in that, The target business block includes a pagination completion identifier; The step of determining whether all business blocks corresponding to the webpage file to be processed have been processed into the target business block includes: Obtain the pagination completion identifier for each business block; If the number of pagination completion markers is equal to the number of business blocks corresponding to the web page file to be processed, then output the result that all business blocks corresponding to the web page file to be processed have been processed into target business blocks. If the number of pagination completion markers is less than the number of business blocks corresponding to the webpage file to be processed, then the result is output that not all business blocks corresponding to the webpage file to be processed have been processed into the target business block.

6. A webpage display device, characterized in that, The device includes: The acquisition module is used to acquire the web page file to be processed. The partitioning module is used to divide the web page content in the web page file to be processed into multiple business blocks according to business functions using a block partitioning model. Each business block includes multiple component modules, and each component module includes a component module identifier and module data. A loading module is used to load module data of all the constituent modules in each of the business blocks. The constituent modules include a first type of constituent module and a second type of constituent module. Loading module data of all the constituent modules in each of the business blocks includes: traversing the first type of constituent module according to a first traversal level to load the module data in the first type of constituent module. The second type of component modules are traversed according to the second traversal level to load the module data in the second type of component modules, wherein the first traversal level is greater than or equal to the second traversal level; The judgment module is used to determine whether the business block includes a fully loaded identifier; If the business block includes the fully loaded identifier, then the business block is divided into a business block to be paginated; If the business block does not include the fully loaded identifier, wait for the business block to fully load all the module data of the constituent modules; The pagination module is used to paginate the business blocks to be paginated according to the component module identifier and element height information to obtain the target business block. The business block to be paginated is the business block that has completed the loading of all module data. The combination module is used to re-encode all target business blocks to obtain the target web page file.

7. A computer device, characterized in that, The computer device includes a processor and a memory, the memory storing a computer program that, when executed on the processor, performs the webpage display method according to any one of claims 1 to 5.

8. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program that, when run on a processor, executes the webpage display method according to any one of claims 1 to 5.

Images