Information display method, device and electronic equipment

Abstract

The present invention provides an information display method, device, electronic device and storage medium; the information display method of the client includes: obtaining data corresponding to each module related to the skeleton page of the client; obtaining the style name in the data corresponding to the module, and displaying the content to be displayed in the data corresponding to the module based on the style corresponding to the style name in the skeleton page; in response to the interactive operation of the module, sending the target page name and target page status in the data corresponding to the module to the server; receiving the jump data corresponding to the module returned by the server, the jump data is the data address determined by the server according to the target page name and the target page status, and obtained according to the data address; displaying the target page according to the jump data of the module. Through the present invention, the flexibility of modifying the page structure and jump logic can be improved, and dynamic update can be achieved.

Description

Technical Field

[0001] The present invention relates to the Internet and computer technology, and in particular to an information display method, device, electronic equipment and storage medium. Background Art

[0002] With the rapid development of computer technology, the client / server architecture has gradually emerged and has been widely used in various fields. For example, the application for viewing comics online is a typical application of the client / server architecture. In the client / server architecture, the server is used to provide data to the client, and the client is used to display the data in a specific organizational form (style) on the user page for users to browse.

[0003] In the solutions provided by related technologies, Hypertext Markup Language (HTML) 5 mixed with native development technology is usually applied to realize client information display, specifically, the entire HTML5 page is embedded in the application. However, the structure of the entire HTML5 page embedded in the application is fixed, and the page jump logic, such as jump links, is also fixed and cannot be changed without updating the client version, resulting in poor flexibility in modifying the page structure and realizing jumps. Summary of the invention

[0004] The embodiments of the present invention provide an information display method, device, electronic device and storage medium, which can dynamically change the page structure and jump logic of the client without updating the client version, thereby improving flexibility.

[0005] The technical solution of the embodiment of the present invention is achieved as follows:

[0006] An embodiment of the present invention provides a method for displaying information on a client, including:

[0007] Get the data corresponding to each module related to the client's skeleton page;

[0008] Acquire a style name in the data corresponding to the module, and display the content to be displayed in the data corresponding to the module on the skeleton page based on the style corresponding to the style name;

[0009] In response to the interactive operation on the module, sending the target page name and the target page status in the data corresponding to the module to the server;

[0010] Receiving the jump data corresponding to the module returned by the server, wherein the jump data is obtained by the server determining a data address according to the target page name and the target page status and obtaining the data address;

[0011] The target page is displayed according to the jump data of the module.

[0012] In the above scheme, after acquiring the style name in the data corresponding to the module and displaying the content to be displayed in the data corresponding to the module based on the style corresponding to the style name in the skeleton page, the method further includes:

[0013] When the data corresponding to the module includes an asynchronous field, acquiring the data corresponding to the module again;

[0014] According to the style name in the re-acquired data, in the skeleton page, the to-be-displayed content in the re-acquired data is updated and displayed.

[0015] The above scheme also includes:

[0016] Cache the data corresponding to the module;

[0017] When the client is in an offline state, a style name in the cached data corresponding to the module is obtained, and the content to be displayed in the cached data corresponding to the module is displayed in the skeleton page based on a style corresponding to the style name.

[0018] The above scheme also includes:

[0019] When the content to be displayed in the data corresponding to the module is empty, or the data corresponding to the module includes a style name indicating shielding, the data corresponding to the module is shielded.

[0020] In the above solution, the step of obtaining data corresponding to each module related to the skeleton page of the client includes:

[0021] In response to a selection operation on a skeleton page of the client, data corresponding to each module related to the selected skeleton page is obtained.

[0022] The above scheme also includes:

[0023] In response to a refresh operation on the skeleton page, data corresponding to each module related to the skeleton page is reacquired, and a style name in the data corresponding to the module is acquired, and the content to be displayed in the data corresponding to the module is displayed in the skeleton page based on a style corresponding to the style name.

[0024] An embodiment of the present invention provides a method for displaying information of a server, including:

[0025] Sending data corresponding to each module related to the skeleton page of the client to the client, so that the client obtains the style name in the data corresponding to the module, and displays the content to be displayed in the data corresponding to the module based on the style corresponding to the style name in the skeleton page;

[0026] Obtain the target page name and target page status sent by the client;

[0027] Determine a data address according to the target page name and the target page state, and obtain jump data according to the data address;

[0028] The jump data is sent to the client, so that the client displays a target page according to the jump data.

[0029] In the above solution, the sending of data corresponding to each module related to the skeleton page of the client to the client includes:

[0030] When the data corresponding to the module includes an asynchronous field, replacing the to-be-displayed content in the data corresponding to the module with the set content, and sending the replaced data corresponding to the module to the client;

[0031] When a request from the client for the data corresponding to the module is received again, the data corresponding to the module including the content to be displayed is sent to the client.

[0032] An embodiment of the present invention provides an information display device of a client, comprising:

[0033] The acquisition module is used to obtain data corresponding to each module related to the skeleton page of the client;

[0034] A first display module is used to obtain a style name in the data corresponding to the module, and display the content to be displayed in the data corresponding to the module based on the style corresponding to the style name in the skeleton page;

[0035] A sending module, used for sending the target page name and the target page status in the data corresponding to the module to the server in response to the interactive operation on the module;

[0036] A receiving module, used for receiving the jump data corresponding to the module returned by the server, wherein the jump data is obtained by the server according to the data address determined by the server according to the target page name and the target page status;

[0037] The second display module is used to display the target page according to the jump data of the module.

[0038] In the above solution, the information display device of the client further includes:

[0039] A re-acquisition module, used for re-acquiring the data corresponding to the module when the data corresponding to the module includes an asynchronous field;

[0040] The updating display module is used to update and display the to-be-displayed content in the re-acquired data in the skeleton page according to the style name in the re-acquired data.

[0041] In the above solution, the information display device of the client further includes:

[0042] A cache module, used for caching data corresponding to the module;

[0043] The cache display module is used to display the content to be displayed in the cached data corresponding to the module in the skeleton page when the client is in an offline state.

[0044] In the above solution, the information display device of the client further includes:

[0045] The shielding module is used to shield the data corresponding to the module when the content to be displayed in the data corresponding to the module is empty, or the data corresponding to the module includes a style name indicating shielding.

[0046] In the above scheme, the acquisition module is also used to:

[0047] In response to a selection operation on a skeleton page of the client, data corresponding to each module related to the selected skeleton page is obtained.

[0048] In the above solution, the information display device of the client further includes:

[0049] A refresh module is used to respond to a refresh operation on the skeleton page, re-acquire data corresponding to each module related to the skeleton page, and obtain a style name in the data corresponding to the module, and display the content to be displayed in the data corresponding to the module in the skeleton page based on the style corresponding to the style name.

[0050] An embodiment of the present invention provides an information display device of a server, comprising:

[0051] A first background sending module is used to send data corresponding to each module related to the skeleton page of the client to the client, so that the client obtains the style name in the data corresponding to the module, and displays the content to be displayed in the data corresponding to the module based on the style corresponding to the style name in the skeleton page;

[0052] A page information acquisition module is used to acquire the target page name and target page status sent by the client;

[0053] A jump data acquisition module, used to determine a data address according to the target page name and the target page state, and acquire jump data according to the data address;

[0054] The second background sending module is used to send the jump data to the client, so that the client displays a target page according to the jump data.

[0055] In the above solution, the first background sending module is also used for:

[0056] When the data corresponding to the module includes an asynchronous field, replacing the to-be-displayed content in the data corresponding to the module with the set content, and sending the replaced data corresponding to the module to the client;

[0057] When a request from the client for the data corresponding to the module is received again, the data corresponding to the module including the content to be displayed is sent to the client.

[0058] An embodiment of the present invention provides an electronic device, including:

[0059] A memory for storing executable instructions;

[0060] The processor is used to implement the information display method of the client or the information display method of the server provided in the embodiment of the present invention when executing the executable instructions stored in the memory.

[0061] An embodiment of the present invention provides a storage medium storing executable instructions for causing a processor to execute the instructions to implement the information display method of the client or the information display method of the server provided in the embodiment of the present invention.

[0062] The embodiments of the present invention have the following beneficial effects:

[0063] The embodiment of the present invention sends the data corresponding to each module in the page to the client through the server. After displaying the data, the client responds to the interactive operation of the module and requests jump data from the server according to the target page name and target page status in the data corresponding to the module, and displays the target page according to the obtained jump data, thereby improving the flexibility of modifying the page structure and realizing the jump and realizing dynamic update. BRIEF DESCRIPTION OF THE DRAWINGS

[0064] Figure 1 is an optional architecture diagram of the information display system 100 provided in an embodiment of the present invention;

[0065] Figure 2AThis is an optional architecture diagram of the information display device of the client provided in an embodiment of the present invention;

[0066] Figure 2B It is a schematic diagram of an optional architecture of the information display device of the server provided in an embodiment of the present invention;

[0067] Figure 3 This is an optional flowchart of the information display method provided by an embodiment of the present invention;

[0068] Figure 4 This is a schematic diagram of page jump provided by an embodiment of the present invention;

[0069] Figure 5 is another optional flow chart of the information display method provided by an embodiment of the present invention;

[0070] Figure 6 is another optional flow chart of the information display method provided by an embodiment of the present invention;

[0071] Figure 7 is a schematic diagram of a data structure provided by an embodiment of the present invention;

[0072] Figure 8 This is a schematic diagram of a client page provided by an embodiment of the present invention;

[0073] Fig. 9 This is a schematic diagram of another client page provided by an embodiment of the present invention;

[0074] Fig.10 It is a schematic diagram of a configuration page of a server provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0075] In order to make the purpose, technical solutions and advantages of the present invention clearer, the present invention will be further described in detail below in conjunction with the accompanying drawings. The described embodiments should not be regarded as limiting the present invention. All other embodiments obtained by ordinary technicians in the field without making creative work are within the scope of protection of the present invention.

[0076] In the following description, reference is made to “some embodiments”, which describe a subset of all possible embodiments, but it will be understood that “some embodiments” may be the same subset or different subsets of all possible embodiments and may be combined with each other without conflict.

[0077] In the following description, the terms "first\second" are merely used to distinguish similar objects and do not represent a specific ordering of the objects. It can be understood that "first\second" can be interchanged with a specific order or sequence where permitted, so that the embodiments of the present invention described herein can be implemented in an order other than that illustrated or described herein.

[0078] The relevant data collection and processing in the embodiments of this application should be strictly in accordance with the requirements of relevant national laws and regulations when applied in examples, obtain the informed consent or separate consent of the personal information subject, and carry out subsequent data use and processing within the scope of authorization of laws and regulations and the personal information subject.

[0079] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as those commonly understood by those skilled in the art to which the present invention belongs. The terms used herein are only for the purpose of describing the embodiments of the present invention and are not intended to limit the present invention.

[0080] Before further describing the embodiments of the present invention in detail, the nouns and terms involved in the embodiments of the present invention are described. The nouns and terms involved in the embodiments of the present invention are subject to the following interpretations.

[0081] (1) Skeleton page: refers to the page without loaded modules, which is built according to the data corresponding to the skeleton page.

[0082] (2) Data corresponding to the skeleton page: refers to data including configuration information of the skeleton page, which is used to construct the skeleton page. The configuration information includes components and / or attributes. For example, the component may be a search bar component, and the attribute may be a color attribute.

[0083] (3) Module: refers to an area divided on a page for displaying independent content. A page may include one or more modules.

[0084] (4) Data corresponding to the module: refers to the content data to be displayed in the module.

[0085] (5) Style: refers to the organization rules for displaying content on a page, such as the number of pictures, the width and height of the screen occupied by the pictures, font color and font size, etc.

[0086] The inventors found in the process of implementing the present invention that in an application using a client / server architecture, a whole HTML5 page is usually embedded into the application. However, the embedded HTML5 page has the following disadvantages:

[0087] (1) Before the client can display the HTML5 page, it needs to be connected to the Internet. If the client is offline, the HTML5 page is not available.

[0088] (2) When loading an HTML5 page, the webview component needs to be called. A white screen may appear under different systems, resulting in a poor user experience. Although there are auxiliary solutions to fix the above problems, such as loading the webview component in advance, this will reduce client stability and increase memory usage;

[0089] (3) The structure of the entire HTML5 page embedded in the application is fixed, and the page jump logic, such as the jump link, is also fixed and cannot be changed without updating the client version, resulting in poor flexibility in modifying the page structure and implementing the jump.

[0090] An embodiment of the present invention provides an information display method, device, electronic device and storage medium, which can realize the modification of page structure and the jump of target page by dynamically sending data through a server, thereby improving flexibility. The following describes an exemplary application of the electronic device provided by an embodiment of the present invention.

[0091] See also Figure 1 , Figure 1 It is an optional architecture diagram of the information display system 100 provided in an embodiment of the present invention. To support an information display application, the terminal device 400 (terminal device 400-1 and terminal device 400-2 are shown as examples) is connected to the server 200 via the network 300. The network 300 can be a wide area network or a local area network, or a combination of the two.

[0092] The server 200 is used to send data corresponding to each module related to the skeleton page of the client to the client; the terminal device 400 is used to obtain data corresponding to each module related to the skeleton page; obtain the style name in the data corresponding to the module, and display the content to be displayed in the data corresponding to the module based on the style corresponding to the style name in the skeleton page, wherein the skeleton page and module 1, module 2 and module 3 displayed in the skeleton page are exemplarily displayed in the graphical interface 410 (graphical interface 410-1 and graphical interface 410-2 are exemplarily shown); in response to the interactive operation on the module, the target page name and target page status in the data corresponding to the module are sent to the server 200; the server 200 is used to determine the data address according to the target page name and the target page status, and obtain jump data according to the data address; send the jump data to the client; the terminal device 400 is used to receive the jump data corresponding to the module returned by the server 200; display the target page according to the jump data of the module ( Figure 1 not shown).

[0093] The following is a description of exemplary applications of the electronic device provided by the embodiment of the present invention. The electronic device can be implemented as various types of terminal devices such as a laptop computer, a tablet computer, a desktop computer, a set-top box, a mobile device (e.g., a mobile phone, a portable music player, a personal digital assistant, a dedicated messaging device, a portable gaming device), and can also be implemented as a server. The following description is made by taking the electronic device as an example of a terminal device.

[0094] See also Figure 2A , Figure 2A The terminal device 400 provided in the embodiment of the present invention (for example, it may be Figure 1 An optional architecture diagram of a terminal device 400-1 and a device terminal 400-2 is shown, Figure 2A The terminal device 400 shown includes: at least one processor 410, a memory 450, at least one network interface 420 and a user interface 430. The various components in the terminal device 400 are coupled together via a bus system 440. It is understood that the bus system 440 is used to achieve connection and communication between these components. In addition to the data bus, the bus system 440 also includes a power bus, a control bus and a status signal bus. However, for the sake of clarity, the bus system 440 is not shown in FIG. Figure 2A Various buses are labeled as bus system 440 .

[0095] The processor 410 may be an integrated circuit chip having signal processing capabilities, such as a general-purpose processor, a digital signal processor (DSP), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc., wherein the general-purpose processor may be a microprocessor or any conventional processor, etc.

[0096] The user interface 430 includes one or more output devices 431 that enable presentation of media content, including one or more speakers and / or one or more visual display screens. The user interface 430 also includes one or more input devices 432, including user interface components that facilitate user input, such as a keyboard, mouse, microphone, touch screen display, camera, other input buttons and controls.

[0097] The memory 450 may be removable, non-removable, or a combination thereof. Exemplary hardware devices include solid-state memory, hard disk drives, optical disk drives, etc. The memory 450 may optionally include one or more storage devices that are physically remote from the processor 410.

[0098] The memory 450 includes a volatile memory or a non-volatile memory, and may also include both volatile and non-volatile memories. The non-volatile memory may be a read-only memory (ROM), and the volatile memory may be a random access memory (RAM). The memory 450 described in the embodiment of the present invention is intended to include any suitable type of memory.

[0099] In some embodiments, memory 450 can store data to support various operations, examples of which include programs, modules, and data structures, or a subset or superset thereof, as exemplarily described below.

[0100] Operating system 451, including system programs for processing various basic system services and performing hardware-related tasks, such as a framework layer, a core library layer, a driver layer, etc., for implementing various basic services and processing hardware-based tasks;

[0101] A network communication module 452, used to reach other computing devices via one or more (wired or wireless) network interfaces 420, exemplary network interfaces 420 include: Bluetooth, Wireless Authentication (WiFi), and Universal Serial Bus (USB);

[0102] a presentation module 453 for enabling presentation of information via one or more output devices 431 (e.g., display screen, speaker, etc.) associated with the user interface 430 (e.g., a user interface for operating peripherals and displaying content and information);

[0103] The input processing module 454 is used to detect one or more user inputs or interactions from one of the one or more input devices 432 and translate the detected inputs or interactions.

[0104] In some embodiments, the information display device of the client provided by the embodiments of the present invention can be implemented in a software manner. Figure 2A An information display device 455 of a client stored in a memory 450 is shown, which may be software in the form of a program or plug-in, including the following software modules: an acquisition module 4551, a first display module 4552, a sending module 4553, a receiving module 4554 and a second display module 4555. These modules are logical and can therefore be arbitrarily combined or further split according to the functions implemented.

[0105] The functions of each module will be described below.

[0106] In other embodiments, the information display device of the client provided by the embodiment of the present invention can be implemented in hardware. As an example, the information display device of the client provided by the embodiment of the present invention can be a processor in the form of a hardware decoding processor, which is programmed to execute the information display method of the client provided by the embodiment of the present invention. For example, the processor in the form of a hardware decoding processor can adopt one or more application-specific integrated circuits (ASICs), DSPs, programmable logic devices (PLDs), complex programmable logic devices (CPLDs), field programmable gate arrays (FPGAs) or other electronic components.

[0107] The following description will be made by taking the electronic device as a server as an example.

[0108] See also Figure 2B , Figure 2B The server 200 provided in the embodiment of the present invention (for example, it may be Figure 1 An optional architecture diagram of the server 200 shown in FIG. Figure 2B The terminal device 200 shown includes: at least one processor 210, a memory 250, at least one network interface 220 and a user interface 230. The various components in the server 200 are coupled together via a bus system 240. It is understood that the bus system 240 is used to achieve connection and communication between these components. In addition to the data bus, the bus system 240 also includes a power bus, a control bus and a status signal bus. However, for the sake of clarity, the bus system 240 is not described in detail. Figure 2B In the figure, various buses are labeled as bus system 240. It is worth noting that Figure 2B The processor 210, the memory 250 (including the operating system 251, the network communication module 252, the presentation module 253 and the input processing module 254), the network interface 220, the user interface 230, and the bus system 240 are all connected to Figure 2A The functions of the corresponding components are the same and will not be described here to avoid repetition.

[0109] In some embodiments, the information display device of the server provided in the embodiments of the present invention can be implemented in a software manner. Figure 2BAn information display device 255 of a server stored in a memory 250 is shown, which may be software in the form of a program or plug-in, including the following software modules: a first background sending module 2551, a page information acquisition module 2552, a jump data acquisition module 2553, and a second background sending module 2554. These modules are logical, and therefore may be arbitrarily combined or further split according to the functions implemented.

[0110] The functions of each module will be described below.

[0111] In other embodiments, the information display device of the server provided by the embodiment of the present invention can be implemented in hardware. As an example, the information display device of the server provided by the embodiment of the present invention can be a processor in the form of a hardware decoding processor, which is programmed to execute the information display method of the server provided by the embodiment of the present invention. For example, the processor in the form of a hardware decoding processor can adopt one or more application-specific integrated circuits (ASICs), DSPs, programmable logic devices (PLDs), complex programmable logic devices (CPLDs), field programmable gate arrays (FPGAs) or other electronic components.

[0112] The information display method provided in the embodiment of the present invention can be executed by the above-mentioned server, or by a terminal device (for example, it can be Figure 1 The process is executed by the terminal device 400-1 and the terminal device 400-2 as shown, or is executed jointly by the server and the terminal device.

[0113] The following will describe the process of the information display method being jointly executed by the server and the terminal device in combination with the exemplary applications and structures of the server and the terminal device described above.

[0114] See also Figure 3 , Figure 3 is an optional flow chart of the information display method provided by the embodiment of the present invention, which will be combined with Figure 3 The steps shown are explained.

[0115] In step 301, the server sends data corresponding to each module related to the skeleton page of the client to the client.

[0116] For example, after receiving the data request from the client, the server sends to the client the data corresponding to each module related to the client's skeleton page. The data corresponding to the module can be pre-set by the backend personnel. The data corresponding to the module includes at least the style name, the target page name, the target page status and the content to be displayed. The content to be displayed may be pictures or text. For easy identification, different fields may be set in advance for different contents in the data corresponding to the module.

[0117] In some embodiments, the above-mentioned server sending the data corresponding to each module related to the skeleton page of the client to the client can be implemented in the following way: when the data corresponding to the module includes an asynchronous field, the server replaces the content to be displayed in the data corresponding to the module with the set content, and sends the replaced data corresponding to the module to the client; when the client's request for the data corresponding to the module is received again, the server sends the data corresponding to the module including the content to be displayed to the client.

[0118] For the content to be displayed included in the data corresponding to the module, there may be characteristics that are complex to calculate or cannot be cached by the client, so the server can send the content to be displayed asynchronously. Specifically, when the data corresponding to the module includes a pre-set asynchronous field, the server replaces the content to be displayed in the data corresponding to the module with the set content, and sends the replaced data corresponding to the module to the client, so that the client displays the set data, wherein the set content may be empty. When the set content is empty, the client directly blocks the received data corresponding to the module. When the server receives a request from the client for the data corresponding to the module again, the server sends the data corresponding to the module including the content to be displayed to the client, so that the client displays the content to be displayed in the skeleton page. The above method improves the applicability of the sending operation to asynchronous scenarios.

[0119] In step 302, the client obtains data corresponding to each module related to the skeleton page of the client.

[0120] In some embodiments, the client may obtain data corresponding to each module related to the skeleton page of the client in the following manner: in response to a selection operation on the skeleton page of the client, the client obtains data corresponding to each module related to the selected skeleton page.

[0121] For example, in some application scenarios, the client may include multiple channels, and each channel corresponds to a separate skeleton page. Therefore, in an embodiment of the present invention, in response to the selection operation of the skeleton page of the client, such as the skeleton page includes the skeleton page of channel A, the skeleton page of channel B, and the skeleton page of channel C, in response to the user's selection operation of the skeleton page of channel C, only the data corresponding to each module related to the skeleton page of channel C is obtained. On this basis, before the server sends the data corresponding to each module related to the skeleton page of the client, the client can initiate a data request to the server according to the selected skeleton page, so that the server only sends the data corresponding to each module related to the selected skeleton page, thereby reducing resource consumption.

[0122] In step 303, the client obtains a style name in the data corresponding to the module, and displays the content to be displayed in the data corresponding to the module in the skeleton page based on a style corresponding to the style name.

[0123] The client obtains the style name in the data corresponding to the module, and displays the content to be displayed in the data corresponding to each module in the skeleton page of the client according to the style stored in the client. Among them, the client style can be uniformly obtained by the client when updating the client version and stored locally on the client, or it can be obtained in other ways. Displaying the content to be displayed in the data corresponding to the module according to the style is essentially organizing the content to be displayed according to the organizational rules corresponding to the style, such as displaying the content to be displayed as a picture according to a specific aspect ratio. The above process of displaying the content to be displayed in the page can be implemented using native technology, thereby eliminating the shortcomings brought about by the application of HTML5 pages.

[0124] In some embodiments, after the client obtains the data corresponding to each module related to the client's skeleton page, it also includes: when the content to be displayed in the data corresponding to the module is empty, or the data corresponding to the module includes a style name indicating blocking, the client blocks the data corresponding to the module.

[0125] When the content to be displayed in the acquired data corresponding to the module is empty, or the data corresponding to the module includes a style name indicating shielding, in order to improve the display effect, the data corresponding to the module is shielded.

[0126] In some embodiments, after the client obtains the style name in the data corresponding to the module and displays the content to be displayed in the data corresponding to the module in the skeleton page based on the style corresponding to the style name, it also includes: when the data corresponding to the module includes an asynchronous field, the client obtains the data corresponding to the module again; and according to the style name in the data obtained again, updates and displays the content to be displayed in the data obtained again in the skeleton page.

[0127] In the asynchronous transmission scenario, the data corresponding to the module received by the client includes an asynchronous field. The content to be displayed in the data corresponding to the module may only be the setting content replaced by the server. In this case, the client sends a request to the server to obtain the data corresponding to the module again, and updates the content to be displayed in the data obtained again in the skeleton page according to the style name in the data obtained again. The above method improves the display effect of the client in the asynchronous scenario.

[0128] In some embodiments, after the client obtains the data corresponding to each module related to the client's skeleton page, it also includes: the client caches the data corresponding to the module; when the client is in an offline state, obtains the style name in the cached data corresponding to the module, and displays the content to be displayed in the cached data corresponding to the module in the skeleton page based on the style corresponding to the style name.

[0129] A cache mechanism is set up for the client, specifically caching the data corresponding to each module related to the skeleton page. When the client is offline, that is, unable to communicate with the server, the client obtains the style name in the data corresponding to the cached module, and displays the content to be displayed in the data corresponding to the cached module based on the style corresponding to the style name in the skeleton page. The offline loading of the module is realized in the above manner.

[0130] In some embodiments, between any steps, the information display method also includes: the client responds to a refresh operation on the skeleton page, re-acquires data corresponding to each module related to the skeleton page, and obtains a style name in the data corresponding to the module, and displays the content to be displayed in the data corresponding to the module in the skeleton page based on the style corresponding to the style name.

[0131] For example, the refresh operation may be a pull-down operation on the skeleton page. In response to the refresh operation on the skeleton page, the client re-acquires the data corresponding to each module related to the skeleton page, and obtains the style name in the data corresponding to the module, and re-displays the content to be displayed in the data corresponding to the module in the skeleton page based on the style corresponding to the style name, thereby achieving real-time update of the data.

[0132] In step 304, the client sends the target page name and the target page status in the data corresponding to the module to the server in response to the interactive operation on the module.

[0133] After the client displays the content to be displayed in the data corresponding to the skeleton page display module, it can respond to the interactive operation of a module in the skeleton page and send the target page name and target page status in the data corresponding to the module to the server. Among them, the interactive operation is such as the user clicking on the module in the skeleton page. It is worth noting that the target page name in this article is used to determine the new skeleton page to jump to, and the target page status is used to determine the specific content filled into the new skeleton page. The specific content can be presented in module form or other forms, and the embodiments of the present invention are not limited to this.

[0134] In step 305, the server obtains the target page name and target page status sent by the client.

[0135] In step 306, the server determines a data address according to the target page name and the target page status, and obtains jump data according to the data address.

[0136] The server determines the data address according to the target page name and the target page status, and determines the jump data stored at the data address, and the jump data includes data related to the skeleton page to be jumped to, and data related to the content filled into the skeleton page. It is worth noting that in some cases, such as when the target page is an HTML5 page determined by a URL, the server may also replace the target page name and the target page status in the data corresponding to the module with the data address when sending the data corresponding to the module, thereby obtaining the jump data according to the data address sent by the client.

[0137] In step 307, the server sends the jump data to the client.

[0138] In step 308, the client receives the jump data corresponding to the module returned by the server.

[0139] In step 309, the client displays the target page according to the jump data of the module.

[0140] The client displays the target page according to the jump data of the corresponding module to realize the page jump. The target page can be a native page or an HTML5 page, which is not limited in the embodiment of the present invention.

[0141] Taking the client as a client for browsing comics as an example, assuming that the comic A module is displayed in the skeleton page of the client, the target page name included in the data corresponding to the module is the comic details page, and the target page status included in the data corresponding to the module is: the number corresponding to comic A in the server. In this way, the server can determine the data related to the comic details page (new skeleton page) according to the target page name, and the server can determine the data of comic A corresponding to the number according to the target page status, and unify the data related to the comic details page and the data of comic A as jump data. After sending them to the client, the client can display the comic details page including the data of comic A, that is, the target page, according to the jump data. On this basis, the target page status can also include information such as the user's reading progress of comic A stored by the server. Therefore, after the server sends the jump data to the client, the client can display the content corresponding to the reading progress of comic A in the comic details page to improve the user experience.

[0142] For ease of understanding, the present invention provides Figure 4 The page jump diagram shown in Figure 4 In the example, the server locates the specific page according to the target page name sent by the client, and determines the relevant status of the specific content filled in the page according to the target page status. Thus, through the target page name and the target page status, the server can determine the target page including the specific content, and send the jump data related to the target page to the client. The client obtains the jump data and renders the jump data to display the target page, thereby realizing the page jump.

[0143] Through the embodiments of the invention Figure 3 It can be seen from the above exemplary implementation that the embodiment of the present invention modularizes the page, and the server sends the data corresponding to each module related to the skeleton page, so that the page structure and jump logic of the client page can be adjusted without updating the client version, thereby realizing dynamic update and improving flexibility. In addition, the embodiment of the present invention can be implemented using native technology, thereby eliminating the shortcomings brought about by the application of HTML5 pages.

[0144] See also Figure 5 , Figure 5 is another optional flow chart of the information display method provided by the embodiment of the present invention, which is combined with Figure 5 The steps shown are explained in Figure 5 In step 501 , before step 301 , the client may obtain a client identifier of the client and encapsulate the client identifier into a page data request.

[0145] The skeleton page of the client can also be obtained by the client requesting the server. Specifically, the client obtains the client identifier, which can be preset. For example, the client identifier can include the current version of the client, the device number of the terminal device where the client is located, and the user's gender. The client identifier can be pre-processed by the client and stored locally on the client, and directly obtained when needed. Then, the obtained client identifier is encapsulated into the page data request, for example, it can be encapsulated into the request header of the page data request.

[0146] In step 502, the client sends the page data request to the server.

[0147] In step 503, the server obtains the page data request sent by the client, and determines the client identifier in the page data request.

[0148] In step 504, the server determines a first filtering attribute included in data corresponding to at least two skeleton pages.

[0149] Here, the server stores data corresponding to at least two skeleton pages, and for the data corresponding to each skeleton page, determines the first filtering attribute included therein, and the first filtering attribute can be preset by the backend personnel.

[0150] In step 505, the server filters out a first filtering attribute that matches the client identifier, and sends data corresponding to the skeleton page including the first filtering attribute to the client.

[0151] Among the data corresponding to at least two skeleton pages, the server filters out the first filter attribute that matches the client identification, and sends the data corresponding to the skeleton page including the first filter attribute to the client. For example, the server includes data corresponding to 20 skeleton pages, of which the first filter attribute in the data corresponding to 10 skeleton pages is new users, and the first filter attribute in the data corresponding to the other 10 skeleton pages is old users. Then, when the client is identified as a new user, only the data corresponding to the 10 skeleton pages whose first filter attribute is new users are filtered out. Then, the filtered data corresponding to the skeleton pages are sent to the client.

[0152] In step 506, the client obtains data corresponding to the skeleton page returned by the server.

[0153] In some embodiments, between any steps, the information display method further includes: the client resends the page data request to the server in response to a restart operation on the client, and obtains data corresponding to the skeleton page returned by the server.

[0154] For the restart operation, in order to ensure the real-time nature of the data, the client resends a page data request to the server, obtains the data corresponding to the skeleton page returned by the server, and continues to execute subsequent steps.

[0155] In step 507, the client constructs the skeleton page according to the data corresponding to the skeleton page.

[0156] The client constructs a skeleton page according to the data corresponding to the skeleton page obtained. The construction method can be pre-set in the data corresponding to the skeleton page. The embodiment of the present invention does not limit it. For example, when the data corresponding to the skeleton page obtained by the client is at least two, the skeleton page can be constructed by applying multiple channels in parallel. It is worth noting that the constructed skeleton page does not have to be displayed immediately, and can be displayed uniformly after receiving the data corresponding to the module related to the skeleton page.

[0157] The contents of step 301 to step 309 are the same as above and will not be repeated here.

[0158] In some embodiments, after the client obtains the data corresponding to each module related to the client's skeleton page, it also includes: the client caches the data corresponding to the skeleton page and the data corresponding to the module; when the client is in an offline state, constructs the skeleton page according to the cached data corresponding to the skeleton page; obtains the style name in the cached data corresponding to the module, and displays the content to be displayed in the cached data corresponding to the module in the skeleton page based on the style corresponding to the style name.

[0159] The client can cache the acquired data corresponding to the skeleton page and the data corresponding to the module. When caching, a mapping relationship between the data corresponding to the skeleton page and the data corresponding to the module can be established to avoid confusion. It is worth noting that the client may not cache the data corresponding to the module including asynchronous fields. When the client is offline and cannot communicate with the server, the client can build a page based on the cached data corresponding to the skeleton page, and display the content to be displayed in the cached data corresponding to the module in the skeleton page. The offline display of the skeleton page and the module is achieved in the above manner.

[0160] Through the embodiments of the invention Figure 5 It can be seen from the above exemplary implementation that the embodiment of the present invention sets the first filtering attribute for the data corresponding to the skeleton page, so that the client can request the data corresponding to the skeleton page matching the client identifier, thereby improving the user experience and page display effect.

[0161] See also Figure 6 , Figure 6is another optional flow chart of the information display method provided by the embodiment of the present invention, based on Figure 3 , Figure 6 Step 301 and step 302 are updated in Figure 6 The following steps are involved:

[0162] In step 601, the client encapsulates the client identifier and the page identifier of the skeleton page into a module data request.

[0163] Similarly, the client can use the module data request to request the server for the data corresponding to the module. Here, in order to facilitate the server to identify which skeleton page the module data is related to, in addition to the client identifier, the client also encapsulates the page identifier of the skeleton page into the module data request, specifically, it can be encapsulated into the request header of the module data request. It is worth noting that the skeleton page on the client is based on Figure 5 On the basis of constructing the data corresponding to the skeleton page shown, the page identifier can be set in the data corresponding to the skeleton page, so that the client can determine the page identifier after receiving the data corresponding to the skeleton page.

[0164] In step 602, the client sends the module data request to the server.

[0165] In step 603, the server obtains the module data request sent by the client, and determines the client identifier and the page identifier in the module data request.

[0166] In step 604, the server determines data corresponding to at least two modules corresponding to the page identifier, and determines a second filtering attribute included in the data corresponding to the modules.

[0167] The server determines data corresponding to at least two modules corresponding to the page identifier, and for the determined data corresponding to each module, further determines a second filtering attribute included in the data corresponding to the module, and the second filtering attribute can be preset by the backend personnel.

[0168] In step 605, the server filters out a second filtering attribute that matches the client identifier, and sends data corresponding to the module including the second filtering attribute to the client.

[0169] Among the data corresponding to at least two modules corresponding to the page identifier, the server filters out the data corresponding to the module whose second filter attribute matches the client identifier. For example, for page identifier A, the server stores data corresponding to 20 modules corresponding to the page identifier, of which 10 modules have data corresponding to new users as the second filter attribute, and the other 10 modules have data corresponding to old users as the second filter attribute. When the client identifier in the module data request is a new user and the page identifier is page identifier A, the server only filters out the data corresponding to the above 10 modules whose second filter attribute is new users. Then, the data corresponding to the filtered modules are sent to the client.

[0170] In step 606, the client obtains data corresponding to the module returned by the server.

[0171] exist Figure 6 In the example, between any steps, the information display method further includes: in step 607, the server sends a style corresponding to the style name to the client.

[0172] In addition to the above-mentioned method of the server issuing the client version to make the client store the style, in the embodiment of the present invention, the server can also directly send the style corresponding to the style name to the client. The style can be included in the data corresponding to the skeleton page sent by the server and sent together; it can also be included in the data corresponding to the module sent by the server and sent together; it can also be sent by the server to the client separately, and there is no limitation on this. In addition, Figure 5 The sending timing of the style shown in is only an example, and the sending timing can be set according to the actual application scenario.

[0173] In step 608, the client obtains the style corresponding to the style name sent by the server and stores the style.

[0174] The client obtains the style corresponding to the style name sent by the server and stores the style locally. In this way, the data with the corresponding style name can be organized and displayed according to the style. The above-mentioned server sending style method improves the flexibility of sending style and also facilitates the server to manage the style.

[0175] The contents of step 303 to step 309 are the same as above and will not be repeated here.

[0176] Through the embodiments of the invention Figure 6It can be seen from the above exemplary implementation that the embodiment of the present invention sets a second filtering attribute for the data corresponding to the module, so that the client can receive the data corresponding to the module corresponding to the skeleton page and matching the client identifier on the basis of the existing skeleton page, thereby improving the user experience and module display effect. In addition, by sending the style to the client through the server, the client style is updated without updating the client version, thereby improving the server's style management capabilities.

[0177] The following describes an exemplary application of the embodiments of the present invention in a practical application scenario.

[0178] The embodiments of the present invention provide Figure 7 The data structure diagram shown in Figure 7 In the example, the skeleton page is used as the channel page. A channel page corresponds to at least one module. Figure 7 In the example, a channel page corresponds to three modules, the module is represented by "Module" and the channel page is represented by "Tab". In the data structure corresponding to the channel page, it includes the channel page identifier "tab_id", where the channel page identifier is the page identifier mentioned above; it also includes the field "stick" used to determine the order and top of the channel page, for example, the homepage of the client can display one of multiple channel pages, and the corresponding channel page is configured to be displayed first through "stick"; it also includes the first filtering attribute "filter" used to filter the channel page; it also includes the field "config" used to control the presence and attribute configuration of components in the channel page, for example, a search bar component can be added through "config", and the background color of the channel page can also be configured through "config". The data corresponding to the channel page organized in the above data structure is stored in the server. When the server receives a page data request for the channel page from the client, the server filters out the first filtering attribute that meets the client identifier according to the client identifier in the page data request, and sends the data corresponding to the channel page including the first filtering attribute to the client. The client continues to initiate a module data request to the server based on the received data corresponding to the channel page. Figure 7 In the example, the module data request is reflected in the function get_modules($tab_id, $user_agent) for obtaining the module. The "user_agent" in the function is the client identifier. The "tab_id" in the function can be the channel page identifier in the data corresponding to all channel pages sent by the server to the client, or it can be the channel page identifier in the data corresponding to the selected channel page determined by the client in response to the selection operation of the channel page.

[0179] In the data structure corresponding to the module, the module identifier "module_id" is included. In the server, a mapping relationship between the channel page identifier and the module identifier is pre-set; the data structure also includes a style name "style" for controlling the display of the data corresponding to the module in the channel page; it also includes a second filter attribute "filter" for module filtering, and the content of the second filter attribute here can be the same as or different from the first filter attribute above; it also includes an abstract field "view" for display in the channel page; it also includes a general jump field "action" for saving the target page name and the target page state; it also includes an asynchronous field "async" for prompting the server to send asynchronously; it also includes a submodule field "children" for constructing a submodule under the module. It is worth noting that the data structure of the submodule is the same as the data structure of the module; it also includes a template "template" and source data "data". When the data corresponding to the module needs to be displayed, the template included therein is first parsed, and then the source data is inserted into the template, and finally the template is inserted into the channel page to complete the display, that is, the content in the above-mentioned abstract field, the template and the source data together constitute the content to be displayed.

[0180] After the server sends the data corresponding to the module to the client, the client renders according to the template and source data therein. Specifically, the client first executes the before-rendering hook function before_render ($template, $data). The before-rendering hook function is mainly used to check whether there is unrecognizable content in the template and source data. When there is unrecognizable content, the data corresponding to the entire module is shielded; then, the client executes the rendering function render ($template, $data) to render the template and source data; then, the client executes the after-rendering hook function after_render ($render_data, $user_agent), where "render_data" is the rendering result. The after-rendering hook function is used to check whether there is a content problem in the rendering result. For example, for the data corresponding to the module including asynchronous fields, check whether the rendering result includes the data obtained by the asynchronous request. For example, when the module includes four sub-modules, check whether the four sub-modules are all displayed in the rendering result. When the post-rendering hook function detects that the rendering result has content problems, the data corresponding to the module with the content problem is shielded; when the post-rendering hook function detects that the rendering result does not have content problems, the rendering result is displayed on the channel page.

[0181] In order to better understand the content of the embodiments of the present invention, the present invention provides the following Figure 8A schematic diagram of a client page is shown. Taking the client homepage as an example, there are five channel names on the top, namely "Update", "Selected", "Ranking", "Young Soul" and "Girl Heart". Each channel name corresponds to a channel page. Figure 8 What is displayed is the "Featured" channel page. It is worth mentioning that the "stick" field above can be used to configure which channel page is displayed first and configure the order between the channel names. The search bar component 81 under the channel name can be configured through the "config" field above. Of course, the channel name and the area where the channel name is located can also be configured as a component. Below the search bar component 81, there are 4 modules, namely module 82, module 83, module 84 and module 85, among which module 82 includes three sub-modules, namely "Comics 2", "Comics 3" and "Comics 4", and the sub-modules can be configured through the "children" field above. The text that appears in the module can be configured through the "view" field above, for example, in the sub-module 831 included in module 83, the text of "Comics 2" and "Episode 1 / Episode 137". Of course, the text can also be configured through the "data" field and displayed after rendering.

[0182] In order to better understand the content of the embodiments of the present invention, the present invention provides the following Fig. 9 The schematic diagram of another client page shown in the figure takes the "My" page of the client as an example. At the top is component 91 including "User A", "Sign in to receive benefits" and level prompts, which can be configured through the "config" field above. Under component 91, there are module 92, module 93, module 94, module 95 and module 96. Similarly, the sub-modules included in the module can be configured through the "children" field above, such as the "Comic 2", "Comic 3", "Comic 4", "Comic 1" and "Offline Download" sub-modules included in module 93, or the "Today's Task", "My Gift", "Doubi Mall" and "Activity" sub-modules included in module 95, among which the "Comic 2" sub-module is in Fig. 9 The submodule "offline download" is shown as submodule 931 in Fig. 9 It is shown as submodule 932.

[0183] In order to better understand the content of the embodiments of the present invention, the present invention provides the following Fig.10 A schematic diagram of a server configuration page is shown in Fig.10 In the list, channel names including "Update", "Featured" and "Ranking" are listed. The currently configured channel page corresponds to the channel name of "Featured". Fig.10 The channel page identifier 101 of the currently configured channel page is shown. Fig.10The channel page identifier 101 also includes a filter attribute 102, namely "male", which is only an example and can be the first filter attribute or the second filter attribute mentioned above. Fig.10 "Banner", "Recently Reading" and "Free Reading Card" in the module. Each module is equipped with a corresponding module logo, such as Fig.10 In the module identifier 103 of the "Banner" module, in addition, the name of each module can be configured to facilitate the management of backend personnel. In the data corresponding to the module, Fig.10 The following table shows three types of configurable content: events, main elements, and titles. Of course, depending on the actual application scenario, you can add or delete some configurable content. There is no limitation on this. The main elements and titles are the content to be displayed in the data corresponding to the module. Events indicate the operations triggered when users interact with the module. The content under events can be configured as the target page name and target page status. Of course, you can also Fig.10 As shown, it is configured as a data address. In this way, after the user clicks on the module, the client uploads the corresponding data address to the server. The server obtains the jump data according to the data address and sends the jump data to the client. The client displays the target page according to the jump data.

[0184] Next, the exemplary structure of the client information display device 455 provided in the embodiment of the present invention is implemented as a software module. In some embodiments, Figure 2A As shown, the software modules in the information display device 455 of the client stored in the memory 450 may include: an acquisition module 4551, used to acquire data corresponding to each module related to the skeleton page of the client; a first display module 4552, used to acquire the style name in the data corresponding to the module, and display the to-be-displayed content in the data corresponding to the module based on the style corresponding to the style name in the skeleton page; a sending module 4553, used to send the target page name and the target page status in the data corresponding to the module to the server in response to the interactive operation on the module; a receiving module 4554, used to receive the jump data corresponding to the module returned by the server, the jump data is the data address determined by the server according to the target page name and the target page status, and acquired according to the data address; a second display module 4555, used to display the target page according to the jump data of the module.

[0185] In some embodiments, the client information display device 455 also includes: an identification encapsulation module, used to obtain the client identification of the client, and encapsulate the client identification into a page data request; a page request module, used to send the page data request to the server, and obtain the data corresponding to the skeleton page returned by the server, the data corresponding to the skeleton page is obtained by filtering according to the client identification when the server responds to the page data request; a construction module, used to construct the skeleton page according to the data corresponding to the skeleton page.

[0186] In some embodiments, the acquisition module 4551 is also used to: encapsulate the client identifier and the page identifier of the skeleton page into a module data request; send the module data request to the server, and obtain the data corresponding to the module returned by the server, wherein the data corresponding to the module is obtained by filtering according to the client identifier and the page identifier when the server responds to the module data request.

[0187] In some embodiments, the information display device 455 of the client further includes: a style acquisition module, which is used to acquire the style corresponding to the style name sent by the server and store the style.

[0188] In some embodiments, the client's information display device 455 also includes: a re-acquisition module, which is used to re-acquire the data corresponding to the module when the data corresponding to the module includes an asynchronous field; an update display module, which is used to update and display the content to be displayed in the re-acquired data in the skeleton page according to the style name in the re-acquired data.

[0189] In some embodiments, the client's information display device 455 also includes: a cache module, used to cache data corresponding to the module; a cache display module, used to obtain the style name in the cached data corresponding to the module when the client is in an offline state, and display the content to be displayed in the cached data corresponding to the module in the skeleton page based on the style corresponding to the style name.

[0190] In some embodiments, the client information display device 455 also includes: a shielding module, which is used to shield the data corresponding to the module when the content to be displayed in the data corresponding to the module is empty, or the data corresponding to the module includes a style name indicating shielding.

[0191] In some embodiments, the acquisition module 4551 is further used to: in response to a selection operation on a skeleton page of the client, acquire data corresponding to each module related to the selected skeleton page.

[0192] In some embodiments, the client's information display device 455 also includes: a refresh module, which is used to respond to a refresh operation on the skeleton page, re-acquire data corresponding to each module related to the skeleton page, and obtain a style name in the data corresponding to the module, and display the content to be displayed in the data corresponding to the module in the skeleton page based on the style corresponding to the style name.

[0193] Next, the exemplary structure of the information display device 255 of the server provided by the embodiment of the present invention is implemented as a software module. In some embodiments, Figure 2B As shown, the software modules in the information display device 255 of the server stored in the memory 250 may include: a first background sending module 2551, used to send data corresponding to each module related to the skeleton page of the client to the client, so that the client obtains the style name in the data corresponding to the module, and displays the to-be-displayed content in the data corresponding to the module based on the style corresponding to the style name in the skeleton page; a page information acquisition module 2552, used to obtain the target page name and target page status sent by the client; a jump data acquisition module 2553, used to determine the data address according to the target page name and the target page status, and obtain the jump data according to the data address; a second background sending module 2554, used to send the jump data to the client, so that the client displays the target page according to the jump data.

[0194] In some embodiments, the information display device 255 of the server also includes: an identification acquisition module, used to obtain the page data request sent by the client and determine the client identification in the page data request; an attribute determination module, used to determine the first filtering attribute included in the data corresponding to at least two skeleton pages; a filtering module, used to filter out the first filtering attribute that matches the client identification, and send the data corresponding to the skeleton page including the first filtering attribute to the client, so that the client constructs the skeleton page according to the data corresponding to the skeleton page.

[0195] In some embodiments, the first background sending module 2551 is also used to: obtain the module data request sent by the client, and determine the client identifier and page identifier in the module data request; determine the data corresponding to at least two modules corresponding to the page identifier, and determine the second filtering attribute included in the data corresponding to the module; filter out the second filtering attribute that meets the client identifier, and send the data corresponding to the module including the second filtering attribute to the client.

[0196] In some embodiments, the information display device 255 of the server further includes: a style sending module, configured to send a style corresponding to the style name to the client, so that the client stores the style.

[0197] In some embodiments, the first background sending module 2551 is also used to: when the data corresponding to the module includes an asynchronous field, replace the content to be displayed in the data corresponding to the module with the set content, and send the replaced data corresponding to the module to the client; when a request from the client for the data corresponding to the module is received again, send the data corresponding to the module including the content to be displayed to the client.

[0198] An embodiment of the present invention provides a storage medium storing executable instructions, wherein executable instructions are stored. When the executable instructions are executed by a processor, the processor will execute the method provided by the embodiment of the present invention, for example, the above-mentioned client information display method, or the server information display method.

[0199] In some embodiments, the storage medium may be a memory such as FRAM, ROM, PROM, EPROM, EEPROM, flash memory, magnetic surface memory, optical disk, or CD-ROM; or various devices including one or any combination of the above memories.

[0200] In some embodiments, executable instructions may be in the form of a program, software, software module, script or code, written in any form of programming language (including compiled or interpreted languages, or declarative or procedural languages), and may be deployed in any form, including as a stand-alone program or as a module, component, subroutine or other unit suitable for use in a computing environment.

[0201] As an example, executable instructions may, but need not, correspond to a file in a file system, may be stored as part of a file storing other programs or data, such as in one or more scripts in a HyperText Markup Language (HTML) document, in a single file dedicated to the program in question, or in multiple coordinated files (e.g., files storing one or more modules, subroutines, or code portions).

[0202] By way of example, executable instructions may be deployed to be executed on one computing device, or on multiple computing devices located at one site, or on multiple computing devices distributed across multiple sites and interconnected by a communication network.

[0203] To summarize, the embodiment of the present invention is based on native technology, and the server sends the data corresponding to the skeleton page and the data corresponding to the module to the client, thereby realizing modular display in the skeleton page. In addition, since the backend personnel can modify the data corresponding to the skeleton page and the data corresponding to the module in the server, the page structure of the client and the jump logic in the module can be dynamically updated without updating the client version, thereby improving the flexibility of modifying the page structure and realizing the jump.

[0204] The above description is only an embodiment of the present invention and is not intended to limit the protection scope of the present invention. Any modification, equivalent replacement and improvement made within the spirit and scope of the present invention are included in the protection scope of the present invention.

Claims

1. A method for displaying information on a client, characterized in that: include: Sending a page data request to a server, wherein the page data request is used for the server to perform the following processing: determining a client identifier in the page data request; determining a first filtering attribute included in data corresponding to at least two candidate skeleton pages; screening out a target first filtering attribute that matches the client identifier, and sending data corresponding to the skeleton page including the target first filtering attribute to the client; The client constructs the skeleton page according to the data corresponding to the skeleton page; The client receives data corresponding to each module related to the skeleton page; Get the style name in the data corresponding to the module; When one of the following conditions is met, the data corresponding to the module is shielded, wherein the conditions include: the data corresponding to the module includes a style name indicating shielding, it is detected that there is unrecognizable content in the data corresponding to the module, there is a content problem in the data corresponding to the module and it is detected that there is a content problem in the rendering result, and the rendering result is obtained by rendering the data corresponding to the module; Determining an organization rule of the style based on the style corresponding to the style name in the skeleton page, and organizing the content to be displayed in the rendering result based on the organization rule of the style to display the content to be displayed; When the data corresponding to the module includes an asynchronous field, acquiring the data corresponding to the module again; According to the style name in the data corresponding to the module acquired again, updating and displaying the to-be-displayed content in the data acquired again in the skeleton page; In response to the interactive operation on the module, the target page name and the target page state in the data corresponding to the module are sent to the server, wherein the target page name is used to determine the new skeleton page to jump to, and the target page state is used to determine the specific content to be filled in the new skeleton page; Receive the jump data corresponding to the module returned by the server, the jump data is obtained by the server determining the data address according to the target page name and the target page status, and the jump data includes data related to the new skeleton page to be jumped to and data related to the content filled in the new skeleton page; The target page is displayed according to the jump data of the module, and the target page includes the specific content.

2. The information display method according to claim 1, characterized in that: Before obtaining data corresponding to each module related to the skeleton page of the client, the method further includes: Obtaining a client identifier of the client, and encapsulating the client identifier into a page data request; Sending the page data request to the server, and obtaining data corresponding to the skeleton page returned by the server, wherein the data corresponding to the skeleton page is obtained by filtering according to the client identifier when the server responds to the page data request; The skeleton page is constructed according to the data corresponding to the skeleton page.

3. The information display method according to claim 1, characterized in that: The step of obtaining data corresponding to each module related to the skeleton page of the client includes: Encapsulate the client identifier and the page identifier of the skeleton page into a module data request; The module data request is sent to the server, and the data corresponding to the module returned by the server is obtained, wherein the data corresponding to the module is obtained by filtering according to the client identifier and the page identifier when the server responds to the module data request.

4. The information display method according to any one of claims 1 to 3, characterized in that: Also includes: A style corresponding to the style name sent by the server is obtained, and the style is stored.

5. A method for displaying information of a server, characterized in that: include: Obtaining a page data request sent by a client, and determining a client identifier in the page data request; Determine the first filter attribute included in the data corresponding to at least two candidate skeleton pages; filter out the target first filter attribute that matches the client identifier, and send the data corresponding to the skeleton page including the target first filter attribute to the client, wherein the data corresponding to the skeleton page is used for the client to perform the following processing: construct the skeleton page according to the data corresponding to the skeleton page; Send data corresponding to each module related to the skeleton page of the client to the client, so that the client performs the following processing: obtain the style name in the data corresponding to the module, and when one of the following conditions is met, shield the data corresponding to the module, the conditions include: the data corresponding to the module includes a style name indicating shielding, it is detected that there is unrecognizable content in the data corresponding to the module, there is a content problem in the data corresponding to the module, and it is detected that there is a content problem in the rendering result, and the rendering result is obtained by rendering the data corresponding to the module; determine the organization rule of the style based on the style corresponding to the style name in the skeleton page, and organize the content to be displayed in the rendering result based on the organization rule of the style to display the content to be displayed; when the data corresponding to the module includes an asynchronous field, obtain the data corresponding to the module again, and according to the style name in the data corresponding to the module obtained again, update and display the content to be displayed in the data obtained again in the skeleton page; Obtaining the target page name and target page status sent by the client, wherein the target page name is used to determine the new skeleton page to jump to, and the target page status is used to determine the specific content to be filled into the new skeleton page; Determine a data address according to the target page name and the target page state, and obtain jump data according to the data address, wherein the jump data includes data related to the new skeleton page to be jumped to and data related to content filled into the new skeleton page; The jump data is sent to the client, so that the client displays the target page according to the jump data, and the target page includes the specific content.

6. The information display method according to claim 5, characterized in that: The sending of data corresponding to each module related to the skeleton page of the client to the client includes: Obtaining a module data request sent by the client, and determining a client identifier and a page identifier in the module data request; Determine data corresponding to at least two modules corresponding to the page identifier, and determine a second filtering attribute included in the data corresponding to the modules; A second filtering attribute matching the client identifier is screened out, and data corresponding to the module including the second filtering attribute is sent to the client.

7. The information display method according to any one of claims 5 to 6, characterized in that: Also includes: A style corresponding to the style name is sent to the client, so that the client stores the style.

8. A client information display device, characterized in that: include: An acquisition module is used to send a page data request to a server, wherein the page data request is used for the server to perform the following processing: determine the client identifier in the page data request; determine the first filter attribute included in the data corresponding to at least two candidate skeleton pages; filter out the target first filter attribute that meets the client identifier, and send the data corresponding to the skeleton page including the target first filter attribute to the client; the client constructs the skeleton page according to the data corresponding to the skeleton page; the client receives the data corresponding to each module related to the skeleton page; A first display module, used to obtain a style name in the data corresponding to the module; A shielding module, used for shielding the data corresponding to the module when one of the following conditions is met, wherein the conditions include: the data corresponding to the module includes a style name indicating shielding, it is detected that there is unrecognizable content in the data corresponding to the module, there is a content problem in the data corresponding to the module, and it is detected that there is a content problem in the rendering result, and the rendering result is obtained by rendering the data corresponding to the module; The first display module is further used to determine the organization rule of the style based on the style corresponding to the style name in the skeleton page, and organize the content to be displayed in the rendering result based on the organization rule of the style to display the content to be displayed; The first background sending module is used to reacquire the data corresponding to the module when the data corresponding to the module includes an asynchronous field; and update and display the to-be-displayed content in the reacquired data in the skeleton page according to the style name in the reacquired data corresponding to the module; A sending module, used for sending the target page name and target page status in the data corresponding to the module to the server in response to the interactive operation on the module, wherein the target page name is used to determine the new skeleton page to jump to, and the target page status is used to determine the specific content to be filled in the new skeleton page; A receiving module, used for receiving the jump data corresponding to the module returned by the server, wherein the jump data is obtained by the server according to the data address determined by the server according to the target page name and the target page status, and the jump data includes data related to the new skeleton page to be jumped to and data related to the content filled into the new skeleton page; The second display module is used to display the target page according to the jump data of the module, and the target page includes the specific content.

9. An electronic device, characterized in that: include: A memory for storing executable instructions; The processor is used to implement the information display method of the client described in any one of claims 1 to 4, or the information display method of the server described in any one of claims 5 to 7 when executing the executable instructions stored in the memory.

10. A storage medium storing executable instructions, characterized in that: When the executable instructions are executed by the processor, the client information display method described in any one of claims 1 to 4, or the server information display method described in any one of claims 5 to 7 is implemented.

Images