WO2016026384A1 - 一种客户端页面显示方法、装置及系统 - Google Patents

一种客户端页面显示方法、装置及系统 Download PDF

Info

Publication number
WO2016026384A1
WO2016026384A1 PCT/CN2015/085916 CN2015085916W WO2016026384A1 WO 2016026384 A1 WO2016026384 A1 WO 2016026384A1 CN 2015085916 W CN2015085916 W CN 2015085916W WO 2016026384 A1 WO2016026384 A1 WO 2016026384A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
dynamic data
verification identifier
client
server
Prior art date
Application number
PCT/CN2015/085916
Other languages
English (en)
French (fr)
Inventor
周觅
Original Assignee
阿里巴巴集团控股有限公司
周觅
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 阿里巴巴集团控股有限公司, 周觅 filed Critical 阿里巴巴集团控股有限公司
Publication of WO2016026384A1 publication Critical patent/WO2016026384A1/zh

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor

Definitions

  • the present application relates to the field of mobile Internet technologies, and in particular, to a client page display method and apparatus.
  • the application also relates to a method and device for updating a client page, and a client page display system.
  • Hybrid App the hybrid mode mobile application
  • the hybrid mode mobile application is developed by using both webpage language and programming language, and packaged and distributed through different application stores.
  • the application features are closer to the native application (Native App) and different from the web application (Web). App).
  • Native App Native App
  • Web web application
  • Hybrid App combines the advantages of both Native App and Web App.
  • the client caches the page to improve the user experience by increasing the page display speed.
  • a page consists of two parts: page structure and dynamic data.
  • caching a page is to cache the whole page, and does not distinguish between page structure and dynamic data.
  • the client displays the page, the client returns the server through an additional request, and if the server needs to update the signal, the client requests the server to return the data of the entire page again, according to the entire returned data.
  • the page's data display the page, and update the page's cache; if no updates are needed, continue to use the original cached data on the client's entire page to display the page.
  • the Hybrid App Since the Hybrid App has a large amount of page information that needs to be dynamically obtained from the server side, the traditional way of caching the entire page on the client is that the cache reuse rate is low, because once the page structure and dynamic data are changed, the entire page needs to be re-created. Request from the server side.
  • the client Due to the frequent request of page information from the server side, the client will frequently re-transform the page into the client local object and then render the local object to the page. This process consumes a lot of performance of the client.
  • the prior art cannot update the dynamic data and the page structure separately, but only updates the entire page, thereby resulting in low client page cache re-use rate, high client performance consumption, and large amount of network traffic. Poor user experience.
  • the present application provides a client page display method and apparatus to solve the problem that the prior art cannot update the dynamic data and the page structure separately.
  • the application additionally provides a method and apparatus for updating a client page, and a client page display system.
  • the application provides a client page display method for a hybrid mode mobile application, including:
  • the verification identifier is used to characterize the update status of the dynamic data and the page structure.
  • the locally pre-stored page is stored in a client cache area.
  • the locally pre-stored page includes: dynamic data of the page and a verification identifier of the dynamic data, and a local object of the page structure and a verification identifier of the page structure,
  • the dynamic data of the page, the verification identifier of the dynamic data, the local object of the page structure, and the verification identifier of the page structure are stored separately.
  • the generating and rendering the page adopts one of the following rules:
  • the response is a no-update response, acquiring the local object of the page structure in the locally pre-stored page and the dynamic data, and replacing all data items in the locally pre-stored dynamic data Rendering the local object to the local object of the locally pre-stored page structure;
  • the response includes only the dynamic data, acquiring a local object of the page structure in the locally pre-stored page, and replacing all data items in the dynamic data of the server end to the local Pre-storing a local object of the page structure, rendering the local object;
  • the page structure of the server is rendered to a local object, and the dynamic data in the locally pre-stored page is obtained, and the locally pre-stored All data items in the dynamic data are replaced with the local object, and the local object is rendered;
  • the response includes the dynamic data and the page structure, rendering the page structure of the server side to a local object, and replacing all data items in the dynamic data of the server end with the local object , rendering the local object.
  • the method further includes: updating the locally pre-stored page according to the response sent by the server.
  • the updating the locally pre-stored page adopts one of the following rules:
  • the response sent by the server end includes the dynamic data, replacing the dynamic data of the locally pre-stored page and the verification identifier of the dynamic data with the dynamic data and the server end The verification identifier of the dynamic data;
  • the response sent by the server side includes the page structure, replacing the local object of the page structure of the locally pre-stored page and the verification identifier of the page structure with the page of the server end The local object of the structure and the validation identifier of the page structure.
  • the present application further provides a client page display device for a hybrid mode mobile application, including:
  • a first receiving unit configured to receive a page access request sent by the user
  • a first obtaining unit configured to acquire a page identifier of the page according to the page access request
  • a second acquiring unit configured to acquire, according to the page identifier, a dynamic of the locally pre-stored page The verification identifier of the data and the verification identifier of the page structure;
  • a first sending unit configured to send the page identifier, the verification identifier of the dynamic data, and the verification identifier of the page structure to the server, and request, in the server, the dynamic data and the page structure of the page Update part;
  • a second receiving unit configured to receive a response sent by the server
  • Generating a rendering unit configured to generate and render the page by selecting the latest dynamic data and page structure of the current version from the response and the locally pre-stored page portion returned by the server;
  • the verification identifier is used to characterize the update status of the dynamic data and the page structure.
  • the locally pre-stored page is stored in a client cache area.
  • the locally pre-stored page includes: dynamic data of the page and a verification identifier of the dynamic data, and a local object of the page structure and a verification identifier of the page structure, where the page is The dynamic data, the verification identifier of the dynamic data, the local object of the page structure, and the verification identifier of the page structure are separately stored.
  • the generating and rendering the page adopts one of the following rules:
  • the response is a no-update response, acquiring the local object of the page structure in the locally pre-stored page and the dynamic data, and replacing all data items in the locally pre-stored dynamic data Rendering the local object to the local object of the locally pre-stored page structure;
  • the response includes only the dynamic data, acquiring a local object of the page structure in the locally pre-stored page, and replacing all data items in the dynamic data of the server end to the local Pre-storing a local object of the page structure, rendering the local object;
  • the page structure of the server is rendered to a local object, and the dynamic data in the locally pre-stored page is obtained, and the locally pre-stored All data items in the dynamic data are replaced with the local object, and the local object is rendered;
  • the response includes the dynamic data and the page structure, rendering the page structure of the server side to a local object, and replacing all data items in the dynamic data of the server end with the local object , rendering the local object.
  • the device further includes:
  • Updating a local storage unit configured to update the locally pre-stored page according to the response sent by the server.
  • the updating the locally pre-stored page adopts one of the following rules:
  • the response sent by the server end includes the dynamic data, replacing the dynamic data of the locally pre-stored page and the verification identifier of the dynamic data with the dynamic data and the server end The verification identifier of the dynamic data;
  • the response sent by the server side includes the page structure, replacing the local object of the page structure of the locally pre-stored page and the verification identifier of the page structure with the page of the server end The local object of the structure and the validation identifier of the page structure.
  • the present application also provides a method for updating a client page for a hybrid mode mobile application, including:
  • Determining whether the updated portion is empty, and if so, returning an update-free response to the client; otherwise, returning to the client, the updated portion of the page of the server, the updated portion of the page includes The dynamic data and the verification identifier of the dynamic data and/or the page structure and the verification identifier of the page structure, the dynamic data including all data items.
  • the updating part in the two parts of the dynamic data and the page structure for generating the page adopts one of the following rules:
  • the verification identifier of the dynamic data of the client is smaller than the verification identifier of the dynamic data of the server, acquiring the dynamic data of the page at the server, where the updated portion of the page includes the dynamic data and The verification identifier of the dynamic data;
  • the verification identifier of the page structure of the client is smaller than the verification identifier of the page structure of the server, acquiring the page structure of the page on the server side, where the updated portion of the page includes the page structure and The verification identifier of the page structure.
  • the page on the server side is stored in a database.
  • the page on the server side includes: dynamic data of the page and the dynamic The verification identifier of the data, and the verification structure of the page structure and the page structure, the dynamic data of the page, the verification identifier of the dynamic data, the page structure, and the verification identifier of the page structure are separately stored.
  • the present application further provides an apparatus for updating a client page for a hybrid mode mobile application, including:
  • a third receiving unit configured to receive a page identifier of the page sent by the client, a verification identifier of the dynamic data, and a verification identifier of the page structure;
  • a third obtaining unit configured to obtain, according to the page identifier, a verification identifier of the dynamic data of the page at the server end and a verification identifier of the page structure;
  • Generating an update unit configured to generate, according to the verification identifier of the dynamic data of the server end and the verification identifier of the page structure, and the verification identifier of the dynamic data of the client and the verification identifier of the page structure, The updated part of the dynamic data and page structure of the page;
  • a second sending unit configured to determine whether the updated part is empty, and if yes, return a no-update response to the client; otherwise, return an update part of the page of the server to the client, where
  • the updated portion of the page includes the dynamic data and a verification identifier of the dynamic data and/or the page structure and a verification identifier of the page structure, the dynamic data including all data items.
  • the updating part in the two parts of the dynamic data and the page structure for generating the page adopts one of the following rules:
  • the verification identifier of the dynamic data of the client is smaller than the verification identifier of the dynamic data of the server, acquiring the dynamic data of the page at the server, where the updated portion of the page includes the dynamic data and The verification identifier of the dynamic data;
  • the verification identifier of the page structure of the client is smaller than the verification identifier of the page structure of the server, acquiring the page structure of the page on the server side, where the updated portion of the page includes the page structure and The verification identifier of the page structure.
  • the page on the server side is stored in a database.
  • the page of the server includes: dynamic data of the page and a verification identifier of the dynamic data, and a verification identifier of the page structure and the page structure, dynamic data of the page, and a location
  • the verification identifier of the dynamic data, the page structure, and the verification identifier of the page structure are separately stored.
  • the application also provides a client page display system for a mixed mode mobile application
  • the program includes the client page display device according to any one of the preceding claims, and the device for updating the client page according to any one of the preceding claims.
  • the client page display method provided by the present application, the method for updating the client page, and the corresponding device and system respectively, by separating the page structure and the dynamic data composed of one page, respectively, and respectively assigning the verification identifier to the two parts of the content, and
  • the server side updates the client page the dynamic data and the page structure update status are respectively compared and verified, so that the dynamic data and the page structure can be separately updated, and the server only transmits the changed part to the client. Avoid the unnecessary traffic overhead caused by the transmission of the entire page, thereby achieving the effect of saving network traffic; because the dynamic data changes more frequently, and the page structure is relatively stable, thereby improving the usage rate of the client page structure cache.
  • FIG. 1 is a flow chart of an embodiment of a client page display method of the present application
  • FIG. 2 is a schematic diagram of an embodiment of a client page display device of the present application.
  • FIG. 3 is a flow chart of an embodiment of a method for updating a client page of the present application
  • FIG. 4 is a schematic diagram of an apparatus embodiment for updating a client page of the present application
  • FIG. 5 is a schematic diagram of an embodiment of a client page display system of the present application.
  • FIG. 6 is a collaboration diagram of an embodiment of a client page display system of the present application.
  • a client page display method and apparatus a method and apparatus for updating a client page, and a client page display system are respectively provided. Detailed description will be made one by one in the following embodiments.
  • the client page display method provided by the application, the method for updating the client page, and the corresponding device and system the client selects the latest dynamic data of the current version by using the updated part of the page sent back by the server and the locally pre-stored page.
  • the page structure generates and renders the page to improve the cache usage of the client's page structure.
  • the page is developed using the webpage language, for example: HTML5, the page is stored on the server side, and the process of displaying the page by the client is to first render the downloaded webpage to the local object, and then render the local object.
  • the page needs to be cached and managed on the client side. Therefore, the client page display method provided by the present application, the method for updating the client page, and the corresponding device and system are applicable to the hybrid mode mobile application.
  • the application is developed in a platform-specific development language, so the client page display method provided by the present application, the method of updating the client page, and the corresponding device and system are not applicable to the native application.
  • the page is also developed using the web language, and the display of the page is done through the client browser. The browser receives the user request, requests the page from the server, and then renders the page, thus localizing on the client. There is no need to cache the page for management. Therefore, the client page display method provided by the present application, the method for updating the client page, and the corresponding device and system are not applicable to the web application.
  • FIG. 1 is a flowchart of an embodiment of a method for displaying a client page according to the present application.
  • the method is for a hybrid mode mobile application, comprising the following steps:
  • Step S101 Receive a page access request sent by the user.
  • Step S102 Acquire a page identifier of the page according to the page access request.
  • the page access request described in the present application includes a page identifier, which is a unique identifier of the page in the application, and the page identifier is allocated during the application development process to indicate the uniqueness of the page.
  • Step S103 Acquire, according to the page identifier, a verification identifier of the dynamic data of the page pre-stored locally and a verification identifier of the page structure.
  • the page described in the present application refers to a dynamic page, and the dynamic page is a page opposite to a static page.
  • Static pages With the generation of page code, the content and display of the page will not change substantially unless the page code is modified. Dynamic pages are not. Although the page code has not changed, the displayed content can be changed as a result of time, environment or database operations. Dynamic pages are not directly related to visual dynamic effects such as various animations and scrolling subtitles on the page. Dynamic pages can also be used. It is pure text content, or it can be content containing various animations. These are just the expressions of the specific content of the page.
  • the page described in the present application includes dynamic data and a page structure, wherein the dynamic data refers to the specific content of the page, and the dynamic data may change according to the result of time, environment or database operation; the page structure refers to the representation form of the specific content of the page, ie The layout of the page, the pages of different layouts have different display effects.
  • the locally pre-stored page includes: dynamic data of the page and a verification identifier of the dynamic data, and a local object of the page structure and a verification identifier of the page structure,
  • the dynamic data of the page, the verification identifier of the dynamic data, the local object of the page structure, and the verification identifier of the page structure are stored separately.
  • the page is represented as follows:
  • data represents dynamic data
  • dataVerify represents the verification identifier of dynamic data
  • view represents the page structure
  • viewVerify represents the verification identifier of the page structure
  • the verification identifier described in the present application is used to represent the update status of the dynamic data and the page structure.
  • the server side uses an algorithm for the dynamic data
  • the page structure automatically generates a verification identifier of the corresponding dynamic data and a verification identifier of the page structure, and the newly generated verification identifier is larger than the verification identifier before the change occurs.
  • a plurality of algorithms can be used to generate the verification identifier.
  • the time stamp is used as the verification identifier, and the time stamp is usually a sequence of characters, which uniquely identifies the time of the moment.
  • the digital time stamp service is one of the online e-commerce security service items and can provide Security of date and time information for electronic documents.
  • the client page display method provided by the present application is based on separately separating the page structure and the dynamic data composed of one page, and setting the verification identifier on the two parts respectively, so that when the server side updates the client page, The update status of the dynamic data and the page structure are separately verified, so that the dynamic data and the page structure can be updated separately.
  • the locally pre-stored page is stored in the client cache area, and the page display is more convenient by temporarily placing the most commonly used application page in the cache, thereby improving the display speed of the page.
  • Step S104 Send the page identifier, the verification identifier of the dynamic data, and the verification identifier of the page structure to the server, and request the server to request the update part in the dynamic data and the page structure of the page.
  • the client page display method provided by the application sends the verification identifier of the page identifier, the verification identifier of the dynamic data, and the verification identifier of the page structure to the server end, and after receiving the verification identifiers, the server side verifies each verification identifier of the client and the server side. Corresponding verification identifiers are compared with each other. When the verification identifier of the client is lower than the corresponding verification identifier of the server, it is determined that the part of the client needs to be updated, and the server sends the updated part to the client.
  • the part that needs to be updated may be the page. Structure or dynamic data, and may also include these two parts.
  • Step S105 Receive a response sent back by the server.
  • Step S106 Select, by the server side, the response and the locally pre-stored page part, select the latest dynamic data and page structure of the current version, and generate and render the page.
  • the response and the locally pre-stored page portion sent by the server end select the latest dynamic data and page structure of the current version, and generate and render the page by using one of the following rules: Responding to the no-update response, acquiring the local object of the page structure in the locally pre-stored page and the dynamic data, and replacing all data items in the locally pre-stored dynamic data with the Locally pre-storing the local object of the page structure, rendering the local object; if the response includes only the dynamic data, acquiring the page in the locally pre-stored page a local object of the polygon structure, replacing all data items in the dynamic data of the server end with the local object of the locally pre-stored page structure, rendering the local object; if the response includes only the page a structure, the page structure of the server is rendered to a local object, the dynamic data in the locally pre-stored page is obtained, and all data items in the locally pre-stored dynamic data are replaced The local object, the local object is rendered; if the response includes the dynamic data and the page structure, the
  • the method further includes:
  • Step S107 Update the locally pre-stored page according to the response sent by the server.
  • the updating the locally pre-stored page adopts one of the following rules: if the response sent by the server end includes the dynamic data, the locally pre-stored page of the page is And the verification identifier of the dynamic data and the dynamic data is replaced by the dynamic data of the server and the verification identifier of the dynamic data; if the response sent by the server includes the page structure, the local The pre-stored local object of the page structure of the page and the verification identifier of the page structure are replaced with a local object of the page structure of the server side and a verification identifier of the page structure.
  • the client page display method provided by the present application selects the latest dynamic data and page structure of the current version by using the updated part of the page sent back by the server and the locally pre-stored page part, and the latest dynamic data and page structure of the current version. Update to the local cache, so that the locally pre-stored pages of the client are dynamically updated, which further improves the page display speed and improves the user experience.
  • FIG. 2 is a schematic diagram of an embodiment of a client page display device of the present application. Since the device embodiment is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the description of the method embodiment.
  • the device embodiments described below are merely illustrative.
  • the client page display device of the embodiment is used for the hybrid mode mobile application, and includes: a first receiving unit 201, configured to receive a page access request sent by the user; and a first obtaining unit 202, configured to use the page according to the page Accessing the request to obtain the page identifier of the page; the second obtaining unit 203 is configured to obtain, according to the page identifier, a verification identifier and a page knot of the dynamic data of the page pre-stored locally
  • the first sending unit 204 is configured to send the page identifier, the verification identifier of the dynamic data, and the verification identifier of the page structure to the server, and request the dynamic data of the page from the server end.
  • An update portion in two parts of the page structure a second receiving unit 205, configured to receive a response sent by the server; and a rendering unit 206 configured to select a current version from the response sent by the server and the locally pre-stored page portion
  • the latest dynamic data and page structure, the page is generated and rendered; wherein the verification identifier is used to characterize the update status of the dynamic data and the page structure.
  • the locally pre-stored page is stored in a client cache area.
  • the locally pre-stored page includes: dynamic data of the page and a verification identifier of the dynamic data, and a local object of the page structure and a verification identifier of the page structure, where the page is The dynamic data, the verification identifier of the dynamic data, the local object of the page structure, and the verification identifier of the page structure are separately stored.
  • the generating and rendering the page adopts one of the following rules: if the response is a no-update response, acquiring the local object of the page structure in the locally pre-stored page and the dynamic Data, replacing all data items in the locally pre-stored dynamic data with the locally pre-stored local object of the page structure, rendering the local object; if the response includes only the dynamic data, Obtaining a local object of the page structure in the locally pre-stored page, and replacing all data items in the dynamic data of the server end with the locally pre-stored local object of the page structure, and rendering a local object Deriving the local object; if the response includes only the page structure, rendering the page structure of the server side to a local object, acquiring the dynamic data in the locally pre-stored page, and the local Pre-storing all data items in the dynamic data to the local object, rendering the local object; if the response includes the dynamic data and Page structure, then the structure of the server-side page rendering objects to the cost to replace all data items in the server to the dynamic data in
  • the device further includes:
  • the local storage unit 207 is configured to update the locally pre-stored page according to the response sent by the server.
  • the updating the locally pre-stored page adopts one of the following rules: if the response sent by the server end includes the dynamic data, the dynamic of the locally pre-stored page is And the verification identifier of the data and the dynamic data is replaced by the dynamic data of the server and the verification identifier of the dynamic data; if the response sent by the server includes the page structure, And replacing the local object of the page structure of the locally pre-stored page and the verification identifier of the page structure with a local object of the page structure of the server and a verification identifier of the page structure.
  • the present application also provides a method for updating a client page.
  • FIG. 3 is a flowchart of an embodiment of a method for updating a client page according to the present application. The same parts of the first embodiment are not described again. Please refer to the corresponding part in the first embodiment. .
  • the present invention provides a method for updating a client page for a hybrid mode mobile application, including:
  • Step S301 Receive a page identifier of the page sent by the client, a verification identifier of the dynamic data, and a verification identifier of the page structure.
  • Step S302 Acquire, according to the page identifier, a verification identifier of the dynamic data of the page at the server end and a verification identifier of the page structure.
  • the page of the server includes: dynamic data of the page and a verification identifier of the dynamic data, and a verification identifier of the page structure and the page structure, and dynamic data of the page.
  • the verification identifier of the dynamic data, the page structure, and the verification identifier of the page structure are separately stored.
  • the page of the server is stored in a database
  • each information of the page may be stored in a database table
  • the database table includes a page identification field, a verification identifier field of the dynamic data, and a dynamic data field, and The validation identity field and page structure field of the page structure.
  • Step S303 Generate the page according to the verification identifier of the dynamic data of the server and the verification identifier of the page structure, and the verification identifier of the dynamic data of the client and the verification identifier of the page structure. The updated part of the dynamic data and page structure.
  • the verification identifier of the dynamic data according to the server end and the verification identifier of the page structure, and the verification identifier of the dynamic data of the client and the verification identifier of the page structure Generating the dynamic data in the two parts of the page and the update part in the page structure adopts one of the following rules: if the verification identifier of the dynamic data of the client is smaller than the verification identifier of the dynamic data of the server, the acquisition The dynamic data of the page on the server side, the updated part of the page includes the dynamic data and the verification identifier of the dynamic data; if the verification identifier of the page structure of the client is smaller than the page of the server end The verification identifier of the structure obtains the page structure of the page on the server side, and the updated part of the page includes the The page structure and the verification identifier of the page structure.
  • Step S304 determining whether the updated part is empty, and if yes, returning an update-free response to the client; otherwise, returning to the client, the updated part of the page of the server, the update of the page
  • the portion includes the dynamic data and a verification identifier of the dynamic data and/or the page structure and a verification identifier of the page structure, the dynamic data including all data items.
  • FIG. 4 is a schematic diagram of an apparatus embodiment for updating a client page according to the present application. Since the device embodiment is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the description of the method embodiment. The device embodiments described below are merely illustrative.
  • An apparatus for updating a client page which is used in the hybrid mode mobile application, includes: a third receiving unit 401, configured to receive a page identifier of the page sent by the client, and a verification identifier of the dynamic data And a verification identifier of the page structure, the third obtaining unit 402 is configured to obtain, according to the page identifier, a verification identifier of the dynamic data of the page at the server end and a verification identifier of the page structure, and generate an update unit 403. Generating the page according to the verification identifier of the dynamic data of the server and the verification identifier of the page structure, and the verification identifier of the dynamic data of the client and the verification identifier of the page structure.
  • An update portion in two parts of the dynamic data and the page structure; the second sending unit 404 is configured to determine whether the updated portion is empty, and if yes, return a no-update response to the client; otherwise, to the client Returning an updated portion of the page on the server side, the updated portion of the page including the dynamic data and the Authentication identifier temporal data and / or verify the identity of the page and the page structure of the structure, all the dynamic data comprises data items.
  • the verification identifier according to the dynamic data of the server and the verification identifier of the page structure, and the verification identifier of the dynamic data of the client and the verification identifier of the page structure are generated.
  • the update part of the dynamic data and page structure of the page adopts one of the following rules: if the verification identifier of the dynamic data of the client is smaller than the verification identifier of the dynamic data of the server, the page is acquired The dynamic data on the server side, the updated portion of the page includes the dynamic data and the verification identifier of the dynamic data; if the verification identifier of the page structure of the client is smaller than the page structure of the server The verification identifier is obtained, and the page structure of the page on the server side is obtained, and the update part of the page includes the page structure and the verification identifier of the page structure.
  • the page on the server side is stored in a database.
  • the page of the server includes: dynamic data of the page and a verification identifier of the dynamic data, and a verification identifier of the page structure and the page structure, dynamic data of the page, and a location
  • the verification identifier of the dynamic data, the page structure, and the verification identifier of the page structure are separately stored.
  • the present application also provides a client page display system.
  • the system includes the client page display device 501 and the device 502 for updating the client page described in the above embodiments.
  • the device for updating the client page is usually deployed on the server, but is not limited to the server, and may be any device capable of implementing a method for updating the client page; the client page display device is usually deployed on the mobile communication device.
  • the client page display device is deployed on the smart phone, can upload the verification identifier of the locally stored dynamic data and the verification identifier of the page structure, and requests the server to request the update part of the page dynamic data and the page structure, and the slave server.
  • the latest dynamic data and page structure of the current version are selected, and the page is generated and rendered; the device for updating the client page is deployed on the server, and the identification and the client are verified by the dynamic data according to the server side.
  • the verification data of the dynamic data of the end obtains the latest dynamic data of the current version, and obtains the latest page structure of the current version according to the verification identifier of the page structure of the server and the verification identifier of the page structure of the client, and generates dynamic data and page structure of the page.
  • the update part of the section which enables the dynamic data and page structure to be updated separately.
  • FIG. 6 is a collaboration diagram of an embodiment of a client page display system of the present application.
  • the entire process of the client page display system includes the following steps:
  • the client passes the pageId (page identification), viewVerify (the verification identifier of the page structure), and dataVerify (the verification identifier of the dynamic data) to the server to request the page;
  • the server uses the pageId to go to the database to query the information of the page;
  • the server side judges the page update part that needs to be returned by comparing the viewVerify sent by the client and the existing viewVerify of the database, and the dataVerify sent by the client and the existing dataVerify of the database;
  • the client performs dynamic data replacement on the local object of the last rendered page structure, and updates the data and dataVerify of the local page cache.
  • the client page display method provided by the present application, the method for updating the client page, and the corresponding device and system respectively, by separating the page structure and the dynamic data composed of one page, respectively, and respectively assigning the verification identifier to the two parts of the content, and
  • the server side updates the client page the dynamic data and the page structure update status are respectively compared and verified, so that the dynamic data and the page structure can be separately updated, and the server only transmits the changed part to the client. Avoid the unnecessary traffic overhead caused by the transmission of the entire page, thereby achieving the effect of saving network traffic; because the dynamic data changes more frequently, and the page structure is relatively stable, thereby improving the usage rate of the client page structure cache.
  • a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
  • processors CPUs
  • input/output interfaces network interfaces
  • memory volatile and non-volatile memory
  • the memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory.
  • RAM random access memory
  • ROM read only memory
  • Memory is an example of a computer readable medium.
  • Computer readable media including both permanent and non-persistent, removable and non-removable media may be implemented by any method or technology.
  • the information can be computer readable instructions, data structures, modules of programs, or other data.
  • Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory. (ROM), electrically erasable programmable read-only memory Memory (EEPROM), flash memory or other memory technology, CD-ROM, digital versatile disc (DVD) or other optical storage, magnetic cassette, magnetic tape storage or other A magnetic storage device or any other non-transportable medium that can be used to store information that can be accessed by a computing device.
  • computer readable media does not include non-transitory computer readable media, such as modulated data signals and carrier waves.
  • embodiments of the present application can be provided as a method, system, or computer program product.
  • the present application can take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment in combination of software and hardware.
  • the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.

Abstract

一种客户端页面显示方法和装置、一种更新客户端页面的方法和装置以及一种客户端页面显示系统。其中所述客户端页面显示方法包括:将所述页面的所述页面标识、客户端本地的所述动态数据的验证标识和页面结构的验证标识发送到服务器端,向所述服务器端请求所述页面的动态数据和页面结构两部分中的更新部分(S104);接收服务器端回送的应答(S105);由所述服务器端回送的应答和本地预存的页面部分中,选择当前版本最新的动态数据和页面结构,生成并渲染所述页面(S106)。采用上述方法,能够对动态数据和页面结构分别进行更新,从而达到提高客户端的页面结构的缓存使用率、减小客户端性能开销、节约网络流量以及提高用户体验的效果。

Description

一种客户端页面显示方法、装置及系统 技术领域
本申请涉及移动互联网技术领域,具体涉及一种客户端页面显示方法和装置。本申请同时涉及一种更新客户端页面的方法和装置,以及一种客户端页面显示系统。
背景技术
随着移动互联网技术不断发展,企业需要选择一个为将来而使用的能够满足多种不同层面需求的移动开发模式。目前,移动开发模式包括原生开发模式、Web开发模式和混合开发模式。其中,混合模式移动应用(Hybrid App)是同时采用网页语言与程序语言进行开发,通过不同的应用商店进行打包与分发,应用的特性更接近原生应用(Native App)而且又区别于Web应用(Web App)。但是,在Hybrid App开发过程中,由于同时使用了网页语言,所以开发成本与难度大大降低。也就是说,Hybrid App兼具了Native App与Web App两者的诸多优点。目前已经有众多Hybrid App开发成功应用,比如百度、网易、街旁等知名移动应用,都是采用Hybrid App开发模式。
在Hybrid App中,客户端对页面进行缓存管理,以便提高页面显示速度,从而增强用户体验。一个页面包括页面结构和动态数据两部分,传统的,对页面进行缓存是对页面的整体进行缓存,并不区分页面结构和动态数据。当客户端显示页面时,客户端是通过一次额外的请求服务器端,返回是否需要更新页面,如果服务器端回传需要更新的信号,客户端再次请求服务器端返回整个页面的数据,根据返回的整个页面的数据,显示页面,并且更新页面的缓存;如果不需要更新,则继续使用原有的缓存在客户端的整个页面的数据,显示页面。采用这种页面显示的方式,存在以下问题:
1)客户端页面缓存重复使用率较低
由于Hybrid App有大量页面信息需要从服务器端动态获取,传统的方式将整个页面缓存在客户端,这个缓存重复使用率较低,因为一旦页面结构和动态数据其中一个改动,就需要将整个页面重新从服务器端请求。
2)客户端性能消耗大
由于频繁的从服务器端请求页面信息,客户端就要频繁的重新将页面转换成客户端本地对象,再将本地对象渲染到页面上,这个过程会消耗客户端大量的性能。
3)消耗大量网络流量、用户体验差
由于频繁的从服务器端请求页面信息,会给用户带来大量的流量费用,甚至在网络状况不好的情况下(移动设备网络情况通常会在wifi、3G、2G、GPRS情况下切换),会带来交互阻塞、画面不流畅等不良体验。
因此,现有技术无法对动态数据和页面结构分别进行更新,而只能对整个页面进行更新,由此带来客户端页面缓存重复使用率较低、客户端性能消耗大以及消耗大量网络流量、用户体验差的问题。
发明内容
本申请提供一种客户端页面显示方法和装置,以解决现有技术无法对动态数据和页面结构分别进行更新的问题。本申请另外提供一种更新客户端页面的方法和装置,以及一种客户端页面显示系统。
本申请提供一种客户端页面显示方法,用于混合模式移动应用程序,包括:
接收用户发送的页面访问请求;
根据所述页面访问请求,获取所述页面的页面标识;
根据所述页面标识,获取本地预存的所述页面的动态数据的验证标识和页面结构的验证标识;
将所述页面标识、所述动态数据的验证标识和页面结构的验证标识发送到服务器端,向所述服务器端请求所述页面的动态数据和页面结构两部分中的更新部分;
接收服务器端回送的应答;
由所述服务器端回送的应答和本地预存的页面部分中,选择当前版本最新的动态数据和页面结构,生成并渲染所述页面;
其中,所述验证标识用于表征动态数据和页面结构的更新状况。
可选的,所述本地预存的所述页面存储在客户端缓存区域。
可选的,所述本地预存的所述页面包括:所述页面的动态数据和所述动态数据的验证标识,以及所述页面结构的本地对象和所述页面结构的验证标识, 所述页面的动态数据、所述动态数据的验证标识、所述页面结构的本地对象以及所述页面结构的验证标识分离存储。
可选的,所述生成并渲染所述页面采用以下规则之一:
若所述应答为无更新应答,则获取所述本地预存的所述页面中的所述页面结构的本地对象和所述动态数据,将所述本地预存的所述动态数据中的所有数据项替换到所述本地预存的所述页面结构的本地对象,渲染所述本地对象;
若所述应答只包括所述动态数据,则获取所述本地预存的所述页面中的所述页面结构的本地对象,将所述服务器端的所述动态数据中的所有数据项替换到所述本地预存的所述页面结构的本地对象,渲染所述本地对象;
若所述应答只包括所述页面结构,则将所述服务器端的所述页面结构渲染成本地对象,获取所述本地预存的所述页面中的所述动态数据,将所述本地预存的所述动态数据中的所有数据项替换到所述本地对象,渲染所述本地对象;
若所述应答包括所述动态数据和所述页面结构,则将所述服务器端的所述页面结构渲染成本地对象,将所述服务器端的所述动态数据中的所有数据项替换到所述本地对象,渲染所述本地对象。
可选的,还包括:根据所述服务器端回送的应答,更新所述本地预存的所述页面。
可选的,所述更新所述本地预存的所述页面采用以下规则之一:
若所述服务器端回送的应答是否包括所述动态数据,则将所述本地预存的所述页面的所述动态数据和所述动态数据的验证标识替换为所述服务器端的所述动态数据和所述动态数据的验证标识;
若所述服务器端回送的应答是否包括所述页面结构,则将所述本地预存的所述页面的所述页面结构的本地对象和所述页面结构的验证标识替换为所述服务器端的所述页面结构的本地对象和所述页面结构的验证标识。
相应的,本申请还提供一种客户端页面显示装置,用于混合模式移动应用程序,包括:
第一接收单元,用于接收用户发送的页面访问请求;
第一获取单元,用于根据所述页面访问请求,获取所述页面的页面标识;
第二获取单元,用于根据所述页面标识,获取本地预存的所述页面的动态 数据的验证标识和页面结构的验证标识;
第一发送单元,用于将所述页面标识、所述动态数据的验证标识和页面结构的验证标识发送到服务器端,向所述服务器端请求所述页面的动态数据和页面结构两部分中的更新部分;
第二接收单元,用于接收服务器端回送的应答;
生成渲染单元,用于由所述服务器端回送的应答和本地预存的页面部分中,选择当前版本最新的动态数据和页面结构,生成并渲染所述页面;
其中,所述验证标识用于表征动态数据和页面结构的更新状况。
可选的,所述本地预存的所述页面存储在客户端缓存区域。
可选的,所述本地预存的所述页面包括:所述页面的动态数据和所述动态数据的验证标识,以及所述页面结构的本地对象和所述页面结构的验证标识,所述页面的动态数据、所述动态数据的验证标识、所述页面结构的本地对象以及所述页面结构的验证标识分离存储。
可选的,所述生成并渲染所述页面采用以下规则之一:
若所述应答为无更新应答,则获取所述本地预存的所述页面中的所述页面结构的本地对象和所述动态数据,将所述本地预存的所述动态数据中的所有数据项替换到所述本地预存的所述页面结构的本地对象,渲染所述本地对象;
若所述应答只包括所述动态数据,则获取所述本地预存的所述页面中的所述页面结构的本地对象,将所述服务器端的所述动态数据中的所有数据项替换到所述本地预存的所述页面结构的本地对象,渲染所述本地对象;
若所述应答只包括所述页面结构,则将所述服务器端的所述页面结构渲染成本地对象,获取所述本地预存的所述页面中的所述动态数据,将所述本地预存的所述动态数据中的所有数据项替换到所述本地对象,渲染所述本地对象;
若所述应答包括所述动态数据和所述页面结构,则将所述服务器端的所述页面结构渲染成本地对象,将所述服务器端的所述动态数据中的所有数据项替换到所述本地对象,渲染所述本地对象。
可选的,所述装置还包括:
更新本地存储单元,用于根据所述服务器端回送的应答,更新所述本地预存的所述页面。
可选的,所述更新所述本地预存的所述页面采用以下规则之一:
若所述服务器端回送的应答是否包括所述动态数据,则将所述本地预存的所述页面的所述动态数据和所述动态数据的验证标识替换为所述服务器端的所述动态数据和所述动态数据的验证标识;
若所述服务器端回送的应答是否包括所述页面结构,则将所述本地预存的所述页面的所述页面结构的本地对象和所述页面结构的验证标识替换为所述服务器端的所述页面结构的本地对象和所述页面结构的验证标识。
此外,本申请还提供一种更新客户端页面的方法,用于混合模式移动应用程序,包括:
接收客户端发送的所述页面的页面标识、所述动态数据的验证标识和所述页面结构的验证标识;
根据所述页面标识,获取所述页面在服务器端的所述动态数据的验证标识和所述页面结构的验证标识;
根据所述服务器端的所述动态数据的验证标识和所述页面结构的验证标识,以及所述客户端的所述动态数据的验证标识和所述页面结构的验证标识,生成所述页面的动态数据和页面结构两部分中的更新部分;
判断所述更新部分是否为空,如果是,则向所述客户端返回无更新应答;否则,向所述客户端返回所述服务器端的所述页面的更新部分,所述页面的更新部分包括所述动态数据以及所述动态数据的验证标识和/或所述页面结构以及所述页面结构的验证标识,所述动态数据包括所有数据项。
可选的,所述生成所述页面的动态数据和页面结构两部分中的更新部分采用以下规则之一:
若所述客户端的所述动态数据的验证标识小于所述服务器端的所述动态数据的验证标识,则获取所述页面在服务器端的所述动态数据,所述页面的更新部分包括所述动态数据以及所述动态数据的验证标识;
若所述客户端的所述页面结构的验证标识小于所述服务器端的所述页面结构的验证标识,则获取所述页面在服务器端的所述页面结构,所述页面的更新部分包括所述页面结构以及所述页面结构的验证标识。
可选的,所述服务器端的所述页面存储在数据库中。
可选的,所述服务器端的所述页面包括:所述页面的动态数据和所述动态 数据的验证标识,以及所述页面结构和所述页面结构的验证标识,所述页面的动态数据、所述动态数据的验证标识、所述页面结构以及所述页面结构的验证标识分离存储。
相应的,本申请还提供一种更新客户端页面的装置,用于混合模式移动应用程序,包括:
第三接收单元,用于接收客户端发送的所述页面的页面标识、所述动态数据的验证标识和所述页面结构的验证标识;
第三获取单元,用于根据所述页面标识,获取所述页面在服务器端的所述动态数据的验证标识和所述页面结构的验证标识;
生成更新单元,用于根据所述服务器端的所述动态数据的验证标识和所述页面结构的验证标识,以及所述客户端的所述动态数据的验证标识和所述页面结构的验证标识,生成所述页面的动态数据和页面结构两部分中的更新部分;
第二发送单元,用于判断所述更新部分是否为空,如果是,则向所述客户端返回无更新应答;否则,向所述客户端返回所述服务器端的所述页面的更新部分,所述页面的更新部分包括所述动态数据以及所述动态数据的验证标识和/或所述页面结构以及所述页面结构的验证标识,所述动态数据包括所有数据项。
可选的,所述生成所述页面的动态数据和页面结构两部分中的更新部分采用以下规则之一:
若所述客户端的所述动态数据的验证标识小于所述服务器端的所述动态数据的验证标识,则获取所述页面在服务器端的所述动态数据,所述页面的更新部分包括所述动态数据以及所述动态数据的验证标识;
若所述客户端的所述页面结构的验证标识小于所述服务器端的所述页面结构的验证标识,则获取所述页面在服务器端的所述页面结构,所述页面的更新部分包括所述页面结构以及所述页面结构的验证标识。
可选的,所述服务器端的所述页面存储在数据库中。
可选的,所述服务器端的所述页面包括:所述页面的动态数据和所述动态数据的验证标识,以及所述页面结构和所述页面结构的验证标识,所述页面的动态数据、所述动态数据的验证标识、所述页面结构以及所述页面结构的验证标识分离存储。
此外,本申请还提供一种客户端页面显示系统,用于混合模式移动应用程 序,包括:根据上述任一项所述的客户端页面显示装置、以及任一项所述的更新客户端页面的装置。
与现有技术相比,本申请具有以下优点:
本申请提供的客户端页面显示方法、更新客户端页面的方法、以及相应装置和系统,通过将组成一个页面的页面结构和动态数据两部分内容分离表示、对两部分内容分别分配验证标识,并且当服务器端对客户端页面进行更新时,对动态数据和页面结构的更新状况分别进行比对验证,使得能够对动态数据和页面结构分别进行更新,服务器端仅传输发生变化的部分给客户端,避免传输整个页面带来的不必要的流量开销,从而达到节约网络流量的效果;由于动态数据的变化更为频繁,而页面结构是相对稳定的,从而达到提高客户端页面结构缓存的使用率的效果;当仅动态数据发生变化时,能够重复使用客户端本地存储的已经渲染成的页面结构,只需要对其进行动态数据的替换,实现了页面的动态更新,避免了不必要的客户端性能开销,从而达到减小客户端性能开销的效果;同时,避免了客户端再次渲染页面结构时造成的页面抖动,交互不流畅,从而达到提高用户体验的效果。
附图说明
图1是本申请的客户端页面显示方法的实施例的流程图;
图2是本申请的客户端页面显示装置的实施例的示意图;
图3是本申请的更新客户端页面的方法实施例的流程图;
图4是本申请的更新客户端页面的装置实施例的示意图;
图5是本申请的客户端页面显示系统的实施例的示意图;
图6是本申请的客户端页面显示系统的实施例的协作图。
具体实施方式
在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本申请内涵的情况下做类似推广,因此本申请不受下面公开的具体实施的限制。
在本申请中,分别提供了一种客户端页面显示方法和装置、一种更新客户端页面的方法和装置、以及一种客户端页面显示系统。在下面的实施例中逐一进行详细说明。
本申请提供的客户端页面显示方法、更新客户端页面的方法、以及相应装置和系统,客户端通过在服务器端回送的页面的更新部分和本地预存的页面中,选择当前版本最新的动态数据和页面结构,生成并渲染所述页面,从而提高客户端的页面结构的缓存使用率。在混合模式移动应用程序中,页面是使用网页语言开发的,例如:HTML5,页面存储在服务器端,而客户端显示页面的过程是首先将下载的网页渲染成本地对象,然后再将本地对象渲染成页面,为提高页面显示速度、增强用户体验,因而需要在客户端对页面进行缓存管理。因此,本申请提供的客户端页面显示方法、更新客户端页面的方法、以及相应装置和系统,适用于混合模式移动应用程序。
对于原生应用而言,应用程序是用平台特定的开发语言开发的,因此本申请提供的客户端页面显示方法、更新客户端页面的方法、以及相应装置和系统,不适用于原生应用程序。而对于Web应用而言,页面虽然也是使用网页语言开发的,而页面的显示是通过客户端浏览器完成的,浏览器接收用户请求,向服务器端请求页面,然后渲染页面,因而在客户端本地无需对页面进行缓存管理。因此,本申请提供的客户端页面显示方法、更新客户端页面的方法、以及相应装置和系统,不适用于Web应用程序。
请参考图1,其为本申请的一种客户端页面显示方法的实施例的流程图。所述方法用于混合模式移动应用程序,包括如下步骤:
步骤S101:接收用户发送的页面访问请求。
步骤S102:根据所述页面访问请求,获取所述页面的页面标识。
本申请所述的页面访问请求包括页面标识,页面标识是页面在应用程序中的唯一标识符,页面标识是在应用程序开发过程中分配的,用于指示页面的唯一性。
步骤S103:根据所述页面标识,获取本地预存的所述页面的动态数据的验证标识和页面结构的验证标识。
本申请所述的页面是指动态页面,动态页面是与静态页面相对的一种页面。静态页面随着页面代码的生成,页面的内容和显示效果就基本上不会发生变化了,除非修改页面代码。而动态页面则不然,页面代码虽然没有变,但是显示的内容却可以随时间、环境或者数据库操作的结果而发生改变。动态页面与页面上的各种动画、滚动字幕等视觉上的动态效果没有直接关系,动态页面也可 以是纯文字内容的,也可以是包含各种动画的内容,这些只是页面具体内容的表现形式。
本申请所述的页面包括动态数据和页面结构,其中动态数据是指页面具体内容,动态数据可以随时间、环境或者数据库操作的结果而发生改变;页面结构是指页面具体内容的表现形式,即页面的布局,不同布局的页面具有不同的显示效果。
在本实施例中,所述本地预存的所述页面包括:所述页面的动态数据和所述动态数据的验证标识,以及所述页面结构的本地对象和所述页面结构的验证标识,所述页面的动态数据、所述动态数据的验证标识、所述页面结构的本地对象以及所述页面结构的验证标识分离存储。例如,所述页面采取如下方式进行表示:
Figure PCTCN2015085916-appb-000001
其中,data表示动态数据,dataVerify表示动态数据的验证标识;view表示页面结构,viewVerify表示页面结构的验证标识。
本申请所述的验证标识用于表征动态数据和页面结构的更新状况,当服务器端动态数据、页面结构发生变化时,服务器端将通过一种算法为该动态数据、 页面结构分别自动生成对应的动态数据的验证标识和页面结构的验证标识,新生成的验证标识大于发生改变前的验证标识。可以采用多种算法生成验证标识,例如:采用时间戳作为验证标识,时间戳通常是一个字符序列,唯一地标识某一刻的时间,数字时间戳服务是网上电子商务安全服务项目之一,能提供电子文件的日期和时间信息的安全保护。
本申请提供的客户端页面显示方法,是基于将组成一个页面的页面结构和动态数据两部分内容分离表示、对两部分内容分别设置验证标识,使得当服务器端对客户端页面进行更新时,能够对动态数据和页面结构的更新状况分别进行比对验证,从而使得能够对动态数据和页面结构分别进行更新。
在本实施例中,所述本地预存的所述页面存储在客户端缓存区域,通过将最常用的应用程序页面临时放在缓存里,使得页面显示更方便,从而提高页面的显示速度。
步骤S104:将所述页面标识、所述动态数据的验证标识和页面结构的验证标识发送到服务器端,向所述服务器端请求所述页面的动态数据和页面结构两部分中的更新部分。
本申请提供的客户端页面显示方法,通过将页面标识、动态数据的验证标识和页面结构的验证标识发送到服务器端,服务器端在接收到各个验证标识后,将客户端的各个验证标识和服务器端的对应验证标识进行相互比对,当客户端的验证标识低于服务器端的对应验证标识时,判定客户端的该部分页面需要更新,服务器端将需要更新的部分回送到客户端,需要更新的部分可能是页面结构或动态数据,也可能包括这两部分内容。
步骤S105:接收服务器端回送的应答。
步骤S106:由所述服务器端回送的应答和本地预存的页面部分中,选择当前版本最新的动态数据和页面结构,生成并渲染所述页面。
在本实施例中,所述由所述服务器端回送的应答和本地预存的页面部分中,选择当前版本最新的动态数据和页面结构,生成并渲染所述页面采用以下规则之一:若所述应答为无更新应答,则获取所述本地预存的所述页面中的所述页面结构的本地对象和所述动态数据,将所述本地预存的所述动态数据中的所有数据项替换到所述本地预存的所述页面结构的本地对象,渲染所述本地对象;若所述应答只包括所述动态数据,则获取所述本地预存的所述页面中的所述页 面结构的本地对象,将所述服务器端的所述动态数据中的所有数据项替换到所述本地预存的所述页面结构的本地对象,渲染所述本地对象;若所述应答只包括所述页面结构,则将所述服务器端的所述页面结构渲染成本地对象,获取所述本地预存的所述页面中的所述动态数据,将所述本地预存的所述动态数据中的所有数据项替换到所述本地对象,渲染所述本地对象;若所述应答包括所述动态数据和所述页面结构,则将所述服务器端的所述页面结构渲染成本地对象,将所述服务器端的所述动态数据中的所有数据项替换到所述本地对象,渲染所述本地对象。
在本实施例中,还包括:
步骤S107:根据所述服务器端回送的应答,更新所述本地预存的所述页面。
在本实施例中,所述更新所述本地预存的所述页面采用以下规则之一:若所述服务器端回送的应答是否包括所述动态数据,则将所述本地预存的所述页面的所述动态数据和所述动态数据的验证标识替换为所述服务器端的所述动态数据和所述动态数据的验证标识;若所述服务器端回送的应答是否包括所述页面结构,则将所述本地预存的所述页面的所述页面结构的本地对象和所述页面结构的验证标识替换为所述服务器端的所述页面结构的本地对象和所述页面结构的验证标识。
本申请提供的客户端页面显示方法,通过在服务器端回送的页面的更新部分和本地预存的页面部分中,选择当前版本最新的动态数据和页面结构,并将当前版本最新的动态数据和页面结构更新到本地缓存,使得客户端本地预存的页面得到动态更新,进一步提高了页面显示速度,提高了用户体验。
在上述的实施例中,提供了一种客户端页面显示方法,与之相对应的,本申请还提供一种客户端页面显示装置。请参看图2,其为本申请的一种客户端页面显示装置的实施例的示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
本实施例的一种客户端页面显示装置,用于混合模式移动应用程序,包括:第一接收单元201,用于接收用户发送的页面访问请求;第一获取单元202,用于根据所述页面访问请求,获取所述页面的页面标识;第二获取单元203,用于根据所述页面标识,获取本地预存的所述页面的动态数据的验证标识和页面结 构的验证标识;第一发送单元204,用于将所述页面标识、所述动态数据的验证标识和页面结构的验证标识发送到服务器端,向所述服务器端请求所述页面的动态数据和页面结构两部分中的更新部分;第二接收单元205,用于接收服务器端回送的应答;生成渲染单元206,用于由所述服务器端回送的应答和本地预存的页面部分中,选择当前版本最新的动态数据和页面结构,生成并渲染所述页面;其中,所述验证标识用于表征动态数据和页面结构的更新状况。
可选的,所述本地预存的所述页面存储在客户端缓存区域。
可选的,所述本地预存的所述页面包括:所述页面的动态数据和所述动态数据的验证标识,以及所述页面结构的本地对象和所述页面结构的验证标识,所述页面的动态数据、所述动态数据的验证标识、所述页面结构的本地对象以及所述页面结构的验证标识分离存储。
可选的,所述生成并渲染所述页面采用以下规则之一:若所述应答为无更新应答,则获取所述本地预存的所述页面中的所述页面结构的本地对象和所述动态数据,将所述本地预存的所述动态数据中的所有数据项替换到所述本地预存的所述页面结构的本地对象,渲染所述本地对象;若所述应答只包括所述动态数据,则获取所述本地预存的所述页面中的所述页面结构的本地对象,将所述服务器端的所述动态数据中的所有数据项替换到所述本地预存的所述页面结构的本地对象,渲染所述本地对象;若所述应答只包括所述页面结构,则将所述服务器端的所述页面结构渲染成本地对象,获取所述本地预存的所述页面中的所述动态数据,将所述本地预存的所述动态数据中的所有数据项替换到所述本地对象,渲染所述本地对象;若所述应答包括所述动态数据和所述页面结构,则将所述服务器端的所述页面结构渲染成本地对象,将所述服务器端的所述动态数据中的所有数据项替换到所述本地对象,渲染所述本地对象。
可选的,所述装置还包括:
更新本地存储单元207,用于根据所述服务器端回送的应答,更新所述本地预存的所述页面。
可选的,所述更新所述本地预存的所述页面采用以下规则之一:若所述服务器端回送的应答是否包括所述动态数据,则将所述本地预存的所述页面的所述动态数据和所述动态数据的验证标识替换为所述服务器端的所述动态数据和所述动态数据的验证标识;若所述服务器端回送的应答是否包括所述页面结构, 则将所述本地预存的所述页面的所述页面结构的本地对象和所述页面结构的验证标识替换为所述服务器端的所述页面结构的本地对象和所述页面结构的验证标识。
与上述的客户端页面显示方法相对应,本申请还提供一种更新客户端页面的方法。请参考图3,其为本申请提供的一种更新客户端页面的方法实施例的流程图,本实施例与第一实施例内容相同的部分不再赘述,请参见实施例一中的相应部分。本申请提供的一种更新客户端页面的方法,用于混合模式移动应用程序,包括:
步骤S301:接收客户端发送的所述页面的页面标识、所述动态数据的验证标识和所述页面结构的验证标识。
步骤S302:根据所述页面标识,获取所述页面在服务器端的所述动态数据的验证标识和所述页面结构的验证标识。
在本实施例中,所述服务器端的所述页面包括:所述页面的动态数据和所述动态数据的验证标识,以及所述页面结构和所述页面结构的验证标识,所述页面的动态数据、所述动态数据的验证标识、所述页面结构以及所述页面结构的验证标识分离存储。
在本实施例中,所述服务器端的所述页面存储在数据库中,页面的各个信息可以保存在一张数据库表内,数据库表包括页面标识字段、动态数据的验证标识字段和动态数据字段、以及页面结构的验证标识字段和页面结构字段。
步骤S303:根据所述服务器端的所述动态数据的验证标识和所述页面结构的验证标识,以及所述客户端的所述动态数据的验证标识和所述页面结构的验证标识,生成所述页面的动态数据和页面结构两部分中的更新部分。
在本实施例中,所述根据所述服务器端的所述动态数据的验证标识和所述页面结构的验证标识,以及所述客户端的所述动态数据的验证标识和所述页面结构的验证标识,生成所述页面的动态数据和页面结构两部分中的更新部分采用以下规则之一:若所述客户端的所述动态数据的验证标识小于所述服务器端的所述动态数据的验证标识,则获取所述页面在服务器端的所述动态数据,所述页面的更新部分包括所述动态数据以及所述动态数据的验证标识;若所述客户端的所述页面结构的验证标识小于所述服务器端的所述页面结构的验证标识,则获取所述页面在服务器端的所述页面结构,所述页面的更新部分包括所 述页面结构以及所述页面结构的验证标识。
步骤S304:判断所述更新部分是否为空,如果是,则向所述客户端返回无更新应答;否则,向所述客户端返回所述服务器端的所述页面的更新部分,所述页面的更新部分包括所述动态数据以及所述动态数据的验证标识和/或所述页面结构以及所述页面结构的验证标识,所述动态数据包括所有数据项。
在上述的实施例中,提供了一种更新客户端页面的方法,与之相对应的,本申请还提供一种更新客户端页面的装置。请参看图4,其为本申请的一种更新客户端页面的装置实施例的示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
本实施例的一种更新客户端页面的装置,用于混合模式移动应用程序,包括:第三接收单元401,用于接收客户端发送的所述页面的页面标识、所述动态数据的验证标识和所述页面结构的验证标识;第三获取单元402,用于根据所述页面标识,获取所述页面在服务器端的所述动态数据的验证标识和所述页面结构的验证标识;生成更新单元403,用于根据所述服务器端的所述动态数据的验证标识和所述页面结构的验证标识,以及所述客户端的所述动态数据的验证标识和所述页面结构的验证标识,生成所述页面的动态数据和页面结构两部分中的更新部分;第二发送单元404,用于判断所述更新部分是否为空,如果是,则向所述客户端返回无更新应答;否则,向所述客户端返回所述服务器端的所述页面的更新部分,所述页面的更新部分包括所述动态数据以及所述动态数据的验证标识和/或所述页面结构以及所述页面结构的验证标识,所述动态数据包括所有数据项。
可选的,所述根据所述服务器端的所述动态数据的验证标识和所述页面结构的验证标识,以及所述客户端的所述动态数据的验证标识和所述页面结构的验证标识,生成所述页面的动态数据和页面结构两部分中的更新部分采用以下规则之一:若所述客户端的所述动态数据的验证标识小于所述服务器端的所述动态数据的验证标识,则获取所述页面在服务器端的所述动态数据,所述页面的更新部分包括所述动态数据以及所述动态数据的验证标识;若所述客户端的所述页面结构的验证标识小于所述服务器端的所述页面结构的验证标识,则获取所述页面在服务器端的所述页面结构,所述页面的更新部分包括所述页面结构以及所述页面结构的验证标识。
可选的,所述服务器端的所述页面存储在数据库中。
可选的,所述服务器端的所述页面包括:所述页面的动态数据和所述动态数据的验证标识,以及所述页面结构和所述页面结构的验证标识,所述页面的动态数据、所述动态数据的验证标识、所述页面结构以及所述页面结构的验证标识分离存储。
本申请还提供了一种客户端页面显示系统,如图5所示,该系统包括上述实施例所述的客户端页面显示装置501和更新客户端页面的装置502。所述更新客户端页面的装置通常部署于服务器,但并不局限于服务器,也可以是能够实现更新客户端页面的方法的任何设备;所述客户端页面显示装置通常部署于移动通讯设备。例如,客户端页面显示装置部署在智能手机上,能够上传本地存储的动态数据的验证标识和页面结构的验证标识,向服务器端请求页面的动态数据和页面结构两部分中的更新部分,从服务器端回送的应答和本地预存的页面部分中,选择当前版本最新的动态数据和页面结构,生成并渲染页面;更新客户端页面的装置部署在服务器上,通过根据服务器端的动态数据的验证标识和客户端的动态数据的验证标识,获取当前版本最新的动态数据,并根据服务器端的页面结构的验证标识和客户端的页面结构的验证标识,获取当前版本最新的页面结构,生成页面的动态数据和页面结构两部分中的更新部分,从而实现对动态数据和页面结构分别进行更新。
请参看图6,其为本申请的一种客户端页面显示系统实施例的协作图。在本实施例中,客户端页面显示系统的整个流程包括如下步骤:
1)客户端将pageId(页面标识)、viewVerify(页面结构的验证标识)和dataVerify(动态数据的验证标识)传递给服务器端来请求页面;
2)服务器端用pageId去数据库查询页面的信息;
3)数据库返回view(页面结构)、viewVerify、data(动态数据)、dataVerify给服务端;
4)服务器端通过比较客户端发送的viewVerify和数据库现有的viewVerify,以及客户端发送的dataVerify和数据库现有的dataVerify,判断需要回传的页面更新部分;
5)回传data和当前dataVerify,这里描述的是只有动态数据过期的情况,这也是大多数的情况;
6)客户端对上次渲染完成的页面结构的本地对象进行动态数据替换,并更新本地页面缓存的data和dataVerify。
本申请提供的客户端页面显示方法、更新客户端页面的方法、以及相应装置和系统,通过将组成一个页面的页面结构和动态数据两部分内容分离表示、对两部分内容分别分配验证标识,并且当服务器端对客户端页面进行更新时,对动态数据和页面结构的更新状况分别进行比对验证,使得能够对动态数据和页面结构分别进行更新,服务器端仅传输发生变化的部分给客户端,避免传输整个页面带来的不必要的流量开销,从而达到节约网络流量的效果;由于动态数据的变化更为频繁,而页面结构是相对稳定的,从而达到提高客户端页面结构缓存的使用率的效果;当仅动态数据发生变化时,能够重复使用客户端本地存储的已经渲染成的页面结构,只需要对其进行动态数据的替换,实现了页面的动态更新,避免了不必要的客户端性能开销,从而达到减小客户端性能开销的效果;同时,避免了客户端再次渲染页面结构时造成的页面抖动,交互不流畅,从而达到提高用户体验的效果。
本申请虽然以较佳实施例公开如上,但其并不是用来限定本申请,任何本领域技术人员在不脱离本申请的精神和范围内,都可以做出可能的变动和修改,因此本申请的保护范围应当以本申请权利要求所界定的范围为准。
本申请虽然以较佳实施例公开如上,但其并不是用来限定本申请,任何本领域技术人员在不脱离本申请的精神和范围内,都可以做出可能的变动和修改,因此本申请的保护范围应当以本申请权利要求所界定的范围为准。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
1、计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存 储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
2、本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

Claims (21)

  1. 一种客户端页面显示方法,用于混合模式移动应用程序,其特征在于,包括:
    接收用户发送的页面访问请求;
    根据所述页面访问请求,获取所述页面的页面标识;
    根据所述页面标识,获取本地预存的所述页面的动态数据的验证标识和页面结构的验证标识;
    将所述页面标识、所述动态数据的验证标识和页面结构的验证标识发送到服务器端,向所述服务器端请求所述页面的动态数据和页面结构两部分中的更新部分;
    接收服务器端回送的应答;
    由所述服务器端回送的应答和本地预存的页面部分中,选择当前版本最新的动态数据和页面结构,生成并渲染所述页面;
    其中,所述验证标识用于表征动态数据和页面结构的更新状况。
  2. 根据权利要求1所述的客户端页面显示方法,其特征在于,所述本地预存的所述页面存储在客户端缓存区域。
  3. 根据权利要求1所述的客户端页面显示方法,其特征在于,所述本地预存的所述页面包括:所述页面的动态数据和所述动态数据的验证标识,以及所述页面结构的本地对象和所述页面结构的验证标识,所述页面的动态数据、所述动态数据的验证标识、所述页面结构的本地对象以及所述页面结构的验证标识分离存储。
  4. 根据权利要求3所述的客户端页面显示方法,其特征在于,所述生成并渲染所述页面采用以下规则之一:
    若所述应答为无更新应答,则获取所述本地预存的所述页面中的所述页面结构的本地对象和所述动态数据,将所述本地预存的所述动态数据中的所有数据项替换到所述本地预存的所述页面结构的本地对象,渲染所述本地对象;
    若所述应答只包括所述动态数据,则获取所述本地预存的所述页面中的所述页面结构的本地对象,将所述服务器端的所述动态数据中的所有数据项替换到所述本地预存的所述页面结构的本地对象,渲染所述本地对象;
    若所述应答只包括所述页面结构,则将所述服务器端的所述页面结构渲染成本地对象,获取所述本地预存的所述页面中的所述动态数据,将所述本地预存的所述动态数据中的所有数据项替换到所述本地对象,渲染所述本地对象;
    若所述应答包括所述动态数据和所述页面结构,则将所述服务器端的所述页面结构渲染成本地对象,将所述服务器端的所述动态数据中的所有数据项替换到所述本地对象,渲染所述本地对象。
  5. 根据权利要求1所述的客户端页面显示方法,其特征在于,还包括:根据所述服务器端回送的应答,更新所述本地预存的所述页面。
  6. 根据权利要求5所述的客户端页面显示方法,其特征在于,所述更新所述本地预存的所述页面采用以下规则之一:
    若所述服务器端回送的应答是否包括所述动态数据,则将所述本地预存的所述页面的所述动态数据和所述动态数据的验证标识替换为所述服务器端的所述动态数据和所述动态数据的验证标识;
    若所述服务器端回送的应答是否包括所述页面结构,则将所述本地预存的所述页面的所述页面结构的本地对象和所述页面结构的验证标识替换为所述服务器端的所述页面结构的本地对象和所述页面结构的验证标识。
  7. 一种客户端页面显示装置,用于混合模式移动应用程序,其特征在于,包括:
    第一接收单元,用于接收用户发送的页面访问请求;
    第一获取单元,用于根据所述页面访问请求,获取所述页面的页面标识;
    第二获取单元,用于根据所述页面标识,获取本地预存的所述页面的动态数据的验证标识和页面结构的验证标识;
    第一发送单元,用于将所述页面标识、所述动态数据的验证标识和页面结构的验证标识发送到服务器端,向所述服务器端请求所述页面的动态数据和页面结构两部分中的更新部分;
    第二接收单元,用于接收服务器端回送的应答;
    生成渲染单元,用于由所述服务器端回送的应答和本地预存的页面部分中,选择当前版本最新的动态数据和页面结构,生成并渲染所述页面;
    其中,所述验证标识用于表征动态数据和页面结构的更新状况。
  8. 根据权利要求7所述的客户端页面显示装置,其特征在于,所述本地预存的所述页面存储在客户端缓存区域。
  9. 根据权利要求7所述的客户端页面显示装置,其特征在于,所述本地预存的所述页面包括:所述页面的动态数据和所述动态数据的验证标识,以及所述页面结构的本地对象和所述页面结构的验证标识,所述页面的动态数据、所述动态数据的验证标识、所述页面结构的本地对象以及所述页面结构的验证标识分离存储。
  10. 根据权利要求9所述的客户端页面显示装置,其特征在于,所述生成并渲染所述页面采用以下规则之一:
    若所述应答为无更新应答,则获取所述本地预存的所述页面中的所述页面结构的本地对象和所述动态数据,将所述本地预存的所述动态数据中的所有数据项替换到所述本地预存的所述页面结构的本地对象,渲染所述本地对象;
    若所述应答只包括所述动态数据,则获取所述本地预存的所述页面中的所述页面结构的本地对象,将所述服务器端的所述动态数据中的所有数据项替换到所述本地预存的所述页面结构的本地对象,渲染所述本地对象;
    若所述应答只包括所述页面结构,则将所述服务器端的所述页面结构渲染成本地对象,获取所述本地预存的所述页面中的所述动态数据,将所述本地预存的所述动态数据中的所有数据项替换到所述本地对象,渲染所述本地对象;
    若所述应答包括所述动态数据和所述页面结构,则将所述服务器端的所述页面结构渲染成本地对象,将所述服务器端的所述动态数据中的所有数据项替换到所述本地对象,渲染所述本地对象。
  11. 根据权利要求7所述的客户端页面显示装置,其特征在于,所述装置还包括:
    更新本地存储单元,用于根据所述服务器端回送的应答,更新所述本地预存的所述页面。
  12. 根据权利要求11所述的客户端页面显示装置,其特征在于,所述更新所述本地预存的所述页面采用以下规则之一:
    若所述服务器端回送的应答是否包括所述动态数据,则将所述本地预存的所述页面的所述动态数据和所述动态数据的验证标识替换为所述服务器端的所述动态数据和所述动态数据的验证标识;
    若所述服务器端回送的应答是否包括所述页面结构,则将所述本地预存的所述页面的所述页面结构的本地对象和所述页面结构的验证标识替换为所述服务器端的所述页面结构的本地对象和所述页面结构的验证标识。
  13. 一种更新客户端页面的方法,用于混合模式移动应用程序,其特征在于,包括:
    接收客户端发送的所述页面的页面标识、所述动态数据的验证标识和所述页面结构的验证标识;
    根据所述页面标识,获取所述页面在服务器端的所述动态数据的验证标识和所述页面结构的验证标识;
    根据所述服务器端的所述动态数据的验证标识和所述页面结构的验证标识,以及所述客户端的所述动态数据的验证标识和所述页面结构的验证标识,生成所述页面的动态数据和页面结构两部分中的更新部分;
    判断所述更新部分是否为空,如果是,则向所述客户端返回无更新应答;否则,向所述客户端返回所述服务器端的所述页面的更新部分,所述页面的更新部分包括所述动态数据以及所述动态数据的验证标识和/或所述页面结构以及所述页面结构的验证标识,所述动态数据包括所有数据项。
  14. 根据权利要求13所述的更新客户端页面的方法,其特征在于,所述生成所述页面的动态数据和页面结构两部分中的更新部分采用以下规则之一:
    若所述客户端的所述动态数据的验证标识小于所述服务器端的所述动态数据的验证标识,则获取所述页面在服务器端的所述动态数据,所述页面的更新部分包括所述动态数据以及所述动态数据的验证标识;
    若所述客户端的所述页面结构的验证标识小于所述服务器端的所述页面结构的验证标识,则获取所述页面在服务器端的所述页面结构,所述页面的更新部分包括所述页面结构以及所述页面结构的验证标识。
  15. 根据权利要求13所述的更新客户端页面的方法,其特征在于,所述服务器端的所述页面存储在数据库中。
  16. 根据权利要求13所述的更新客户端页面的方法,其特征在于,所述服务器端的所述页面包括:所述页面的动态数据和所述动态数据的验证标识,以及所述页面结构和所述页面结构的验证标识,所述页面的动态数据、所述动态数据的验证标识、所述页面结构以及所述页面结构的验证标识分离存储。
  17. 一种更新客户端页面的装置,用于混合模式移动应用程序,其特征在于,包括:
    第三接收单元,用于接收客户端发送的所述页面的页面标识、所述动态数据的验证标识和所述页面结构的验证标识;
    第三获取单元,用于根据所述页面标识,获取所述页面在服务器端的所述动态数据的验证标识和所述页面结构的验证标识;
    生成更新单元,用于根据所述服务器端的所述动态数据的验证标识和所述页面结构的验证标识,以及所述客户端的所述动态数据的验证标识和所述页面结构的验证标识,生成所述页面的动态数据和页面结构两部分中的更新部分;
    第二发送单元,用于判断所述更新部分是否为空,如果是,则向所述客户端返回无更新应答;否则,向所述客户端返回所述服务器端的所述页面的更新部分,所述页面的更新部分包括所述动态数据以及所述动态数据的验证标识和/或所述页面结构以及所述页面结构的验证标识,所述动态数据包括所有数据项。
  18. 根据权利要求17所述的更新客户端页面的装置,其特征在于,所述生成所述页面的动态数据和页面结构两部分中的更新部分采用以下规则之一:
    若所述客户端的所述动态数据的验证标识小于所述服务器端的所述动态数据的验证标识,则获取所述页面在服务器端的所述动态数据,所述页面的更新部分包括所述动态数据以及所述动态数据的验证标识;
    若所述客户端的所述页面结构的验证标识小于所述服务器端的所述页面结构的验证标识,则获取所述页面在服务器端的所述页面结构,所述页面的更新部分包括所述页面结构以及所述页面结构的验证标识。
  19. 根据权利要求17所述的更新客户端页面的装置,其特征在于,所述服务器端的所述页面存储在数据库中。
  20. 根据权利要求17所述的更新客户端页面的装置,其特征在于,所述服务器端的所述页面包括:所述页面的动态数据和所述动态数据的验证标识,以及所述页面结构和所述页面结构的验证标识,所述页面的动态数据、所述动态数据的验证标识、所述页面结构以及所述页面结构的验证标识分离存储。
  21. 一种客户端页面显示系统,用于混合模式移动应用程序,其特征在于,包括:
    根据上述权利要求7所述的客户端页面显示装置;以及根据权利要求17所 述的更新客户端页面的装置。
PCT/CN2015/085916 2014-08-20 2015-08-03 一种客户端页面显示方法、装置及系统 WO2016026384A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201410410495.5A CN105404622B (zh) 2014-08-20 2014-08-20 一种客户端页面显示方法、装置及系统
CN201410410495.5 2014-08-20

Publications (1)

Publication Number Publication Date
WO2016026384A1 true WO2016026384A1 (zh) 2016-02-25

Family

ID=55350186

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2015/085916 WO2016026384A1 (zh) 2014-08-20 2015-08-03 一种客户端页面显示方法、装置及系统

Country Status (3)

Country Link
CN (1) CN105404622B (zh)
HK (1) HK1221534A1 (zh)
WO (1) WO2016026384A1 (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109388766A (zh) * 2017-08-07 2019-02-26 阿里巴巴集团控股有限公司 页面加载的方法和装置
CN110321505A (zh) * 2019-06-25 2019-10-11 阿里巴巴集团控股有限公司 数据一致性校验方法及装置
CN110866204A (zh) * 2018-08-10 2020-03-06 阿里巴巴集团控股有限公司 一种页面处理方法及装置
CN113849255A (zh) * 2021-09-17 2021-12-28 北京达佳互联信息技术有限公司 一种数据处理方法、设备以及存储介质
CN113986409A (zh) * 2021-09-14 2022-01-28 阿里巴巴(中国)有限公司 信息交互方法、装置、设备及存储介质

Families Citing this family (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105847430B (zh) * 2016-05-20 2019-04-16 北京小米移动软件有限公司 混合应用页面数据访问方法和装置
CN106021501A (zh) * 2016-05-20 2016-10-12 天脉聚源(北京)传媒科技有限公司 一种数据存储方法及装置
CN106874328B (zh) * 2016-07-08 2021-03-19 创新先进技术有限公司 一种数据处理方法和设备
CN106385494B (zh) * 2016-09-07 2020-05-05 努比亚技术有限公司 移动终端应用的动态首页的获取方法及获取装置
CN107872500A (zh) * 2016-09-28 2018-04-03 阿里巴巴集团控股有限公司 更新应用页面数据的处理方法、装置、服务器及客户端
CN108021594B (zh) * 2016-11-03 2022-05-10 阿里巴巴集团控股有限公司 一种网页展示方法、装置及系统
CN108123970A (zh) * 2016-11-28 2018-06-05 北京神州泰岳软件股份有限公司 数据展示方法及相关装置
CN108614834B (zh) * 2016-12-13 2022-05-24 阿里巴巴集团控股有限公司 一种页面生成方法及装置
CN106990949B (zh) * 2016-12-31 2021-06-18 深圳大宇无限科技有限公司 应用页面显示方法和装置
CN106815055B (zh) * 2017-02-15 2020-06-23 深圳创维-Rgb电子有限公司 移动应用动态布局的方法与系统
CN107168724A (zh) * 2017-03-29 2017-09-15 联想(北京)有限公司 一种数据处理方法、电子设备及服务器
CN107122174B (zh) * 2017-03-30 2021-06-01 北京小米移动软件有限公司 应用程序更新方法及装置
CN107528896B (zh) * 2017-08-18 2021-11-09 腾讯科技(深圳)有限公司 一种访问信息处理方法、装置和计算机存储介质
CN109324814B (zh) * 2018-08-27 2022-02-01 中至数据集团股份有限公司 游戏更新方法、装置、移动终端及存储介质
CN109948020A (zh) * 2019-01-14 2019-06-28 北京三快在线科技有限公司 数据获取方法、装置、系统及可读存储介质
CN110909281A (zh) * 2019-11-28 2020-03-24 湖南快乐阳光互动娱乐传媒有限公司 一种模块化页面减少前后端交互的方法
CN111158685A (zh) * 2019-12-31 2020-05-15 五八有限公司 静态页面的更新方法、装置、电子设备及存储介质
CN112100541B (zh) * 2020-08-24 2024-04-02 三维通信股份有限公司 网站页面元素的加载方法、装置、电子装置和存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101082915A (zh) * 2006-05-29 2007-12-05 陈鹰 一种浏览器本地页面的存储和更新方法
CN101296255A (zh) * 2008-06-30 2008-10-29 腾讯科技(深圳)有限公司 网页浏览方法、系统、代理服务器和手机浏览器
US20090254576A1 (en) * 2008-04-03 2009-10-08 Elumindata, Inc. System and method for collecting data from an electronic document and storing the data in a dynamically organized data structure
CN101668042A (zh) * 2009-09-10 2010-03-10 深圳市同洲电子股份有限公司 嵌入式通信系统本地页面更新的方法及装置
CN102184266A (zh) * 2011-06-27 2011-09-14 武汉大学 一种页面与数据分离的动态wap网站自动生成方法

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050138198A1 (en) * 2003-12-18 2005-06-23 It Works Methods, apparatuses, systems, and articles for determining and implementing an efficient computer network architecture
CN101894136B (zh) * 2010-06-13 2016-03-16 优视科技有限公司 基于移动终端的页面刷新处理方法及其系统
CN103198074A (zh) * 2012-01-09 2013-07-10 北大方正集团有限公司 一种动态发布网站页面的设计方法及系统
CN102930037B (zh) * 2012-11-09 2017-04-05 北京奇虎科技有限公司 页面加载方法和装置
CN103970534A (zh) * 2014-04-15 2014-08-06 百度在线网络技术(北京)有限公司 一种提供移动应用中的渲染页面的方法与设备

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101082915A (zh) * 2006-05-29 2007-12-05 陈鹰 一种浏览器本地页面的存储和更新方法
US20090254576A1 (en) * 2008-04-03 2009-10-08 Elumindata, Inc. System and method for collecting data from an electronic document and storing the data in a dynamically organized data structure
CN101296255A (zh) * 2008-06-30 2008-10-29 腾讯科技(深圳)有限公司 网页浏览方法、系统、代理服务器和手机浏览器
CN101668042A (zh) * 2009-09-10 2010-03-10 深圳市同洲电子股份有限公司 嵌入式通信系统本地页面更新的方法及装置
CN102184266A (zh) * 2011-06-27 2011-09-14 武汉大学 一种页面与数据分离的动态wap网站自动生成方法

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109388766A (zh) * 2017-08-07 2019-02-26 阿里巴巴集团控股有限公司 页面加载的方法和装置
CN109388766B (zh) * 2017-08-07 2022-07-08 阿里巴巴集团控股有限公司 页面加载的方法和装置
CN110866204A (zh) * 2018-08-10 2020-03-06 阿里巴巴集团控股有限公司 一种页面处理方法及装置
CN110866204B (zh) * 2018-08-10 2023-04-11 阿里巴巴集团控股有限公司 一种页面处理方法及装置
CN110321505A (zh) * 2019-06-25 2019-10-11 阿里巴巴集团控股有限公司 数据一致性校验方法及装置
CN110321505B (zh) * 2019-06-25 2023-08-08 创新先进技术有限公司 数据一致性校验方法及装置
CN113986409A (zh) * 2021-09-14 2022-01-28 阿里巴巴(中国)有限公司 信息交互方法、装置、设备及存储介质
CN113849255A (zh) * 2021-09-17 2021-12-28 北京达佳互联信息技术有限公司 一种数据处理方法、设备以及存储介质

Also Published As

Publication number Publication date
CN105404622A (zh) 2016-03-16
HK1221534A1 (zh) 2017-06-02
CN105404622B (zh) 2019-10-18

Similar Documents

Publication Publication Date Title
WO2016026384A1 (zh) 一种客户端页面显示方法、装置及系统
CN105095226B (zh) 网页资源加载方法及装置
US10198527B2 (en) Graphical user interface machine to present a window
EP3229148B1 (en) Website access method and device, and website system
CN104573025B (zh) 一种提高页面加载速度的方法及系统
EP3172680B1 (en) Fast rendering of websites containing dynamic content and stale content
US20180191798A1 (en) Methods and systems for server-side rendering of native content for presentation
CN102882974B (zh) 一种通过网站识别版本号节省网站访问资源的方法
US9195773B2 (en) Structure-based adaptive document caching
CN106155673B (zh) 实现页面内容编辑器的方法、装置、服务器及用户设备
CN106528578B (zh) 一种信息展示方法及装置
US10742763B2 (en) Data limit aware content rendering
US20180089872A1 (en) On-demand image spriting
EP3528474B1 (en) Webpage advertisement anti-shielding methods and content distribution network
CN108241689A (zh) 页面资源获取方法、装置和客户端设备
US10187319B1 (en) Automatic configuration generation for a proxy optimization server for optimizing the delivery of content of a web publisher
US10147126B2 (en) Machine to generate a self-updating message
CN109428872B (zh) 数据传输方法、设备、服务器及启动方法、系统
US20130124480A1 (en) System and Method for Viewer Based Image Metadata Sanitization
JP2018055314A (ja) 画像転送装置および画像転送方法
RU2634221C2 (ru) Способ и устройство для отрисовки представления электронного документа на экране
US11288336B2 (en) Systems and methods for providing content items in situations involving suboptimal network conditions
US20150248347A1 (en) Content providing apparatus and method, and computer program product
CN107609030B (zh) 一种图片管理方法和系统
CN112149030A (zh) 页面展示方法及其装置、计算机系统及计算机可读介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 15833057

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 15833057

Country of ref document: EP

Kind code of ref document: A1