CN110046021B - Page display method, device, system, equipment and storage medium - Google Patents
Page display method, device, system, equipment and storage medium Download PDFInfo
- Publication number
- CN110046021B CN110046021B CN201910426039.2A CN201910426039A CN110046021B CN 110046021 B CN110046021 B CN 110046021B CN 201910426039 A CN201910426039 A CN 201910426039A CN 110046021 B CN110046021 B CN 110046021B
- Authority
- CN
- China
- Prior art keywords
- page
- component
- displayed
- display
- information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The embodiment of the disclosure discloses a page display method, a device, a system, equipment and a storage medium, wherein the method comprises the following steps: sending a page display request to a server according to the triggering operation of a user, so that the server determines component sequence information and page data to be displayed according to the page display request, and sends the component sequence information and the page data to be displayed to a client; determining each component in the page to be displayed and a display sequence corresponding to each component according to the received component sequence information; and rendering each component according to the display sequence and the page data to be displayed, and generating and displaying the page to be displayed. By the technical scheme of the embodiment of the disclosure, the page after the online is dynamically configured, and the flexibility of page display is improved.
Description
Technical Field
The present disclosure relates to computer technologies, and in particular, to a page display method, device, system, device, and storage medium.
Background
With the rapid development of network technologies, more and more users use terminal devices such as smart phones to browse pages. In general, an application in a terminal device may display a variety of pages, such as music albums or the like.
At present, in the page development process, the logic positions of each control in a page are often directly and fixedly written in a code, so that a page can be generated according to the positions of the controls in the code and page data to be displayed, and the page is displayed.
However, when a new page is developed, the page code needs to be rewritten and there is much repetitive work, thereby greatly increasing the development workload and complexity. And after the page is on-line, the display position and the number of the controls in the page cannot be dynamically changed, so that the flexibility of page display is poor.
Disclosure of Invention
The embodiment of the disclosure provides a page display method, a device, a system, equipment and a storage medium, which are used for dynamically configuring an online page and improving the flexibility of page display.
In a first aspect, an embodiment of the present disclosure provides a page display method, applied to a client, including:
sending a page display request to a server according to a trigger operation of a user, so that the server determines component sequence information and page data to be displayed according to the page display request, and sends the component sequence information and the page data to be displayed to the client;
determining each component in a page to be displayed and a display sequence corresponding to each component according to the received component sequence information;
and rendering each assembly according to the display sequence and the page data to be displayed, and generating and displaying the page to be displayed.
Optionally, determining, according to the received component sequence information, each component in the page to be displayed and a display sequence corresponding to each component, includes:
determining a component corresponding to the component identifier from a local database according to each component identifier in the received component sequence information;
and determining a display sequence corresponding to each component according to the arrangement sequence corresponding to each component identifier in the component sequence information.
Optionally, determining a display order corresponding to each component according to an arrangement order corresponding to each component identifier in the component order information includes:
and determining the arrangement sequence corresponding to each component identifier in the component sequence information as the longitudinal display sequence corresponding to each component, so that each component is longitudinally arranged in a display interface.
Optionally, rendering each of the components according to the display order and the data of the page to be displayed, and generating and displaying the page to be displayed includes:
determining a display position corresponding to each component according to a display sequence corresponding to each component;
rendering each component according to the display position corresponding to each component and the data to be displayed corresponding to each component in the data of the page to be displayed, and generating and displaying the page to be displayed.
In a second aspect, an embodiment of the present disclosure further provides a page display method, applied to a server, including:
receiving a page display request sent by a client, and acquiring a page identifier to be displayed in the page display request;
determining component sequence information and page data to be displayed corresponding to the page identification to be displayed based on a display database, and sending the component sequence information and the page data to be displayed to the client, so that the client generates and displays a page to be displayed according to the component sequence information and the page data to be displayed.
Optionally, before determining, based on a display database, component sequence information and page data to be displayed corresponding to the page identifier to be displayed, the method further includes:
acquiring a page updating instruction, wherein the page updating instruction comprises a page identifier to be updated and page configuration information;
determining sequential information of the components to be updated corresponding to the page identification to be updated based on the display database;
and updating the sequential information of the components to be updated according to the page configuration information.
Optionally, updating the sequential information of the components to be updated according to the page configuration information includes:
if the page updating instruction is a component adding instruction, acquiring an identifier and an adding position of a component to be added according to the page configuration information;
and adding the identification of the component to be added into the sequence information of the component to be updated based on the adding position.
Optionally, updating the sequential information of the components to be updated according to the page configuration information includes:
if the page updating instruction is a component deleting instruction, acquiring a component identifier to be deleted according to the page configuration information;
and deleting the identification of the component to be deleted in the sequence information of the component to be updated.
Optionally, updating the sequential information of the components to be updated according to the page configuration information includes:
if the page updating instruction is a component position adjusting instruction, acquiring target component sequence information according to the page configuration information;
and updating the sequence information of the components to be updated into the sequence information of the target components.
In a third aspect, an embodiment of the present disclosure further provides a page display apparatus, including:
the page display request sending module is used for sending a page display request to a server according to the triggering operation of a user, so that the server determines component sequence information and page data to be displayed according to the page display request and sends the component sequence information and the page data to be displayed to the client;
the display sequence determining module is used for determining each component in the page to be displayed and the display sequence corresponding to each component according to the received component sequence information;
and the page to be displayed generating module is used for rendering each component according to the display sequence and the page data to be displayed, and generating and displaying the page to be displayed.
Optionally, the display order determining module includes:
the component determining unit is used for determining a component corresponding to the component identifier from a local database according to each component identifier in the received component sequence information;
and the display order determining unit is used for determining the display order corresponding to each component according to the arrangement order corresponding to each component identifier in the component order information.
Optionally, the display order determining unit is specifically configured to: and determining the arrangement sequence corresponding to each component identifier in the component sequence information as the longitudinal display sequence corresponding to each component, so that each component is longitudinally arranged in the display interface.
Optionally, the to-be-displayed page generating module is specifically configured to: determining a display position corresponding to each component according to the display sequence corresponding to each component; and rendering each component according to the display position corresponding to each component and the data to be displayed corresponding to each component in the page data to be displayed, and generating and displaying the page to be displayed.
In a fourth aspect, an embodiment of the present disclosure further provides a page display apparatus, including:
the page display request receiving module is used for receiving a page display request sent by a client and acquiring a page identifier to be displayed in the page display request;
and the information sending module is used for determining component sequence information and page data to be displayed corresponding to the page identification to be displayed based on a display database, and sending the component sequence information and the page data to be displayed to the client so that the client generates and displays the page to be displayed according to the component sequence information and the page data to be displayed.
Optionally, the apparatus further comprises:
the page updating instruction acquisition module is used for acquiring a page updating instruction before determining component sequence information corresponding to the page identifier to be displayed and page data to be displayed based on the display database, wherein the page updating instruction comprises the page identifier to be updated and page configuration information;
the device comprises a to-be-updated component sequence information determining module, a to-be-updated component sequence information determining module and a to-be-updated component sequence information updating module, wherein the to-be-updated component sequence information determining module is used for determining the to-be-updated component sequence information corresponding to the to-be-updated page identifier based on a display database;
and the updating module of the sequence information of the components to be updated is used for updating the sequence information of the components to be updated according to the page configuration information.
Optionally, the module for updating the sequence information of the component to be updated is specifically configured to: if the page updating instruction is a component adding instruction, acquiring an identifier and an adding position of a component to be added according to the page configuration information; and adding the identification of the component to be added into the sequence information of the component to be updated based on the adding position.
Optionally, the module for updating the sequence information of the component to be updated is further specifically configured to: if the page updating instruction is a component deleting instruction, acquiring a component identifier to be deleted according to the page configuration information; and deleting the identification of the component to be deleted in the sequence information of the component to be updated.
Optionally, the module for updating the sequence information of the component to be updated is further specifically configured to: if the page updating instruction is a component position adjusting instruction, acquiring target component sequence information according to the page configuration information; and updating the sequence information of the components to be updated into the sequence information of the target components.
In a fifth aspect, an embodiment of the present disclosure further provides a page display system, where the system includes: a client and a server;
wherein, the client is used for realizing the page display method provided by the first aspect of the disclosure;
the server is used for realizing the page display method provided by the second aspect of the disclosure.
In a sixth aspect, an embodiment of the present disclosure further provides a terminal device, where the terminal device includes:
one or more processors;
a memory for storing one or more programs;
when executed by the one or more processors, cause the one or more processors to implement a page display method as provided by any of the embodiments of the present disclosure.
In a seventh aspect, this disclosure further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the page display method provided in any embodiment of this disclosure.
According to the method, a client sends a page display request to a server according to the trigger operation of a user in a page after the user is online, the server obtains component sequence information corresponding to a page to be displayed and page data to be displayed from a display database according to the page display request, and sends the component sequence information and the page data to be displayed to the client; the client side can determine each component in the page to be displayed and the display sequence corresponding to each component from the components stored in advance according to the component sequence information, and render each component based on the display sequence and the page data to be displayed, so that each component in the generated page can be displayed based on the display sequence, thereby realizing dynamic configuration of the page, such as dynamic configuration of information of component types, quantity, display positions and the like in the page, and greatly improving the flexibility of page display.
Drawings
In order to more clearly illustrate the embodiments of the present disclosure or the technical solutions in the prior art, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present disclosure, and it is obvious for those skilled in the art that other drawings can be obtained according to the drawings without creative efforts.
Fig. 1 is a flowchart of a page display method according to an embodiment of the disclosure;
fig. 2 is a flowchart of a page display method provided in the second embodiment of the present disclosure;
fig. 3 is a schematic structural diagram of a page display device according to a third embodiment of the disclosure;
fig. 4 is a schematic structural diagram of a page display device according to a fourth embodiment of the disclosure;
fig. 5 is a schematic structural diagram of a page display system according to a fifth embodiment of the present disclosure;
fig. 6 is a schematic structural diagram of a terminal device according to a sixth embodiment of the present disclosure.
Detailed Description
To make the objects, technical solutions and advantages of the present disclosure clearer, the technical solutions of the present disclosure will be clearly and completely described below through embodiments with reference to the accompanying drawings in the embodiments of the present disclosure, and it is obvious that the described embodiments are some, but not all embodiments of the present disclosure. All other embodiments, which can be derived by a person skilled in the art from the embodiments disclosed herein without making any creative effort, shall fall within the protection scope of the present disclosure.
In the following embodiments, optional features and examples are provided in each embodiment, and various features described in the embodiments may be combined to form a plurality of alternatives, and each numbered embodiment should not be regarded as only one technical solution.
Example one
Fig. 1 is a flowchart of a page display method according to an embodiment of the present disclosure, which is applicable to a situation where a page after being online is dynamically configured and displayed. The method can be executed by a page display device arranged in the client, and the device can be realized by software and/or hardware and is integrated in terminal equipment with a page display function, such as a smart phone, a tablet computer or a handheld game machine. As shown in fig. 1, the method specifically includes the following steps:
s110, sending a page display request to the server according to the triggering operation of the user, so that the server determines the component sequence information and the page data to be displayed according to the page display request, and sending the component sequence information and the page data to be displayed to the client.
The triggering operation of the user may refer to an operation for generating a page display request and sending the page display request to the server, and may be, but is not limited to, a click operation, a sliding operation, a touch operation, and the like of the user. Illustratively, the triggering operation may be clicking an icon, a link, etc. in a certain page. The page display request may include an identification of the page to be displayed. The component sequence information may include a component identifier corresponding to each component in the page to be displayed and arrangement sequence information of the components. The component identifier may be preset based on the function or type of the component, so as to distinguish different components. Illustratively, a component may be a video component if it is used to display video content; if a component is used to present active content, that component may act as an active component. The page data to be displayed may include data to be displayed corresponding to each component in the page to be displayed.
Specifically, when detecting a trigger operation of a user on a page after the user is online, the client may obtain a to-be-displayed page identifier corresponding to the trigger operation, generate a page display request according to the to-be-displayed page identifier, and send the page display request to the server. The server can analyze the received page display request to obtain a page identifier to be displayed, determine corresponding component sequence information according to the page identifier to be displayed and obtain corresponding page data to be displayed, and send the obtained component sequence information and the page data to be displayed to the client, so that the client displays a page based on the component sequence information and the page data to be displayed.
And S120, determining each component in the page to be displayed and the display sequence corresponding to each component according to the received component sequence information.
The display order corresponding to each component may refer to an arrangement order of each component in a display page. The display order may include a portrait display order (e.g., top-to-bottom) and a landscape display order (e.g., left-to-right). The components in this embodiment can recognize a logical order, such as a display order, whereas the control in the prior art cannot recognize a logical order and can only display based on a fixed order and position in the code.
Specifically, in the page development process, a plurality of components, such as a video component, a picture component, a text component, an activity component or other custom components, may be created based on business requirements and scenes. When the page comes online, all the created components can be stored in the client. When the client receives the component sequence information sent by the server, the client can determine the component corresponding to each component identifier based on each component identifier in the component sequence information, and all the determined components are all the components in the page to be displayed at this moment, so that the information such as the component category, the quantity and the like in the page can be dynamically configured based on the component sequence information. The client can also determine the display sequence corresponding to all the components in the page to be displayed based on the arrangement sequence corresponding to each component identifier in the component sequence information, so that the display sequence, the position and the like of each component in the page can be dynamically configured based on the component sequence information, and the flexibility and the diversity of page display are greatly improved.
And S130, rendering each component according to the display sequence and the page data to be displayed, and generating and displaying the page to be displayed.
Specifically, in this embodiment, each component in the page to be displayed may be rendered, so that each component is displayed in the configured display order, and when a new page is generated by updating the page layout, the page may be dynamically configured based on the component order information, for example, adding a new component, deleting an existing component, and/or adjusting the display order of the components, thereby implementing a pluggable function of the component, and without re-encoding a page code for the page after being online, which greatly saves labor and time cost, and improves the page updating efficiency.
Illustratively, S130 may include: determining a display position corresponding to each component according to the display sequence corresponding to each component; and rendering each component according to the display position corresponding to each component and the data to be displayed corresponding to each component in the page data to be displayed, and generating and displaying the page to be displayed.
Specifically, in this embodiment, the display position of each component in the display page may be determined according to the display order corresponding to each component in the page to be displayed and the size of each component. For each component, rendering is performed at a display position corresponding to the component according to the data to be displayed corresponding to the component, so that the component can display the corresponding data to be displayed at the display position, for example, the component is an active component, the data to be displayed is corresponding active content, and the display position is a page top end, so that after the component is rendered, the active content of the component can be displayed at the page top end. After each component is rendered, a page to be displayed can be generated, and the page to be displayed is displayed in the display interface.
According to the technical scheme of the embodiment, after the client sends a page display request to the server according to the trigger operation of the user in the online page, the server obtains component sequence information and page data to be displayed corresponding to the page to be displayed from a display database according to the page display request, and sends the component sequence information and the page data to be displayed to the client; the client side can determine each component in the page to be displayed and the display sequence corresponding to each component from the components stored in advance according to the component sequence information, and render each component based on the display sequence and the page data to be displayed, so that each component in the generated page can be displayed based on the display sequence, thereby realizing dynamic configuration of the page, such as dynamic configuration of information of component types, quantity, display positions and the like in the page, and greatly improving the flexibility of page display.
On the basis of the above technical solution, S120 may include: determining a component corresponding to the component identifier from a local database according to each component identifier in the received component sequence information; and determining the display sequence corresponding to each component according to the arrangement sequence corresponding to each component identifier in the component sequence information.
The component sequence information may include each component identifier in the page to be displayed and an arrangement sequence corresponding to each component identifier, for example, if the page to be displayed includes three components: the component 1, the component 2 and the component 3 are arranged in the following sequence: component 3, component 2, component 1.
Specifically, the client may store all pre-created components in the local database, so that all corresponding components may be matched from the local database according to the component identifiers in the component order information, and all matched components are determined as components in the page to be displayed. And determining the arrangement sequence corresponding to each component identifier as the display sequence of each component in the display page. For example, the arrangement order corresponding to each component identifier in the component order information may be determined as a vertical display order corresponding to each component, so that each component is vertically arranged in the display interface. For example, if the three components are arranged in the following order: component 3, component 2, component 1, then in the page that waits to show that generates, component 3 is located the topmost department of page, and component 2 is located in the middle of the page, and component 3 is located the bottommost of page to make component 3, component 2, component 1 in the page from the top down show in proper order, realize the dynamic configuration to the vertical display order of page, improved the flexibility that the page showed.
It should be noted that, when the conditions such as network anomaly exist and the client does not receive the component sequence information sent by the server, the client may render each component in the page to be displayed based on the preset inherent component position information, so that the rendered page may be displayed, and the reduction of the user viewing experience due to the inability to display the page is avoided.
Example two
Fig. 2 is a flowchart of a page display method according to a second embodiment of the present disclosure, which is applicable to a situation where a page after being online is dynamically configured and displayed. The method can be executed by a page display device arranged in the server, and the device can be realized by software and/or hardware and is integrated in the server for controlling the page display. As shown in fig. 2, the method specifically includes the following steps:
s210, receiving a page display request sent by a client, and acquiring a page identifier to be displayed in the page display request.
The page display request may include an identifier of a page to be displayed.
Specifically, the client may send a page display request to the server when detecting a trigger operation of the user. The server can analyze the received page display request to obtain the page identifier to be displayed in the page display request.
S220, determining component sequence information and page data to be displayed corresponding to the page identification to be displayed based on the display database, and sending the component sequence information and the page data to be displayed to the client, so that the client generates and displays the page to be displayed according to the component sequence information and the page data to be displayed.
The display database may be a data source for storing component sequence information and page information corresponding to each page identifier. The display database in this embodiment can be dynamically configured in real time based on the service scenario and the requirements. The component sequence information may include a component identifier corresponding to each component in the page to be displayed and arrangement sequence information of the components. The page data to be displayed may include data to be displayed corresponding to each component in the page to be displayed.
Specifically, the server may perform data matching in the display database according to the to-be-displayed page identifier, determine component sequence information and data source information corresponding to the to-be-displayed page identifier, obtain corresponding to-be-displayed page data based on the data source information, and send the obtained component sequence information and to-be-displayed page data to the client. The client can determine each component in the page to be displayed and the display sequence corresponding to each component according to the received component sequence information, render each component according to the display sequence and the page data to be displayed, and generate and display the page to be displayed.
The server in this embodiment may dynamically configure the component sequence information of the page based on the display database, so that the client determines each component and the display sequence in the page to be displayed based on the component sequence information, thereby implementing a pluggable function of the component and improving the update efficiency of the page.
According to the technical scheme of the embodiment, after the client sends a page display request to the server according to the trigger operation of the user in the online page, the server obtains component sequence information and page data to be displayed corresponding to the page to be displayed from a display database according to the page display request, and sends the component sequence information and the page data to be displayed to the client; the client side can determine each component in the page to be displayed and the display sequence corresponding to each component from the components stored in advance according to the component sequence information, and render each component based on the display sequence and the page data to be displayed, so that each component in the generated page can be displayed based on the display sequence, thereby realizing dynamic configuration of the page, such as dynamic configuration of information of component types, quantity, display positions and the like in the page, and greatly improving the flexibility of page display.
On the basis of the above technical solution, before S220, the method further includes: acquiring a page updating instruction, wherein the page updating instruction comprises a page identifier to be updated and page configuration information; determining the sequential information of the components to be updated corresponding to the page identification to be updated based on the display database; and updating the sequence information of the components to be updated according to the page configuration information.
The page update instruction may be an instruction for updating an online page, and may be set based on a current service requirement. Illustratively, the page update instruction may be, but is not limited to: a component add instruction, a component delete instruction, or a component position adjustment instruction. The page configuration information may refer to information for performing update configuration on the page layout, such as component addition information, component deletion information, or component order adjustment information.
Specifically, the present embodiment may dynamically update the component sequence information in the display data according to the page update instruction, so that dynamic configuration of the components may be implemented. The server can analyze the page updating instruction, obtain the page identifier to be updated and the page configuration information, perform identifier matching in the display database according to the page identifier to be updated, and determine the sequential information of the component to be updated corresponding to the page identifier to be updated, so that the sequential information of the component to be updated can be dynamically configured based on the page configuration information, and the flexibility and the richness of page display can be improved.
Illustratively, updating the sequential information of the components to be updated according to the page configuration information may include: if the page updating instruction is a component adding instruction, acquiring an identifier and an adding position of a component to be added according to the page configuration information; and based on the adding position, adding the identification of the component to be added into the sequence information of the component to be updated, thereby realizing the dynamic adding function of the component. For example, assume that a page includes two components, namely a text component and a video component, and the corresponding component sequence information is: file components, video components, i.e. file components are displayed above the video components. If an active component needs to be added to the file component and the video component in the page due to the business requirement, the component sequence information corresponding to the page may be updated as follows: the file component, the activity component and the video component can be displayed in the page, and the activity component is positioned between the text component and the video component, so that the updating efficiency of the page and the flexibility of page display are greatly improved.
Illustratively, updating the sequential information of the components to be updated according to the page configuration information may include: if the page updating instruction is a component deleting instruction, acquiring a component identifier to be deleted according to the page configuration information; and deleting the identifier of the component to be deleted in the sequence information of the component to be updated, thereby realizing the dynamic deletion function of the component.
Illustratively, updating the sequential information of the components to be updated according to the page configuration information may include: if the page updating instruction is a component position adjusting instruction, acquiring target component sequence information according to the page configuration information; and updating the sequence information of the components to be updated into the sequence information of the target components so as to determine the display sequence of the components in the page based on the sequence information of the target components, thereby dynamically adjusting the display sequence of the components and improving the display flexibility of the components.
The following is an embodiment of a page display apparatus provided in the embodiments of the present disclosure, and the apparatus and the page display method of the embodiments belong to the same inventive concept, and details that are not described in detail in the embodiments of the page display apparatus may refer to the embodiments of the page display method.
EXAMPLE III
Fig. 3 is a schematic structural diagram of a page display device according to a third embodiment of the present disclosure, where the third embodiment is applicable to a situation where a page after being online is dynamically configured and displayed. The device may specifically include: a page display request sending module 310, a display order determining module 320 and a to-be-displayed page generating module 330.
The page display request sending module 310 is configured to send a page display request to the server according to a trigger operation of a user, so that the server determines component sequence information and page data to be displayed according to the page display request, and sends the component sequence information and the page data to be displayed to the client; a display order determining module 320, configured to determine, according to the received component order information, each component in the page to be displayed and a display order corresponding to each component; and the to-be-displayed page generating module 330 is configured to render each component according to the display sequence and the to-be-displayed page data, and generate and display a to-be-displayed page.
Optionally, the display order determining module 320 includes:
the component determining unit is used for determining a component corresponding to the component identifier from a local database according to each component identifier in the received component sequence information;
and the display order determining unit is used for determining the display order corresponding to each component according to the arrangement order corresponding to each component identifier in the component order information.
Optionally, the display order determining unit is specifically configured to: and determining the arrangement sequence corresponding to each component identifier in the component sequence information as the longitudinal display sequence corresponding to each component, so that each component is longitudinally arranged in the display interface.
Optionally, the to-be-displayed page generating module 330 is specifically configured to: determining a display position corresponding to each component according to the display sequence corresponding to each component; and rendering each component according to the display position corresponding to each component and the data to be displayed corresponding to each component in the page data to be displayed, and generating and displaying the page to be displayed.
The page display device provided by the embodiment of the disclosure can execute the page display method provided by the first embodiment of the disclosure, and has the corresponding functional modules and beneficial effects of executing the page display method.
Example four
Fig. 4 is a schematic structural diagram of a page display device according to a fourth embodiment of the present disclosure, where the present embodiment is applicable to a situation where a page after being online is dynamically configured and displayed. The device may specifically include: a page display request receiving module 410 and an information transmitting module 420.
The page display request receiving module 410 is configured to receive a page display request sent by a client, and obtain a to-be-displayed page identifier in the page display request; the information sending module 420 is configured to determine, based on the display database, component sequence information and page data to be displayed corresponding to the page identifier to be displayed, and send the component sequence information and the page data to be displayed to the client, so that the client generates and displays a page to be displayed according to the component sequence information and the page data to be displayed.
Optionally, the apparatus further comprises:
the page updating instruction acquisition module is used for acquiring a page updating instruction before determining component sequence information corresponding to the page identifier to be displayed and page data to be displayed based on the display database, wherein the page updating instruction comprises the page identifier to be updated and page configuration information;
the device comprises a to-be-updated component sequence information determining module, a to-be-updated component sequence information determining module and a to-be-updated component sequence information updating module, wherein the to-be-updated component sequence information determining module is used for determining the to-be-updated component sequence information corresponding to the to-be-updated page identifier based on a display database;
and the updating module of the sequence information of the components to be updated is used for updating the sequence information of the components to be updated according to the page configuration information.
Optionally, the module for updating the sequence information of the component to be updated is specifically configured to: if the page updating instruction is a component adding instruction, acquiring an identifier and an adding position of a component to be added according to the page configuration information; and adding the identification of the component to be added into the sequence information of the component to be updated based on the adding position.
Optionally, the module for updating the sequence information of the component to be updated is further specifically configured to: if the page updating instruction is a component deleting instruction, acquiring a component identifier to be deleted according to the page configuration information; and deleting the identification of the component to be deleted in the sequence information of the component to be updated.
Optionally, the module for updating the sequence information of the component to be updated is further specifically configured to: if the page updating instruction is a component position adjusting instruction, acquiring target component sequence information according to the page configuration information; and updating the sequence information of the components to be updated into the sequence information of the target components.
The page display device provided by the embodiment of the disclosure can execute the page display method provided by the second embodiment of the disclosure, and has the corresponding functional modules and beneficial effects of executing the page display method.
EXAMPLE five
Fig. 5 is a schematic structural diagram of a page display system provided in the fifth embodiment of the present disclosure. Referring to fig. 5, the page display system includes: client 510 and server 520;
the client 510 may be configured to execute the page display method provided in the first embodiment of the present disclosure, and the server 520 may be configured to execute the page display method provided in the second embodiment of the present disclosure.
In the page display system in the embodiment of the present disclosure, after the client 510 may send a page display request to the server 520 according to a trigger operation in a page after a user is online, the server 520 obtains component sequence information and page data to be displayed corresponding to a page to be displayed from a display database according to the page display request, and sends the component sequence information and the page data to be displayed to the client 510; the client 510 may determine, according to the component sequence information, each component in the page to be displayed and a display sequence corresponding to each component from a plurality of components stored in advance, and render each component based on the display sequence and the page data to be displayed, so that each component in the generated page may be displayed based on the display sequence, thereby implementing dynamic configuration of the page, such as dynamically configuring information of component types, numbers, display positions, and the like in the page, and greatly improving flexibility of page display.
EXAMPLE six
Fig. 6 shows a schematic structural diagram of a terminal device provided in a sixth embodiment of the present disclosure. The terminal device in the embodiments of the present disclosure may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle terminal (e.g., a car navigation terminal), and the like, and a stationary terminal such as a digital TV, a desktop computer, and the like. The terminal device shown in fig. 6 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.
As shown in fig. 6, the terminal device 400 may include a processing means (e.g., a central processing unit, a graphic processor, etc.) 401, which may perform various appropriate actions and processes according to a program stored in a Read-Only Memory (ROM) 402 or a program loaded from a storage means 408 into a Random Access Memory (RAM) 403. In the RAM 403, various programs and data necessary for the operation of the terminal apparatus 400 are also stored. The processing device 401, the ROM 402, and the RAM 403 are connected to each other via a bus 404. An input/output (I/O) interface 405 is also connected to bus 404.
Generally, the following devices may be connected to the I/O interface 405: input devices 406 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; an output device 407 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 408 including, for example, tape, hard disk, etc.; and a communication device 409. The communication means 409 may allow the terminal device 400 to communicate with other devices wirelessly or by wire to exchange data. While fig. 6 illustrates a terminal apparatus 400 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.
In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method illustrated in the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication device 409, or from the storage device 408, or from the ROM 402. The computer program performs the above-described functions defined in the methods of the embodiments of the present disclosure when executed by the processing device 401.
The device proposed by the embodiment of the present disclosure and the page display method proposed by the above embodiment belong to the same inventive concept, and technical details that are not described in detail in the embodiment can be referred to the above embodiment, and the embodiment has the same beneficial effects as the execution of the page display method.
EXAMPLE seven
A seventh embodiment of the present disclosure provides a computer storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the page display method provided in any of the above embodiments.
It should be noted that the computer storage media described above in this disclosure can be computer readable signal media or computer readable storage media or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a Read-Only Memory (ROM), an Erasable Programmable Read-Only Memory (EPROM) or FLASH Memory (FLASH), an optical fiber, a portable compact disc Read-Only Memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.
The computer storage may be contained in the terminal device; or may exist separately without being assembled into the terminal device.
The computer stores one or more programs that, when executed by the terminal device, cause the terminal device to: sending a page display request to a server according to the triggering operation of a user, so that the server determines component sequence information and page data to be displayed according to the page display request, and sends the component sequence information and the page data to be displayed to a client; determining each component in the page to be displayed and a display sequence corresponding to each component according to the received component sequence information; and rendering each component according to the display sequence and the page data to be displayed, and generating and displaying the page to be displayed.
Computer program code for carrying out operations for aspects of the present disclosure may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The units described in the embodiments of the present disclosure may be implemented by software or hardware. Where the name of an element does not in some cases constitute a limitation on the element itself.
The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other embodiments in which any combination of the features described above or their equivalents does not depart from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.
Claims (10)
1. A page display method is applied to a client and comprises the following steps:
sending a page display request to a server according to a trigger operation of a user, so that the server determines component sequence information and data source information according to the page display request, acquires corresponding page data to be displayed based on the data source information, and sends the component sequence information and the page data to be displayed to the client;
determining each component in a page to be displayed and a display sequence corresponding to each component according to the received component sequence information;
rendering each assembly according to the display sequence and the page data to be displayed, and generating and displaying a page to be displayed;
before determining the component sequence information and the data source information according to the page display request, the server further comprises:
acquiring a component position adjusting instruction, wherein the component position adjusting instruction comprises a page identifier to be updated and component sequence adjusting information;
determining sequential information of the components to be updated corresponding to the page identification to be updated based on a display database;
acquiring target component sequence information according to the component sequence adjustment information;
and updating the sequence information of the components to be updated into the sequence information of the target components.
2. The method according to claim 1, wherein determining each component in the page to be displayed and the display sequence corresponding to each component according to the received component sequence information comprises:
determining a component corresponding to the component identifier from a local database according to each component identifier in the received component sequence information;
and determining a display sequence corresponding to each component according to the arrangement sequence corresponding to each component identifier in the component sequence information.
3. The method according to claim 2, wherein determining a display order corresponding to each of the components according to the arrangement order corresponding to each of the component identifiers in the component order information comprises:
and determining the arrangement sequence corresponding to each component identifier in the component sequence information as the longitudinal display sequence corresponding to each component, so that each component is longitudinally arranged in a display interface.
4. The method according to claim 1, wherein rendering each of the components according to the display order and the page data to be displayed, and generating and displaying the page to be displayed comprises:
determining a display position corresponding to each component according to a display sequence corresponding to each component;
rendering each component according to the display position corresponding to each component and the data to be displayed corresponding to each component in the data of the page to be displayed, and generating and displaying the page to be displayed.
5. A page display method is applied to a server and comprises the following steps:
acquiring a component position adjusting instruction, wherein the component position adjusting instruction comprises a page identifier to be updated and component sequence adjusting information;
determining sequential information of the components to be updated corresponding to the page identification to be updated based on a display database;
acquiring target component sequence information according to the component sequence adjustment information;
updating the sequence information of the components to be updated into the sequence information of the target components;
receiving a page display request sent by a client, and acquiring a page identifier to be displayed in the page display request;
determining component sequence information and data source information corresponding to the page identification to be displayed based on a display database, acquiring corresponding page data to be displayed based on the data source information, and sending the component sequence information and the page data to be displayed to the client, so that the client generates and displays a page to be displayed according to the component sequence information and the page data to be displayed.
6. A page display apparatus, comprising:
the page display request sending module is used for sending a page display request to a server according to the triggering operation of a user, so that the server determines component sequence information and data source information according to the page display request, acquires corresponding page data to be displayed based on the data source information, and sends the component sequence information and the page data to be displayed to a client;
the display sequence determining module is used for determining each component in the page to be displayed and the display sequence corresponding to each component according to the received component sequence information;
the page to be displayed generating module is used for rendering each component according to the display sequence and the page data to be displayed, and generating and displaying a page to be displayed;
before determining the component sequence information and the data source information according to the page display request, the server further comprises:
acquiring a component position adjusting instruction, wherein the component position adjusting instruction comprises a page identifier to be updated and component sequence adjusting information;
determining sequential information of the components to be updated corresponding to the page identification to be updated based on a display database;
acquiring target component sequence information according to the component sequence adjustment information;
and updating the sequence information of the components to be updated into the sequence information of the target components.
7. A page display apparatus, comprising:
the page updating instruction acquisition module is used for acquiring a component position adjusting instruction, wherein the component position adjusting instruction comprises a page identifier to be updated and component sequence adjusting information;
the device comprises a to-be-updated component sequence information determining module, a to-be-updated component sequence information determining module and a to-be-updated component sequence information updating module, wherein the to-be-updated component sequence information determining module is used for determining the to-be-updated component sequence information corresponding to the to-be-updated page identifier based on a display database;
the module for updating the sequence information of the components to be updated is used for obtaining the sequence information of the target components according to the sequence adjustment information of the components; updating the sequence information of the components to be updated into the sequence information of the target components;
the page display request receiving module is used for receiving a page display request sent by a client and acquiring a page identifier to be displayed in the page display request;
the information sending module is used for determining component sequence information and data source information corresponding to the to-be-displayed page identification based on a display database, acquiring corresponding to-be-displayed page data based on the data source information, and sending the component sequence information and the to-be-displayed page data to the client, so that the client generates and displays a to-be-displayed page according to the component sequence information and the to-be-displayed page data.
8. A page display system, the system comprising: a client and a server;
wherein, the client is used for realizing the page display method of any one of claims 1 to 4;
the server is used for realizing the page display method of claim 5.
9. A terminal device, characterized in that the device comprises:
one or more processors;
a memory for storing one or more programs;
when executed by the one or more processors, cause the one or more processors to implement the page display method of any of claims 1-5.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out a page display method according to any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910426039.2A CN110046021B (en) | 2019-05-21 | 2019-05-21 | Page display method, device, system, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910426039.2A CN110046021B (en) | 2019-05-21 | 2019-05-21 | Page display method, device, system, equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110046021A CN110046021A (en) | 2019-07-23 |
| CN110046021B true CN110046021B (en) | 2020-08-25 |
Family
ID=67282996
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910426039.2A Active CN110046021B (en) | 2019-05-21 | 2019-05-21 | Page display method, device, system, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110046021B (en) |
Families Citing this family (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112307377A (en) * | 2019-07-29 | 2021-02-02 | 腾讯科技（深圳）有限公司 | Information display method and device and electronic equipment |
| CN110457037A (en) * | 2019-08-01 | 2019-11-15 | 上海麦克风文化传媒有限公司 | A kind of method for updating pages |
| CN110569097B (en) * | 2019-08-26 | 2022-12-06 | 北京奇艺世纪科技有限公司 | Information display method and device |
| CN110716789A (en) * | 2019-09-12 | 2020-01-21 | 北京大米科技有限公司 | Data configuration method, readable storage medium and electronic device |
| CN110727869A (en) * | 2019-10-18 | 2020-01-24 | 北京字节跳动网络技术有限公司 | Page construction method and device |
| CN111399823B (en) * | 2020-02-28 | 2023-11-24 | 浪潮软件科技有限公司 | Page component layout method, system and foreground terminal |
| CN111708592B (en) * | 2020-05-27 | 2023-08-08 | 深圳市鸿合创新信息技术有限责任公司 | Program component display method and device |
| CN111832773B (en) * | 2020-05-29 | 2024-05-17 | 北京嘀嘀无限科技发展有限公司 | Information display method, information display device, storage medium and electronic equipment |
| CN111931104A (en) * | 2020-07-13 | 2020-11-13 | 口碑(上海)信息技术有限公司 | Instruction execution method and device, computer equipment and computer readable storage medium |
| CN112463154A (en) * | 2021-02-01 | 2021-03-09 | 北京宇信科技集团股份有限公司 | Page generation method, device and system and electronic equipment |
| CN113094141B (en) * | 2021-04-23 | 2024-08-06 | 北京达佳互联信息技术有限公司 | Page display method and device, electronic equipment and storage medium |
| CN113127783B (en) * | 2021-04-27 | 2022-06-17 | 百度在线网络技术（北京）有限公司 | Page display method and device, equipment and medium |
| CN113741892A (en) * | 2021-07-30 | 2021-12-03 | 武汉悦学帮网络技术有限公司 | Page generation method and device, electronic equipment and storage medium |
| CN114741147B (en) * | 2022-03-30 | 2023-11-14 | 阿里巴巴（中国）有限公司 | Method for displaying page on mobile terminal and mobile terminal |
| CN114911564B (en) * | 2022-06-16 | 2023-08-22 | 北京有竹居网络技术有限公司 | Page movement processing method, device, equipment and storage medium |
| CN115776598B (en) * | 2022-11-15 | 2024-05-03 | 聚好看科技股份有限公司 | Server, display device and loading method of video playing component |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105574049A (en) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | Page processing method, device and system of mobile applications |
| CN106991154A (en) * | 2017-03-29 | 2017-07-28 | 百度在线网络技术（北京）有限公司 | Webpage rendering intent, device, terminal and server |
| CN107038042A (en) * | 2017-02-07 | 2017-08-11 | 阿里巴巴集团控股有限公司 | The method and device that a kind of business is performed |
| CN108089878A (en) * | 2017-12-14 | 2018-05-29 | 腾讯科技（深圳）有限公司 | Page info shows and generation method, apparatus and system |
| CN108846087A (en) * | 2018-06-12 | 2018-11-20 | 恒生电子股份有限公司 | A kind of page rendering method, apparatus, terminal and server |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8935621B1 (en) * | 2010-05-18 | 2015-01-13 | Amazon Technologies, Inc. | Systems and methods for selecting components for inclusion in portions of a displayable file |
| CN105577777B (en) * | 2015-12-18 | 2019-12-13 | 腾讯科技（深圳）有限公司 | message processing method, device and system |
| CN106484470A (en) * | 2016-09-29 | 2017-03-08 | 努比亚技术有限公司 | The processing method of application program installation kit, device and server |
| CN108228288A (en) * | 2016-12-22 | 2018-06-29 | 航天信息股份有限公司 | A kind of component system and its call method and device |
| CN108563377A (en) * | 2018-04-10 | 2018-09-21 | 青岛海信移动通信技术股份有限公司 | The method and apparatus that switching shows the page |
| CN109471627A (en) * | 2018-10-22 | 2019-03-15 | 大唐网络有限公司 | Page presentation control method, system and device |
-
2019
- 2019-05-21 CN CN201910426039.2A patent/CN110046021B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105574049A (en) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | Page processing method, device and system of mobile applications |
| CN107038042A (en) * | 2017-02-07 | 2017-08-11 | 阿里巴巴集团控股有限公司 | The method and device that a kind of business is performed |
| CN106991154A (en) * | 2017-03-29 | 2017-07-28 | 百度在线网络技术（北京）有限公司 | Webpage rendering intent, device, terminal and server |
| CN108089878A (en) * | 2017-12-14 | 2018-05-29 | 腾讯科技（深圳）有限公司 | Page info shows and generation method, apparatus and system |
| CN108846087A (en) * | 2018-06-12 | 2018-11-20 | 恒生电子股份有限公司 | A kind of page rendering method, apparatus, terminal and server |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110046021A (en) | 2019-07-23 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110046021B (en) | Page display method, device, system, equipment and storage medium | |
| CN109460233B (en) | Method, device, terminal equipment and medium for updating native interface display of page | |
| US12068006B2 (en) | Video processing method and apparatus, electronic device, and computer readable storage medium | |
| CN109976620B (en) | Method, device, equipment and storage medium for determining list item display attribute information | |
| CN109491742B (en) | Page table rendering method and device | |
| CN110209315B (en) | Method and device for displaying characters in user interface, electronic equipment and storage medium | |
| CN113377366B (en) | Control editing method, device, equipment, readable storage medium and product | |
| CN111790148B (en) | Information interaction method and device in game scene and computer readable medium | |
| EP4425313A1 (en) | Data exchange method and apparatus, electronic device, storage medium and program product | |
| CN111459364B (en) | Icon updating method and device and electronic equipment | |
| CN109753332B (en) | Method and device for displaying information | |
| CN114491349B (en) | Page display method, page display device, electronic device, storage medium and program product | |
| CN110139118B (en) | Function running method and device of application program, electronic equipment and storage medium | |
| CN110658960A (en) | Message processing method and device and electronic equipment | |
| CN114363686B (en) | Method, device, equipment and medium for publishing multimedia content | |
| CN116126447A (en) | Information processing method, device, electronic equipment and computer readable medium | |
| CN109947528B (en) | Information processing method and device | |
| CN110619101B (en) | Method and apparatus for processing information | |
| US20240094883A1 (en) | Message selection method, apparatus and device | |
| CN114489891A (en) | Control method, system, device, readable medium and equipment of cloud application program | |
| CN115495175A (en) | Picture display method and device, terminal equipment and computer medium | |
| CN112256221A (en) | Information display method and device and electronic equipment | |
| CN110069186B (en) | Method and equipment for displaying operation interface of application | |
| CN112256370A (en) | Information display method and device and electronic equipment | |
| CN116192789A (en) | Cloud document processing method and device and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |