CN112434246A

CN112434246A - Webpage guide content generation method and device and storage medium

Info

Publication number: CN112434246A
Application number: CN202011348982.5A
Authority: CN
Inventors: 卢兴元
Original assignee: Beijing Jingdong Century Trading Co Ltd; Beijing Wodong Tianjun Information Technology Co Ltd
Current assignee: Beijing Jingdong Century Trading Co Ltd; Beijing Wodong Tianjun Information Technology Co Ltd
Priority date: 2020-11-26
Filing date: 2020-11-26
Publication date: 2021-03-02

Abstract

The invention provides a webpage guide content generation method and device and a storage medium, wherein the method comprises the following steps: the method comprises the steps that a service code is loaded, and guide configuration data in the service code are obtained, wherein the guide configuration data represent data with three dimensions, namely a model identification information class, guide data corresponding to a function to be guided, a relative position class of a guide picture and a storage position class of the guide picture; acquiring loading progress information of a document object model; if the loading progress information represents that the document object model is loaded and finished, the configuration of the guide image is started, the document object model is determined to be loaded and finished through the model identification information, any function to be guided cannot be omitted when the guide image is configured, then a primary webpage is formed based on the original code, the position of the function to be guided is accurately positioned in the primary webpage through the model identification information, the guide image is configured on the primary webpage to form a target webpage, the guide image corresponds to the function to be guided one by one, and the matching degree of the webpage guide content and the target webpage is improved.

Description

Webpage guide content generation method and device and storage medium

Technical Field

The embodiment of the invention relates to the technical field of internet, in particular to a method and a device for generating webpage guide content and a storage medium.

Background

With the development of internet technology and the popularization of terminal intellectualization, how to let new users quickly know the functions of web pages is a problem to be faced in all web page construction. The guidance content is an interactive special term, which is different from the traditional user instruction manual. The guiding content can enable a user to quickly know the functions of the webpage in a mode of explicitly pointing to focusing property, a non-focus area covering layer and the like when the user visits the webpage for the first time.

The existing guiding content generating method forms guiding content by providing a new hand guiding content template and then changing specific elements in the template based on the function to be guided in the target webpage. However, when the function to be guided is obtained in the existing guidance content generating process, due to factors such as different web page development modes, complex web page business logic, and the like, the situation that the function to be guided is loaded incompletely exists, so that specific elements in the template cannot be changed, and the guidance content is not matched with the target web page.

Disclosure of Invention

The webpage guiding content generating method, the webpage guiding content generating device and the storage medium improve the matching degree of the webpage guiding content and the target webpage.

The technical scheme of the invention is realized as follows:

the embodiment of the invention provides a webpage guide content generation method, which comprises the following steps:

loading a service code of a server sending target webpage;

acquiring guidance configuration data in the service code, wherein the guidance configuration data represents data of three dimensions, namely a model identification information class of a document object model of a function to be guided of the target webpage, a relative position class of guidance data and a guidance picture corresponding to the function to be guided and a storage position class of the guidance picture;

acquiring loading progress information of a document object model corresponding to the function to be guided based on model identification information in the guiding configuration data;

if the loading progress information represents that the document object model is completely loaded, forming a primary webpage based on an original code in the service code;

configuring the guide picture on the primary webpage to form the target webpage based on the guide configuration data.

In the above scheme, the acquiring the guidance configuration data in the service code includes:

responding to a guide code in the service code, and detecting whether a logged-in identifier exists;

and if the logged identification does not exist, acquiring the guide configuration data.

In the above solution, after responding to the boot code in the service code and detecting whether the logged-in identifier exists, the method further includes:

and if the logged identification exists, the guide configuration data is not acquired.

In the above scheme, the responding to the boot code in the service code and detecting whether a logged-in identifier exists includes:

and responding to the guide code in the service code, and detecting whether the logged identification exists in the local memory.

responding to the guide code in the service code, and feeding back a retrieval request to the server;

receiving retrieval information fed back by the server aiming at the retrieval request; the retrieval information characterizes whether the logged-in identification exists in a database of the server.

In the foregoing solution, the obtaining, based on the model identification information in the guidance configuration data, the loading progress information of the document object model corresponding to the function to be guided includes:

constructing a mapping relation based on the guiding configuration data, traversing the mapping relation, and determining a loaded first document object model; the mapping relation is the corresponding relation between the document object model and the corresponding model identification information; the first document object model is at least one of the document object models;

setting the model identification information corresponding to the first document object model in the mapping relation as a first preset value;

and when the traversal is completed, if the model identification information of the document object model in the mapping relation is a first preset value, obtaining the loading progress information of the document object model after the loading is completed.

In the foregoing solution, after the mapping relationship is constructed based on the guidance configuration data, the mapping relationship is traversed, and the loaded first document object model is determined, the method further includes:

when traversing is completed, if model identification information of a second document object model is not a first preset value in the mapping relation, obtaining the loading progress information of the document object model which is not loaded completely, and monitoring an interface corresponding to the document object model to obtain state information of the document object model; the second document object model is a model of the document object model except the first document object model;

and if the state information represents that the second document object model changes, traversing the mapping relation again until the model identification information of the document object model in the mapping relation is a first preset value, and obtaining the loading progress information of the document object model after the document object model is loaded.

In the foregoing solution, after the monitoring of the interface corresponding to the document object model and obtaining the state information of the document object model, the method further includes:

and if the state information represents that the second document object model still has a third document object model which is not changed, obtaining the loading progress information of the document object model which is not loaded completely.

In the foregoing solution, if the loading progress information indicates that the document object model is completely loaded, when a primary webpage is formed based on an original code in the service code, the method further includes:

and forming a logged-in identifier based on the guide code in the service code for storage, wherein the logged-in identifier represents that the target webpage does not generate the guide content any more.

and feeding back a storage request to a server based on the guide codes in the service codes.

In the foregoing solution, if the loading progress information indicates that the document object model is completely loaded, after a primary webpage is formed based on an original code in the service code, and before the guidance image is configured on the primary webpage to form the target webpage based on the guidance configuration data, the method further includes:

acquiring the size information of the primary webpage window;

and forming a drawing layer on the primary webpage based on the primary webpage window size information.

In the above solution, the configuring, on the basis of the guidance configuration data, the guidance picture on the primary webpage to form the target webpage includes:

and covering the primary webpage by adopting the drawing layer based on the guiding configuration data, and configuring the guiding picture on the drawing layer to form the target webpage.

In the foregoing solution, the covering the primary webpage with the drawing layer based on the guidance configuration data, and configuring the guidance picture on the drawing layer to form the target webpage include:

determining the occupation information of the function to be guided in the drawing layer based on the model identification information;

determining a target area corresponding to the function to be guided on the drawing layer based on the occupancy information, wherein the target area displays the function to be guided on the primary webpage;

acquiring a guide picture corresponding to the function to be guided based on the storage position data;

and configuring the guide data and the guide pictures around the target area on the drawing layer based on the relative position data, so that the target area is correspondingly connected with the corresponding guide pictures to form the target webpage.

The embodiment of the present invention further provides a device for generating web page guidance content, which includes a first memory and a first processor, where the first memory stores a computer program that can be run on the first processor, and the first processor implements the steps in the method when executing the first computer program.

Embodiments of the present invention also provide a computer-readable storage medium, on which a computer program is stored, and the computer program, when executed by a first processor, implements the steps in the method as described above.

The embodiment of the invention also provides a method for generating the webpage guiding content, which comprises the following steps:

obtaining model identification information of a document object model corresponding to a function to be guided of a target webpage;

forming boot configuration data based on the model identification information;

acquiring a guide code, and adding the guide configuration data and the guide code into an original code to form a service code, wherein the guide code is used for guiding the original code and the guide configuration data to form the target webpage;

and sending the service code to the client.

In the foregoing solution, the forming guidance configuration data based on the model identification information includes:

determining the position of the function to be guided on the target webpage based on the model identification information;

determining relative position data of guide data and a guide picture corresponding to the function to be guided based on the position of the function to be guided, wherein the guide data is used for correspondingly connecting the function to be guided and the corresponding guide picture, and the guide picture is used for introducing the corresponding function to be guided;

acquiring storage position data of the guide picture corresponding to the function to be guided;

and packaging the relative position data, the storage position data and the model identification information corresponding to the function to be guided to form the guiding configuration data.

In the above scheme, after the sending the service code to the client, the method further includes:

receiving address information sent by the client, and searching whether a logged-in identifier corresponding to the client exists in a database based on the search request;

and if the logged identification exists in the database, feeding back the logged identification to the client.

and receiving a storage request sent by the client, and forming a corresponding logged-in identifier of the client in a database based on the storage request.

The embodiment of the present invention further provides a device for generating web page guidance content, which includes a second memory and a second processor, where the second memory stores a computer program that can run on the second processor, and the second processor implements the steps in the method when executing the computer program.

Embodiments of the present invention also provide a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a second processor, the computer program implements the steps in the method as described above.

The embodiment of the present invention further provides a device for generating webpage guiding content, including:

the code acquisition unit is used for loading the service code of the target webpage sent by the server;

the data acquisition unit is used for acquiring guide configuration data in the service code, wherein the guide configuration data represents data of three dimensions, namely a model identification information class of a document object model of a function to be guided of the target webpage, a relative position class of guide data and a guide picture corresponding to the function to be guided and a storage position class of the guide picture;

the loading monitoring unit is used for acquiring loading progress information of the document object model corresponding to the function to be guided based on the model identification information in the guiding configuration data;

the webpage generating unit is used for forming a primary webpage based on an original code in the service code if the loading progress information represents that the document object model is completely loaded;

and the configuration unit is used for configuring the guide picture on the primary webpage to form the target webpage based on the guide configuration data.

the information acquisition unit is used for acquiring model identification information of a document object model corresponding to a function to be guided of a target webpage;

a processing unit for forming boot configuration data based on the model identification information;

a code generating unit, configured to obtain a boot code, and add the boot configuration data and the boot code to an original code to form a service code, where the boot code is used to guide the original code and the boot configuration data to form the target web page;

and the code sending unit is used for sending the service code to the client.

The embodiment of the invention provides a method and a device for generating webpage guiding content and a storage medium, wherein a business code of a target webpage is loaded; acquiring guidance configuration data in the service code, wherein the guidance configuration data represents data of three dimensions, namely a model identification information class of a document object model of a function to be guided of a target webpage, guidance data corresponding to the function to be guided, a relative position class of a guidance picture and a storage position class of the guidance picture; acquiring loading progress information of a document object model corresponding to a function to be guided based on the model identification information; and if the loading progress information represents that the document object model is completely loaded, starting to configure the guide picture, determining that the document object model is completely loaded through the model identification information, not omitting any function to be guided, which needs to configure the guide picture, forming a primary webpage based on the original code, accurately positioning the position of the function to be guided in the primary webpage by using the model identification information in the guide configuration data, configuring the guide picture on the primary webpage to form a target webpage, enabling the guide picture to correspond to the function to be guided one by one, and improving the matching degree of webpage guide content and the target webpage.

Drawings

Fig. 1 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 2 is a schematic diagram illustrating an optional effect of the method for generating webpage guidance content according to the embodiment of the present invention;

fig. 3 is a schematic diagram illustrating an optional effect of the method for generating webpage guidance content according to the embodiment of the present invention;

fig. 4 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 5 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 6 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 7 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 8 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 9 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 10 is a schematic flowchart of an alternative method for generating web page guidance content according to an embodiment of the present invention;

fig. 11 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 12 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 13 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 14 is a schematic diagram illustrating an optional effect of the method for generating webpage guidance content according to the embodiment of the present invention;

fig. 15 is a schematic diagram illustrating an optional effect of the method for generating webpage guidance content according to the embodiment of the present invention;

fig. 16 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 17 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 18 is a schematic diagram illustrating an alternative effect of the method for generating webpage guiding content according to the embodiment of the present invention;

fig. 19 is an alternative flowchart of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 20 is a schematic flowchart of an alternative method for generating web page guidance content according to an embodiment of the present invention;

fig. 21 is an interaction diagram of a method for generating web page guidance content according to an embodiment of the present invention;

fig. 22 is a first schematic structural diagram of a web page guidance content generating apparatus according to an embodiment of the present invention;

fig. 23 is a first schematic hardware entity diagram of an apparatus for generating web page guidance content according to an embodiment of the present invention;

fig. 24 is a schematic structural diagram of a web page guidance content generating apparatus according to an embodiment of the present invention;

fig. 25 is a hardware entity diagram of a web page guidance content generating device according to an embodiment of the present invention.

Detailed Description

In order to make the objects, technical solutions and advantages of the present invention clearer, the technical solutions of the present invention are further described in detail with reference to the drawings and the embodiments, the described embodiments should not be construed as limiting the present invention, and all other embodiments obtained by a person of ordinary skill in the art without creative efforts shall fall within the protection scope of the present invention.

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

To the extent that similar descriptions of "first/second" appear in this patent document, the description below will be added, where reference is made to the term "first \ second \ third" merely to distinguish between similar objects and not to imply a particular ordering with respect to the objects, it being understood that "first \ second \ third" may be interchanged either in a particular order or in a sequential order as permitted, to enable embodiments of the invention described herein to be practiced in other than the order illustrated or described herein.

Unless defined otherwise, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this invention belongs. The terminology used herein is for the purpose of describing embodiments of the invention only and is not intended to be limiting of the invention.

Fig. 1 is an optional flowchart of a method for generating webpage guidance content according to an embodiment of the present invention, and will be described with reference to the steps shown in fig. 1.

And S01, loading the service code of the target webpage sent by the server.

In the embodiment of the invention, the client and the server establish a communication line in advance. The client may establish a Transmission Control Protocol (TCP) connection with the server in advance. The client can be a mobile phone, a computer, an intelligent terminal, a vehicle-mounted computer and the like. And when the client needs to display the target webpage, the client sends service request information to the server. The service request information is used for acquiring a service code of the target webpage. After the server receives the service request information, the server finds a service code corresponding to the service request information according to the service request information. And the server sends the service code corresponding to the client through a pre-established communication line. The client loads the service code from the pre-established communication line.

In the embodiment of the invention, the server can be a big data center or a cloud server. And the server responds to the service request information, and sends the service codes to the client in a plurality of batches until the service codes are sent.

In the embodiment of the present invention, the service request information may be an encoded character string, or voice information, or picture information, or text information.

In the embodiment of the invention, the browser of the client loads the service code through the uniform resource positioning system to form the primary webpage.

In the embodiment of the present invention, referring to fig. 2, a server 200 establishes a communication line 201 with a client 1 and a client 2 in advance. The client 1 is a mobile terminal, and the client 2 is a computer. The client 1 or the client 2 may transmit the service request information to the server 200 through the pre-established communication line 201. The server 200 responds to the service request information. The server sends the service code to either client 1 or client 2.

And S02, acquiring the guiding configuration data in the service code.

In the embodiment of the present invention, the service code includes: the source code, boot configuration data, and boot code of the target web page. The guiding configuration data represents model identification information of a document object model of a function to be guided of the target webpage, guiding data corresponding to the function to be guided, relative positions of guiding pictures and data of three dimensions of storage positions of the guiding pictures. The guiding configuration data is used for matching the corresponding guiding picture for the function to be guided of the target webpage based on the model identification information. The guide picture is stored in a database of the server in advance. The client can acquire a guide picture based on the guide configuration data to configure the guide picture of the function to be guided.

In the embodiment of the invention, the terminal processor acquires the model identification information corresponding to each function to be guided of the target webpage, and the terminal processor sends the model identification information to the server. And the terminal server acquires the storage position data of the guide picture corresponding to each function to be guided in the server. The server acquires relative position data between the guide picture and the guide mark corresponding to each function to be guided. The server packages the model identification information, the storage location data and the relative location data to form boot configuration data. The server adds the guide configuration data in the service code and sends the guide configuration data to the client.

In the embodiment of the invention, the model identification information is the model identification information of the document object model with the guide function. After the terminal processor draws the guide picture, the terminal processor sends the guide picture to the server, and the server stores the guide picture in the database and feeds back the guide picture to the server as storage position data of the guide picture. The guiding mark may be an arrow or a connecting line for indicating a direction, and the guiding mark is used to connect the corresponding function to be guided and the guiding picture. The relative position data between the guide picture and the guide mark represents that the guide mark is connected and corresponds to the function to be guided at a certain position of the guide picture.

And S03, acquiring the loading progress information of the document object model corresponding to the function to be guided based on the model identification information in the guiding configuration data.

In the embodiment of the invention, the client loads the service code according to the progress. The business code comprises a document object model of the function to be guided of the target webpage. And the client loads the document object model in the service code according to the priority order. First, the client loads the boot configuration data of the target web page. The client judges whether the document object model is loaded completely according to the model identification information of the corresponding document object model in the guiding configuration data, and forms loading progress information reflecting the loading progress condition of the document object model.

In the embodiment of the invention, the corresponding document object model is searched in the loaded service code by the corresponding model identification information of the client, and if the document object model corresponding to the model identification information exists in the loaded service code, the model identification information is marked until all the model identification information is marked. And the client side forms loading progress information reflecting the loading progress condition of the document object model according to the progress marked by the model identification information.

And S04, if the loading progress information represents that the loading of the document object model is completed, forming a primary webpage based on the original codes in the service codes.

In the embodiment of the invention, the client marks all the model identification information in a mode corresponding to the model identification information, and the loading progress information represents that the loading of the document object model in the service code is completed; and representing that the functions to be guided of the target webpage are all loaded, and the functions to be guided cannot be omitted when the functions to be guided are drawn, so that the guide pictures and the functions to be guided can be configured in a one-to-one correspondence manner. And after the loading progress information represents that the document object model in the business code is loaded, the client forms a primary webpage based on the original code in the business code. Wherein, the primary webpage comprises at least one function to be guided which needs to generate the guide function.

In the embodiment of the present invention, the primary webpage may be any webpage having a function to be guided. For example, a web page of a shopping platform, a web page of a news platform, or a web page of a video platform. Referring to fig. 3, in the embodiment of the present invention, the primary webpage is an online shopping webpage of a mobile phone. Among them, the search function 21, the all-goods sorting function 22, the immediate reservation function 23, the contact customer service function 24, and the my shopping cart function 25 are functions to be guided of the primary web page.

And S05, configuring the guide picture forming target webpage on the primary webpage based on the guide configuration data.

In the embodiment of the invention, the client determines the area of the function to be guided on the primary webpage according to the module identification corresponding to the function to be guided on the primary webpage. And the client acquires the guide picture from the server according to the storage position data of the guide picture in the guide configuration data. And then the client configures a guide mark and a guide picture around the area of the function to be guided according to the relative position data, so that the function to be guided is correspondingly connected with the corresponding guide picture to form guide content, thereby forming a target webpage.

In the embodiment of the invention, the client forms the drawing layer on the primary webpage. The drawing layer occludes the primary webpage. And the client determines a target area of the function to be guided on the drawing layer according to the module identification corresponding to the function to be guided on the drawing layer. And the target area is transparently processed, so that the target area can see the function to be guided. And the client acquires the guide picture from the server according to the storage position data of the guide picture in the guide configuration data. And then the client configures a guide mark and a guide picture around a target area with a function to be guided according to the relative position data, so that the target area is correspondingly connected with the corresponding guide picture to form guide content, thereby forming a target webpage.

In the embodiment of the invention, the business code of the target webpage is loaded; acquiring guidance configuration data in the service code, wherein the guidance configuration data represents data of three dimensions, namely a model identification information class of a document object model of a function to be guided of a target webpage, a relative position class of guidance data and a guidance picture corresponding to the function to be guided and a storage position class of the guidance picture; acquiring loading progress information of a document object model corresponding to a function to be guided based on the model identification information; and if the loading progress information represents that the document object model is completely loaded, starting to configure the guide picture, determining that the document object model is completely loaded through the model identification information, not omitting any function to be guided, which needs to configure the guide picture, forming a primary webpage based on the original code, accurately positioning the position of the function to be guided in the primary webpage by using the model identification information in the guide configuration data, and configuring the guide picture on the primary webpage to form a target webpage, so that the guide picture corresponds to the function to be guided one to one, and the matching degree of the webpage guide content and the target webpage is improved.

In some embodiments, referring to fig. 4, fig. 4 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S02 shown in fig. 1 may be implemented through S11 to S12, which will be described with reference to the steps.

S11, responding to the guide code in the service code, detecting whether the logged-in identification exists.

In the embodiment of the invention, after the client acquires the service code, the client responds to the service code and detects whether the logged-in identifier exists in the client. The logged-in identifier may be stored in a local memory of the browser, or may be a retrieval message in which the server sends a feedback based on the address information of the client. The retrieval information characterizes whether the server has a logged-in identifier.

In the embodiment of the invention, when the client acquires the service code before and generates the target webpage, the client generates and stores a code in the local memory of the browser as the logged-in identifier.

S12, if there is no registered flag, the boot configuration data is acquired.

In the embodiment of the invention, the client does not find the logged-in identifier in the local storage of the browser, which indicates that the client does not acquire the service code before and does not generate the target webpage. When the client acquires the service code to generate the target webpage, the client needs to generate the guiding content. The client responds to the boot code and obtains boot configuration data from the service code.

In the embodiment of the invention, when the client loads the service code, the client simultaneously detects whether the logged-in identifier exists, and if the logged-in identifier exists, the client firstly acquires the guide configuration data from the service code.

In some embodiments, referring to fig. 5, fig. 5 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S11 shown in fig. 4 may also be implemented through S13, which will be described with reference to steps.

S13, responding to the guide code in the service code, detecting whether the local memory has the logged-in identification.

In the embodiment of the invention, the client responds to the guide code in the service code, and detects whether the logged-in identifier exists in a local memory of the client or a memory of a browser forming a target webpage. If the client generates the target webpage before, the logged-in identifier exists in the local memory or the local memory of the browser. If the client has not previously generated the target web page, the logged-in identifier does not exist in the local storage or the local storage of the browser.

In some embodiments, referring to fig. 6, fig. 6 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S11 shown in fig. 4 may also be implemented through S14-S15, which will be described with reference to the following steps.

And S14, responding to the guide code in the service code and feeding back the request to the server.

In the embodiment of the invention, the client responds to the guide code in the service code, and sends the retrieval request to the server by calling the server port, wherein the retrieval request carries the address information of the client.

S15, receiving the search information fed back by the server in response to the search request.

In the embodiment of the invention, the server searches whether a database in the server has a logged-in identifier for representing that the client has logged in or not according to a search request sent by the client. After the retrieval is completed, the server generates retrieval information representing whether the server has the login identification or not to the client.

In some embodiments, referring to fig. 7, fig. 7 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S16 is further included after S11 shown in fig. 4, which will be described with reference to the steps.

S16, if the registered flag exists, the boot configuration data is not acquired.

In the embodiment of the invention, the client searches the logged-in identifier in the local memory or the retrieval information fed back by the server indicates that the logged-in information of the client exists in the server, and the client acquires the service code before to generate the target webpage. When the client acquires the service code to generate the target webpage, the client does not need to generate the guiding content. The client responds to the boot code without acquiring boot configuration data from the service code and the generation process of the boot content is terminated.

In some embodiments, referring to fig. 8, fig. 8 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S03 shown in fig. 1 may also be implemented through S17-S19, which will be described with reference to the following steps.

S17, constructing a mapping relation based on the guiding configuration data, traversing the mapping relation, and determining the first document object model which is loaded and completed.

In the embodiment of the invention, after the client acquires the guidance configuration data, the client establishes the mapping relation between the document object model of the function to be guided on the target webpage and the corresponding model identification information based on the model identification in the guidance configuration data. And traversing the model identification information once in the mapping relation by the client, and searching the first document object model corresponding to the model identification information in the loaded service code. The first document object model is at least one document object model corresponding to the model identification information in the mapping relation.

In the embodiment of the present invention, the mapping relationship may be a correspondence relationship between a key-value pair set between a document object model of a function to be guided on a target webpage and corresponding model identification information.

In the embodiment of the invention, the client can search the first document object model corresponding to the model identification information in the document object model data tree in the loaded service code.

S18, model identification information corresponding to the first document object model in the mapping relation is set to be a first preset value.

In the embodiment of the invention, the client determines the first object model in the loaded service code, and simultaneously converts the model identification information corresponding to the first object model in the mapping relation into the first preset value. Wherein the first preset value may be a character string corresponding to the model identification information. The first preset values corresponding to each model identification information may be the same or different.

And S19, when the traversal is completed, if the model identification information of the document object model in the mapping relation is the first preset value, obtaining the loading progress information of the document object model after the loading is completed.

In the embodiment of the invention, when the client finishes traversing the mapping relationship, the model identification information corresponding to the document object model in the mapping relationship is converted into the first preset value, which indicates that the document object model corresponding to the model identification information in the mapping relationship is completely loaded, and the function to be guided corresponding to the document object model is also completely loaded. At the moment, the client generates the guiding content of the functions to be guided in the webpage without omitting any function to be guided, so that the guiding pictures can correspond to the functions to be guided one by one.

In some embodiments, referring to fig. 9, fig. 9 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S20-S21 is further included after S17 shown in fig. 8, which will be described with reference to the steps.

S20, when traversal is completed, if the model identification information of the second document object model is not the first preset value in the mapping relation, loading progress information that the document object model is not loaded is obtained, and an interface corresponding to the document object model is monitored to obtain state information of the document object model.

In the embodiment of the invention, when the client finishes traversing the mapping relationship, if the model identification information corresponding to the second document object model in the mapping relationship is not converted into the first preset value, the document object model corresponding to the model identification information in the mapping relationship is not loaded completely, and the function to be guided corresponding to the document object model is not loaded completely. The client can obtain loading progress information of the document object model which is not completely loaded. Meanwhile, the client monitors an interface of the client for loading the document object model from the server in real time, and can acquire state information reflecting the increase or update of the document object model.

The second document object model is a document object model of the mapping relation except the first document object model, namely, a document object model which is not loaded by the client.

And S21, traversing the mapping relation again if the state information represents that the second document object model changes, and obtaining loading progress information of the document object model after loading until the model identification information of the document object model in the mapping relation is the first preset value.

In the embodiment of the invention, the client monitors the interface of the loaded document object model in real time to form state information. If the state information represents that the second document object model is changed, the client loads the second document object model or updates the document object model due to the service code. The client converts the model identification information corresponding to the changed second document object model into a first preset value. And the client monitors the interface in real time until all the model identification information in the mapping relation is converted into a first preset value. And the client obtains the loading progress information of the loading completion of the object model.

In the embodiment of the invention, the client can calculate the model identification information through a Hash algorithm to obtain a character string corresponding to the model identification information as the first preset value.

In some embodiments, referring to fig. 10, fig. 10 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S22 is further included after S20 shown in fig. 9, which will be described with reference to the steps.

And S22, if the state information represents that the second document object model still has the third document object model which is not changed, obtaining the loading progress information of the document object model which is not loaded completely.

In the embodiment of the invention, the client monitors the interface of the loaded document object model in real time to form state information. And the client monitors the interface until the business code is loaded, and a third unchanged document object model still exists in the mapping relation. And the third document object model is the second document object model which is not changed when the client monitors the interface until the business code is loaded. At this time, the client obtains loading progress information of the document object model which is not completely loaded. The client may then traverse the mapping again to see if the third object model is loaded. The client can also stop the generation of the guide content and feed back the information which is not loaded to the server, the server sends the service code again, the client loads the service code again, and meanwhile, the client can also repeat the process of traversing the mapping relation and determining the first document object model.

In some embodiments, referring to fig. 11, fig. 11 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S04-S05 shown in fig. 1 may also be implemented through S23-S26, which will be described with reference to the steps.

S23, if the loading progress information represents that the loading of the document object model is completed, a primary webpage is formed based on the original code in the service code, and a logged identification is formed based on the guide code in the service code for storage.

In the embodiment of the invention, after the client acquires the loading progress information representing the document object model, the client is accurate in forming the target webpage, the client responds to the guide code, and the client forms the primary webpage based on the original code in the service code. Wherein the primary webpage comprises a function to be guided. Meanwhile, the client forms a key value pair to be stored in a local storage of the browser as a logged-in identifier. And simultaneously, the client forms a logged-in identifier in a local memory of the client based on the boot code. The logged-in identification characterizes the target web page without generating the guidance content.

In the embodiment of the present invention, with reference to fig. 3, in the embodiment of the present invention, the primary web page is an online shopping web page of a mobile phone. Among them, the search function 21, the all-goods sorting function 22, the immediate reservation function 23, the contact customer service function 24, and the my shopping cart function 25 are functions to be guided of the primary web page.

And S24, acquiring the size information of the primary webpage window.

In the embodiment of the invention, the client forms a primary webpage. Because the size of the serial port of the web page in the browser can be changed at will according to the instruction of the user, the client needs to acquire the window size information of the primary web page before the client forms the guidance content.

In the embodiment of the present invention, the window size information includes: length and width information of the primary web page, and a location of a center point of the primary web page.

And S25, forming a drawing layer on the primary webpage based on the primary webpage window size information.

In the embodiment of the invention, the client forms a layer of drawing layer on the primary webpage according to the window size information of the primary webpage. The drawing layer has the same size as the primary webpage. The drawing layer covers the primary webpage and shows a fuzzy state of the primary webpage.

In the embodiment of the invention, the client can adopt the label elements in the hypertext markup language program to form a layer of drawing layer on the primary webpage, and the size of the drawing layer is the same as that of the primary webpage.

And S26, covering the primary webpage by using the drawing layer based on the guiding configuration data, and configuring a guiding picture on the drawing layer to form a target webpage.

In the embodiment of the invention, the drawing layer formed by the client covers the primary webpage. And the client determines a target area of the function to be guided on the drawing layer according to the module identification information corresponding to the function to be guided. And the target area is transparently processed, so that the target area can see the function to be guided on the primary webpage. And the client acquires the guide picture from the server according to the storage position data of the guide picture in the guide configuration data. And then the client configures a guide mark and a guide picture around a target area with a function to be guided according to the relative position data, so that the target area is correspondingly connected with the corresponding guide picture to form guide content, thereby forming a target webpage.

In the embodiment of the invention, the client can measure the width and the height of the actual rendering size of the document object model in the browser of the client, and the coordinate values of the offset x and y axes relative to the upper left corner of the primary webpage window. The client thus calculates a rectangular area. The parts outside the drawing layers can be filled with colors through a guiding picture surrounding rule provided by label elements in a hypertext markup language program and a non-zero surrounding principle, and the rectangular area part corresponding to a document object model of the drawing layers is transparent, so that the area corresponding to the function to be guided can be exposed, and a highlight focusing effect is presented. Then, the client acquires storage position data of the guide picture, relative position data of the guide picture and the guide mark and a surrounding mode of the guide picture relative to the function to be guided in the guide configuration data. And drawing the guide picture to the surrounding position of the rectangular area corresponding to the function to be guided by the guide picture surrounding rule provided by the label element in the hypertext markup language program. When the size of the primary webpage window changes, the client can draw the guide picture on the drawing layer again.

In some embodiments, referring to fig. 12, fig. 12 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S23 shown in fig. 11 may also be implemented through S27, which will be described with reference to steps.

And S27, if the loading progress information represents that the document object model is completely loaded, forming a primary webpage based on the original code in the service code, and feeding back a storage request to the server based on the guide code in the service code.

In the embodiment of the invention, after the client acquires the loading progress information of the representation document object model, the client responds to the guide code. The client forms a primary web page based on the original code in the business code. Wherein the primary webpage comprises a function to be guided. Meanwhile, the client side calls the server port and feeds back the storage request to the server through the server port. The storage request carries the address information of the client, and the server stores the address information of the client as a logged-in identifier in a database of the server according to the address information of the client.

In some embodiments, referring to fig. 13, fig. 13 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S26 shown in fig. 11 may also be implemented through S261 to S264, which will be described with reference to the steps.

S261, based on the model identification information, determining the occupation information of the function to be guided in the drawing layer.

In the embodiment of the invention, the client acquires the model identification information in the guidance configuration data. Since the model identification information is in one-to-one correspondence with the document object models of the functions to be guided when the guidance configuration data is constructed, the model identification information is also in one-to-one correspondence with the functions to be guided. The client side can determine the occupation information of the function to be guided in the drawing layer based on the model identification information.

In the embodiment of the invention, the position-occupying information is width and height information of a function to be guided rendered on a primary webpage under the covering of a drawing layer, and coordinate information of the deviation of the function to be guided relative to a preset point on the primary webpage. After the client acquires the width and height information and the coordinate information corresponding to the function to be guided on the primary webpage, the client can mark out the area of the function to be guided on the primary webpage according to the width and height information and the coordinate information of the function to be guided.

And S262, determining a target area corresponding to the function to be guided on the drawing layer based on the occupation information.

In the embodiment of the invention, after the client divides the area of the function to be guided on the primary webpage according to the width and height information of the function to be guided and the coordinate information, the client transparentizes the drawing layer on the area of the function to be guided to form the target area. The target area can see the function to be guided on the primary web page.

In the embodiment of the present invention, in combination with fig. 14, target areas corresponding to the search function 21, the all-goods classification function 22, the immediate reservation function 23, the contact customer service function 24, and the my shopping cart function 25 are respectively presented on the drawing layer through dashed boxes. Besides the target areas corresponding to the functions to be guided, the drawing layer covers other contents of the primary webpage.

And S263, acquiring a guide picture corresponding to the function to be guided based on the storage position data.

In the embodiment of the invention, after the client forms the target area, the client responds to the guide code and acquires the guide picture corresponding to the guide function from the server based on the storage position data in the guide configuration data. The storage location data reflects location information that directs the storage of the picture in the server database.

And S264, configuring guide data and guide pictures around the target area on the drawing layer based on the relative position data, so that the target area is correspondingly connected with the corresponding guide pictures to form a target webpage.

In the embodiment of the invention, the client acquires the guide picture from the server according to the storage position data of the guide picture in the guide configuration data. And then the client configures a guide mark and a guide picture around a target area with a function to be guided according to the relative position data, so that the target area is correspondingly connected with the corresponding guide picture to form guide content, thereby forming a target webpage.

In the embodiment of the present invention, in conjunction with fig. 15, target areas corresponding to the search function 21, the all-goods classification function 22, the immediate reservation function 23, the contact customer service function 24, and the my shopping cart function 25 are respectively presented on the drawing layer. The client configures a guidance picture outside the target area. For example, the search function 21 on the drawing layer is at the top of the drawing layer, a blank area is located below the search function 21 on the drawing layer, the client configures the guidance picture 26 corresponding to the search function 21 below the target area of the search function 21, and the guidance pictures 26 are connected by the guidance indicator 27 to form the guidance content of the search function 21. The method for generating the guidance content of the other functions to be guided is the same as the method for generating the guidance content of the search function, and is not repeated herein.

In the embodiment of the invention, the business code of the target webpage is loaded; acquiring guidance configuration data in the service code, wherein the guidance configuration data represents model identification information of a document object model of a target webpage with a function to be guided, and data of three dimensions of the guidance data corresponding to the function to be guided, the relative position of a guidance picture and the storage position of the guidance picture; acquiring loading progress information of a document object model corresponding to a function to be guided based on the model identification information; and if the loading progress information represents that the document object model is completely loaded, starting to configure the guide picture, determining that the document object model is completely loaded through the model identification information, not omitting any function to be guided, which needs to configure the guide picture, then forming a primary webpage based on the service code, forming a drawing layer on the primary webpage, accurately positioning a target area of the function to be guided in the drawing layer by using the model identification information in the guide configuration data, and then configuring the guide picture on the drawing layer to form a target webpage, so that the guide picture corresponds to the function to be guided one to one, and the matching degree of the webpage guide content and the target webpage is improved.

Referring to fig. 16, an optional flowchart of the method for generating webpage guiding content according to the embodiment of the present invention is shown and applied to a server. The description will be made in conjunction with the steps.

And S30, obtaining model identification information of the document object model corresponding to the function to be guided of the target webpage.

In the embodiment of the invention, a terminal processor on one side of a server acquires an original code of a target webpage, and the terminal processor extracts a plurality of document object models corresponding to the functions to be guided of the target webpage from source code information. The document object model may be an original code corresponding to the function to be guided. In the embodiment of the invention, after the server acquires the original code of the document object model corresponding to the function to be guided of the target webpage, the server performs encryption calculation on the original code corresponding to the function to be guided, so as to obtain an encrypted character string corresponding to the function to be guided, wherein the character string is the model identification information of the document object model of the function to be guided.

In the embodiment of the invention, the terminal processor can also access the webpage through the function of the browser. And the server searches the document object model corresponding to the function to be guided on the function to be guided of the webpage according to the query function of the browser. The terminal processor picks out a code segment having a specific attribute in a code string of the document object model as model identification information. Alternatively, the terminal processor may use the name of the cascading style sheet of the document object model as the corresponding model identification information. The terminal processor is a terminal capable of processing web pages, program codes, documents and pictures, and the terminal processor can be a computer.

In the embodiment of the present invention, the document object model may be a character string of "011111110011", after the server obtains the document object model, the server performs encryption calculation on the document object model "011111110011" through a hash function to obtain a character string 010 corresponding to the metadata, where the character string 010 is model identification information corresponding to the document object model.

S31, forming boot configuration data based on the model identification information.

In the embodiment of the invention, as the functions to be guided and the model identification information are in one-to-one correspondence, the client can acquire the positions of the corresponding functions to be guided according to the model identification information. The server simulates the connection relation between the guide identifier and the guide picture according to the position of the function to be guided on the target webpage according to a preset program, so that the guide picture is connected with the function to be guided, and the relative position data of the guide identifier and the guide picture is acquired. The server stores the guide picture in a database of the server and simultaneously acquires the storage position data of the guide picture. And the server packs the storage position data of the guide picture, the guide mark, the relative position data of the guide picture and the model identification information to form guide configuration data.

S32, obtaining the guide code, and adding the guide configuration data and the guide code into the original code to form the service code.

In the embodiment of the invention, the original code is a code for constructing the primary webpage, and the primary webpage can be formed based on the original code after the client acquires the original code. But the primary web page does not have guidance content, and the user cannot guide the use of the function to be guided. And simultaneously, the terminal processor edits and generates the guide code. The guide code is used for guiding the original code and guiding the configuration data to generate a target webpage. And the terminal processor adds the boot configuration data and the boot code into the original code to form a service code. After the client loads the service code, the client can respond to the guide code, form a primary webpage according to the original code, and then configure a guide picture on the primary webpage according to the guide configuration data to finally form a target webpage.

In the embodiment of the invention, after the terminal processor forms the service code, the terminal processor sends the service code to the server, and the server stores the service code in the database and waits for the client to send out service request information.

In the embodiment of the invention, the terminal processor can also obtain a script program for man-machine interaction as a guide code.

And S33, sending the service code to the client.

In the embodiment of the invention, when the client needs to display the target webpage, the client sends the service request information to the server. The service request information is used for acquiring a service code of the target webpage. After the server receives the service request information, the server finds a service code corresponding to the service request information according to the service request information. And the server sends the service code corresponding to the client through a pre-established communication line. The client loads the service code from the pre-established communication line.

In the embodiment of the invention, the guiding configuration data is formed by acquiring the model identification information, the relative position data and the storage position data of the guiding picture, and then the guiding code and the guiding configuration data are combined to form the service code which is sent to the client. Therefore, the client accurately positions the target area of the function to be guided in the drawing layer by using the model identification information in the guiding configuration data, and then configures the guiding picture on the drawing layer to form the target webpage, so that the guiding picture corresponds to the function to be guided one by one, and the matching degree of the webpage guiding content and the target webpage is improved.

In some embodiments, referring to fig. 17, fig. 17 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S31 shown in fig. 16 may also be implemented through S34-S37, which will be described with reference to the following steps.

S34, the position of the function to be guided is determined on the target webpage based on the model identification information.

In the embodiment of the invention, the model identification information acquired by the terminal processor corresponds to each function to be guided. The terminal processor can determine the corresponding document object model on the web page based on the model identification information. The document object models correspond to the functions to be guided one by one, and the server can determine the positions of the functions to be guided according to the document object models.

And S35, determining the relative position data of the guide mark and the guide picture corresponding to the function to be guided based on the position of the function to be guided.

In the embodiment of the invention, the terminal processor determines the position of the function to be guided, and the terminal processor simulates the connection relation between the guide mark and the guide picture at the position where the content can be configured around the function to be guided according to the preset program, so that the guide mark connects the function to be guided and the guide picture. The simulation effect is guiding the mark and guiding the picture relative position data.

In the embodiment of the invention, the terminal processor determines that the position of the function to be guided is at the top end of the webpage, and the terminal processor can simulate the connection relation between the guide mark and the guide picture under the function to be guided, so that the function to be guided is connected with the guide picture through the guide mark.

In the embodiment of the invention, the explanation information of the function to be guided is arranged on the guide picture, and the explanation information of the guide picture is used for guiding the use method of the function to be guided.

In the embodiment of the present invention, the surrounding manner of the guidance picture between the guidance mark and the function to be guided may be: the guidance pictures are in a surrounding mode of 8, namely, the upper left part, the upper right part, the lower left part and the left part of the function to be guided.

In the embodiment of the invention, the terminal processor generates a manuscript for introducing the function to be guided according to the specific content of the function to be guided. In connection with fig. 18, the text is used to describe the role of the function to be guided and the method of use of the function to be guided. In the embodiment of the present invention, after the terminal processor acquires the document, the document is divided into the guidance pictures respectively corresponding to each function to be guided.

And S36, acquiring the storage position data of the guide picture corresponding to the function to be guided.

In the embodiment of the invention, the terminal processor can obtain the guide picture corresponding to each function to be guided after processing the manuscript. The terminal processor sends the guide picture to the server, the server stores the guide picture in the database, and the server acquires the storage position data of the guide picture while storing the guide picture. And the server feeds the storage position data back to the terminal processor.

And S37, packaging the relative position data corresponding to the function to be guided, the storage position data and the model identification information to form guiding configuration data.

In the embodiment of the invention, the terminal processor configures the configuration item corresponding to each function to be guided. And the server packages the model identification information corresponding to the function to be guided, the relative position data of the guide picture and the guide mark corresponding to the function to be guided and the storage position data of the guide picture corresponding to the function to be guided to generate the configuration item of the function to be guided. And the server adds the configuration items corresponding to each function to be guided to obtain the guiding configuration data of the target webpage.

In the embodiment of the invention, the terminal processor acquires the model identification information corresponding to each function to be guided. And the terminal processor acquires the storage position data of the guide picture corresponding to each function to be guided in the server. And the terminal processor acquires the relative position data between the guide mark and the guide picture corresponding to each function to be guided. The server respectively calculates the model identification information, the storage position data and the relative position data through a hash function, and three character strings respectively corresponding to the model identification information, the storage information and the position information can be obtained. The server combines the three character strings respectively corresponding to the model identification information, the storage information and the position information to obtain the configuration item of each function to be guided. The server adds the corresponding configuration of each function to be guided to obtain the guiding configuration data of the target webpage.

In the embodiment of the present invention, the guidance configuration data of the target web page formed by the server is "012012041400, 230102300101, 035001010201", where "012012041400" is a configuration item corresponding to the first function to be guided, "230102300101" is a configuration item corresponding to the second function to be guided, and "035001010201" is a configuration item corresponding to the third function to be guided. In the configuration item of the first function to be guided, "0120" represents the model identification information corresponding to the first function to be guided, 1204 represents the storage information of the guide mark corresponding to the first function to be guided, and "1400" represents the position information between the guide mark of the first function to be guided and the first function to be guided. The data representation information in the configuration items corresponding to the second function to be guided and the third function to be guided is the same as the data representation information in the configuration item corresponding to the first function to be guided, which is not repeated herein.

In some embodiments, referring to fig. 19, fig. 19 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S38 is further included after S33 shown in fig. 16, which will be described with reference to the steps.

And S38, receiving a retrieval request sent by the client, retrieving whether the login identification corresponding to the client exists in the database based on the retrieval request, and feeding back retrieval information to the client. In the embodiment of the invention, the server inquires whether a database in the server has a logged-in identifier for representing that the client has logged in or not according to the address information in the retrieval request sent by the client. In the embodiment of the invention, if the client side sending the address information logs in the target webpage, the server searches the logged-in identifier corresponding to the client side in the database of the server, and the server sends the retrieval information representing that the logged-in identifier is in the server to the client side. If the client side sending the address information does not log in the target webpage, the server cannot find the logged-in identification corresponding to the client side in the database of the server, and the server sends retrieval information representing that the server does not have the logged-in identification to the client side.

In some embodiments, referring to fig. 20, fig. 20 is an optional flowchart of the method for generating web page guidance content according to the embodiment of the present invention, and S39 is further included after S33 shown in fig. 16, which will be described with reference to the steps.

And S39, receiving the storage request sent by the client, and forming a corresponding logged identification of the client in the database based on the storage request.

In the embodiment of the invention, after the client acquires the loading progress information of the document object model, the client responds to the guide code. The client sends a storage request to the server by calling the server port. The storage request carries address information of the client, and the server stores the logged-in identifier of the client in a database of the server according to the address information of the client.

Fig. 21 is an interaction diagram of a method for generating web page guidance content according to an embodiment of the present invention.

And S51, obtaining the model identification of the document object model corresponding to the function to be guided of the target webpage.

The specific implementation process is shown as S30 in fig. 16, please refer to S30.

S52, forming boot configuration data based on the model identification information.

The specific implementation process is shown as S31 in fig. 16, please refer to S31.

S53, obtaining the guide code, and adding the guide configuration data and the guide code into the original code to form the service code.

The specific implementation process is shown as S32 in fig. 16, please refer to S32.

And S54, sending the service code to the client.

The specific implementation process is shown as S33 in fig. 16, please refer to S33.

And S55, loading the service code of the target webpage sent by the server.

The specific implementation process is shown as S01 in fig. 1, please refer to S01.

And S56, acquiring the guiding configuration data in the service code.

The specific implementation process is shown as S02 in fig. 1, please refer to S02.

And S57, acquiring the loading progress information of the document object model corresponding to the function to be guided based on the model identification information in the guiding configuration data.

The specific implementation process is shown as S03 in fig. 1, please refer to S03.

And S58, if the loading progress information represents that the loading of the document object model is completed, forming a primary webpage based on the original codes in the service codes.

The specific implementation process is shown as S04 in fig. 1, please refer to S04.

And S59, configuring the guide picture forming target webpage on the primary webpage based on the guide configuration data.

The specific implementation process is shown as S05 in fig. 1, please refer to S05.

In the embodiment of the invention, a service code comprising guide configuration data is generated by a server, wherein the guide configuration data represents data with three dimensions, namely a model identification information class of a document object model of a function to be guided of a target webpage, a relative position class of guide data and a guide picture corresponding to the function to be guided and a storage position class of the guide picture, and the service code of the target webpage is loaded by a client; acquiring a service code; acquiring loading progress information of a document object model corresponding to a function to be guided based on the model identification information; and if the loading progress information represents that the document object model is completely loaded, starting to configure the guide picture, determining that the document object model is completely loaded through the model identification information, not omitting any function to be guided, which needs to configure the guide picture, forming a primary webpage based on the original code, accurately positioning the position of the function to be guided in the primary webpage by using the model identification information in the guide configuration data, and configuring the guide picture on the primary webpage to form a target webpage, so that the guide picture corresponds to the function to be guided one to one, and the matching degree of the webpage guide content and the target webpage is improved.

Fig. 22 is a schematic structural diagram of a web page guidance content generating device according to an embodiment of the present invention. The present invention provides a web page guidance content generating apparatus 800, including: a code acquisition unit 803, a data acquisition unit 804, a load monitoring unit 805, a web page generation unit 806, and a configuration unit 807.

A code obtaining unit 803, configured to load a service code of a target web page sent by a server;

a data obtaining unit 804, configured to obtain guidance configuration data in the service code, where the guidance configuration data represents data of three dimensions, that is, a model identification information class of a document object model of a function to be guided of the target web page, a relative position class of guidance data and a guidance picture corresponding to the function to be guided, and a storage position class of the guidance picture;

a loading monitoring unit 805, configured to obtain, based on the model identification information in the guidance configuration data, loading progress information of the document object model corresponding to the function to be guided;

a web page generating unit 806, configured to form a primary web page based on an original code in the service code if the loading progress information indicates that the document object model is completely loaded;

a configuration unit 807, configured to configure the guidance picture on the primary webpage to form the target webpage based on the guidance configuration data.

In the embodiment of the present invention, after acquiring a service code, the web page guidance content generating device 800 responds to a guidance code in the service code to detect whether the client has a logged-in identifier; and if the logged identification does not exist, acquiring the guide configuration data. And if the logged identification exists, not acquiring the guide configuration data. Specifically, the client may respond to the boot code in the service code to detect whether the logged-in identifier exists in the local storage. The client also responds to the guide code in the service code and feeds back a retrieval request to the server; receiving retrieval information fed back by the server aiming at the retrieval request; and searching whether the registered identification exists in the database of the information characterization server.

In the embodiment of the present invention, the web page guidance content generating apparatus 800 constructs a mapping relationship based on the guidance configuration data, and determines the loaded first document object model in response to the guidance code traversing the mapping relationship between the document object model and the corresponding model identification information; the first document object model is at least one of the document object models; setting the model identification information corresponding to the first document object model in the mapping relation as a first preset value; and when the traversal is completed, if the model identification information of the document object model in the mapping relation is a first preset value, obtaining the loading progress information of the document object model after the loading is completed.

In this embodiment of the present invention, when the web page guidance content generating apparatus 800 completes traversing, if the model identification information of the second document object model is not the first preset value in the mapping relationship, the loading progress information that the document object model is not loaded is obtained, and an interface corresponding to the document object model is monitored to obtain state information of the document object model; the second document object model is a model of the document object model except the first document object model; and if the state information represents that the second document object model changes, traversing the mapping relation again until the model identification information of the document object model in the mapping relation is a first preset value, and obtaining the loading progress information of the document object model after the document object model is loaded. In this embodiment of the present invention, if it is detected that the state information represents that the second document object model still has a third document object model that has not changed, the web page guidance content generating apparatus 800 obtains the loading progress information that the document object model has not been loaded.

In this embodiment of the present invention, when the webpage guidance content generating device 800 detects that the loading progress information represents that the document object model is completely loaded, a primary webpage is formed based on the original code in the service code, and a logged identifier is formed based on the guidance code in the service code and stored, and the logged identifier represents that the target webpage does not generate guidance content any more. Or, feeding back a storage request to the server based on the boot code in the service code, and the server forming a logged-in identifier corresponding to the client in the database based on the storage request.

In the embodiment of the present invention, the web page guidance content generating apparatus 800 obtains the primary web page window size information; and forming a drawing layer on the primary webpage based on the primary webpage window size information. The generating device 800 covers the primary webpage with the drawing layer based on the guidance configuration data, and configures the guidance picture on the drawing layer to form the target webpage.

In this embodiment of the present invention, the webpage guiding content generating apparatus 800 determines, based on the model identification information, the position occupying information of the function to be guided in the drawing layer; the webpage guiding content generating device 800 determines a target area corresponding to the function to be guided on the drawing layer based on the occupancy information, and the target area displays the function to be guided on the primary webpage; the webpage guiding content generating device 800 acquires a guiding picture corresponding to the function to be guided based on the storage location data; the web page guidance content generating device 800 configures the guidance data and the guidance picture around the target area on the drawing layer based on the relative position data, so that the target area and the corresponding guidance picture are correspondingly connected to form the target web page.

In the embodiment of the invention, a code acquisition unit loads a service code of a target webpage, and then a data acquisition unit acquires guide configuration data in the service code, wherein the guide configuration data represents model identification information of a document object model of a function to be guided of the target webpage, guide data corresponding to the function to be guided, relative positions of guide pictures and data of three dimensions of storage positions of the guide pictures; then, acquiring loading progress information of the document object model corresponding to the function to be guided based on the model identification information through a loading monitoring unit; and if the loading progress information represents that the document object model is completely loaded, the configuration of the guide picture is started, the document object model is determined to be completely loaded through the model identification information, any function to be guided, which needs to configure the guide picture, is not omitted, then a primary webpage is formed through the webpage generation unit based on the service code, a drawing layer is formed on the primary webpage, the configuration unit is used for guiding the model identification information in the configuration data to accurately position a target area of the function to be guided in the drawing layer, and then the guide picture is configured on the drawing layer to form a target webpage, so that the guide picture corresponds to the function to be guided one to one, and the matching degree of the webpage guide content and the target webpage is improved.

It should be noted that, in the embodiment of the present invention, if the above-mentioned web page guidance content generation method is implemented in the form of a software functional module and is sold or used as an independent product, it may also be stored in a computer readable storage medium. Based on such understanding, the technical solutions of the embodiments of the present invention may be substantially implemented or portions thereof that contribute to the related art may be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling a web page guidance content generating apparatus 800 (which may be a personal computer or the like) to execute all or part of the methods according to the embodiments of the present invention. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a Read Only Memory (ROM), a magnetic disk, or an optical disk. Thus, embodiments of the invention are not limited to any specific combination of hardware and software.

Correspondingly, the embodiment of the present invention provides a computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, implements the steps of the above-mentioned method.

Correspondingly, the embodiment of the present invention provides a web page guidance content generating apparatus 800, which includes a first memory 802 and a first processor 801, where the first memory 802 stores a computer program that is executable on the first processor 801, and the first processor 801 implements the steps in the above method when executing the computer program.

Here, it should be noted that: the above description of the storage medium and device embodiments is similar to the description of the method embodiments above, with similar advantageous effects as the method embodiments. For technical details not disclosed in the embodiments of the storage medium and the apparatus according to the invention, reference is made to the description of the embodiments of the method according to the invention.

Fig. 23 is a schematic diagram of a hardware entity of the web page guidance content generating apparatus 800 according to an embodiment of the present invention, and as shown in fig. 23, the hardware entity of the web page guidance content generating apparatus 800 includes: a first processor 801 and a first memory 802, wherein;

the first processor 801 generally controls the overall operation of the web page guidance content generation apparatus 800.

The first Memory 802 is configured to store instructions and applications executable by the first processor 801, and may also cache data (e.g., image data, audio data, voice communication data, and video communication data) to be processed or already processed by each module in the first processor 801 and the web page guidance content generating apparatus 800, and may be implemented by a FLASH Memory (FLASH) or a Random Access Memory (RAM).

Fig. 24 is a schematic structural diagram of a web page guidance content generating device according to an embodiment of the present invention. The present invention provides a web page guidance content generating apparatus 900, including: an information acquisition unit 903, a processing unit 904, a code generation unit 905, and a code transmission unit 906.

An information obtaining unit 903, configured to obtain model identification information of a document object model corresponding to a function to be guided of a target web page;

a processing unit 904 for forming boot configuration data based on the model identification information;

a code generating unit 905, configured to obtain a boot code, and add the boot configuration data and the boot code to an original code to form a service code, where the boot code is used to guide the original code and the boot configuration data to form the target web page;

a code sending unit 906, configured to send the service code to the client.

In this embodiment of the present invention, the web page guidance content generating apparatus 900 determines, through the processing unit 904, a position of the function to be guided on the target web page based on the model identification information; determining relative position data of guide data and a guide picture corresponding to the function to be guided based on the position of the function to be guided, wherein the guide data is used for correspondingly connecting the function to be guided and the corresponding guide picture, and the guide picture is used for introducing the corresponding function to be guided; acquiring storage position data of the guide picture corresponding to the function to be guided; and packaging the relative position data, the storage position data and the model identification information corresponding to the function to be guided to form the guiding configuration data.

In the embodiment of the present invention, the web page guidance content generating device 900 receives a retrieval request sent by a client, retrieves whether a logged-in identifier corresponding to the client exists in a database based on the retrieval request, and feeds back retrieval information to the client; retrieving the presence of a logged-on identification in an information representation database

In the embodiment of the present invention, the web page guidance content generating device 900 receives a storage request sent by a client, and forms a logged-in identifier corresponding to the client in a database of a server based on the storage request.

In the embodiment of the present invention, the information obtaining unit 903 obtains the model identification information, the relative position data, and the storage position data of the guidance picture to form guidance configuration data, and then the processing unit 904 combines the guidance code and the guidance configuration data to form a service code and sends the service code to the client. Therefore, the client accurately positions the target area of the function to be guided in the drawing layer by using the model identification information in the guiding configuration data, and then configures the guiding picture on the drawing layer to form the target webpage, so that the guiding picture corresponds to the function to be guided one by one, and the matching degree of the webpage guiding content and the target webpage is improved.

It should be noted that, in the embodiment of the present invention, if the above-mentioned web page guidance content generation method is implemented in the form of a software functional module and is sold or used as an independent product, it may also be stored in a computer readable storage medium. Based on such understanding, the technical solutions of the embodiments of the present invention may be substantially implemented or portions thereof contributing to the related art may be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling a web page guidance content generating apparatus 900 (which may be a personal computer or the like) to execute all or part of the methods described in the embodiments of the present invention. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a Read Only Memory (ROM), a magnetic disk, or an optical disk. Thus, embodiments of the invention are not limited to any specific combination of hardware and software.

Correspondingly, an embodiment of the present invention provides a web page guidance content generating apparatus 900, which includes a second memory 902 and a second processor 901, where the second memory 902 stores a computer program that is executable on the second processor 901, and the second processor 901 implements the steps in the foregoing method when executing the program.

Fig. 25 is a schematic diagram of a hardware entity of the web page guidance content generating apparatus 900 according to an embodiment of the present invention, and as shown in fig. 25, the hardware entity of the web page guidance content generating apparatus 900 includes: a second processor 901 and a second memory 902, wherein;

the second processor 901 generally controls the overall operation of the web page guidance content generating apparatus 900.

The second Memory 902 is configured to store instructions and applications executable by the second processor 901, and may also cache data (e.g., image data, audio data, voice communication data, and video communication data) to be processed or already processed by each module in the second processor 901 and the web page guidance content generating apparatus 900, and may be implemented by a FLASH Memory (FLASH) or a Random Access Memory (RAM).

It should be appreciated that reference throughout this specification to "one embodiment" or "an embodiment" means that a particular feature, structure or characteristic described in connection with the embodiment is included in at least one embodiment of the present invention. Thus, the appearances of the phrases "in one embodiment" or "in an embodiment" in various places throughout this specification are not necessarily all referring to the same embodiment. Furthermore, the particular features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. It should be understood that, in various embodiments of the present invention, the sequence numbers of the above-mentioned processes do not mean the execution sequence, and the execution sequence of each process should be determined by its function and inherent logic, and should not constitute any limitation on the implementation process of the embodiments of the present invention. The above-mentioned serial numbers of the embodiments of the present invention are merely for description and do not represent the merits of the embodiments.

It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.

In the embodiments provided in the present invention, it should be understood that the disclosed apparatus and method may be implemented in other ways. The above-described device embodiments are merely illustrative, for example, the division of the unit is only a logical functional division, and there may be other division ways in actual implementation, such as: multiple units or components may be combined, or may be integrated into another system, or some features may be omitted, or not implemented. In addition, the coupling, direct coupling or communication connection between the components shown or discussed may be through some interfaces, and the indirect coupling or communication connection between the devices or units may be electrical, mechanical or other forms.

The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units; can be located in one place or distributed on a plurality of network units; some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.

In addition, all the functional units in the embodiments of the present invention may be integrated into one processing unit, or each unit may be separately regarded as one unit, or two or more units may be integrated into one unit; the integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional unit.

Those of ordinary skill in the art will understand that: all or part of the steps for realizing the method embodiments can be completed by hardware related to program instructions, the program can be stored in a computer readable storage medium, and the program executes the steps comprising the method embodiments when executed; and the aforementioned storage medium includes: various media that can store program codes, such as a removable Memory device, a Read Only Memory (ROM), a magnetic disk, or an optical disk.

Alternatively, the integrated unit of the present invention may be stored in a computer-readable storage medium if it is implemented in the form of a software functional module and sold or used as a separate product. Based on such understanding, the technical solutions of the embodiments of the present invention may be embodied in the form of a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the methods described in the embodiments of the present invention. And the aforementioned storage medium includes: a removable storage device, a ROM, a magnetic or optical disk, or other various media that can store program code.

The above description is only an embodiment of the present invention, but the scope of the present invention is not limited thereto, and any person skilled in the art can easily conceive of changes or substitutions within the technical scope of the present invention, and all such changes or substitutions are included in the scope of the present invention. Therefore, the protection scope of the present invention shall be subject to the protection scope of the appended claims.

Claims

1. A method for generating web page guidance content, comprising:

loading a service code of a target webpage sent by a server;

acquiring guidance configuration data in the service code, wherein the guidance configuration data represents data of three dimensions, namely a model identification information class of the document object model of the function to be guided of the target webpage, a relative position class of guidance data and a guidance picture corresponding to the function to be guided and a storage position class of the guidance picture;

acquiring loading progress information of the document object model corresponding to the function to be guided based on the model identification information in the guiding configuration data;

2. The method for generating web page guidance content according to claim 1, wherein the acquiring guidance configuration data in the service code includes:

detecting whether a logged-on identity exists in response to a boot code in the service code,

3. The method for generating web page guidance content according to claim 2, wherein after detecting whether the logged-in identifier exists in response to the guidance code in the service code, the method further comprises:

4. The method for generating web page guidance content according to claim 2, wherein the detecting whether the logged-in identifier exists in response to the guidance code in the service code comprises:

5. The method for generating web page guidance content according to claim 2, wherein the detecting whether the logged-in identifier exists in response to the guidance code in the service code comprises:

6. The method for generating webpage guiding content according to claim 2, wherein the obtaining loading progress information of the document object model corresponding to the function to be guided based on the model identification information in the guiding configuration data includes:

and when the traversal is completed, if the model identification information of the document object model in the mapping relation is the first preset value, obtaining the loading progress information of the document object model after the loading is completed.

7. The method for generating webpage guiding content according to claim 6, wherein after constructing a mapping relation based on the guiding configuration data, traversing the mapping relation, and determining that the first document object model is loaded, the method further comprises:

when traversing is completed, if the model identification information of a second document object model is not the first preset value in the mapping relation, obtaining the loading progress information of the document object model which is not loaded completely, and monitoring an interface corresponding to the document object model to obtain the state information of the document object model; the second document object model is a model of the document object models other than the first document object model;

if the state information represents that the second document object model changes, traversing the mapping relation again until the model identification information of the document object model in the mapping relation is the first preset value, and obtaining the loading progress information of the document object model after the document object model is loaded.

8. The method for generating web page guidance content according to claim 7, wherein after the monitoring the interface corresponding to the document object model and obtaining the state information of the document object model, the method further comprises:

9. The method for generating webpage guiding content according to claim 8, wherein if the loading progress information indicates that the document object model is completely loaded, and when a primary webpage is formed based on an original code in the service code, the method further comprises:

10. The method for generating webpage guiding content according to claim 8, wherein if the loading progress information indicates that the document object model is completely loaded, and when a primary webpage is formed based on an original code in the service code, the method further comprises:

11. The method for generating web page guidance content according to any one of claims 6 to 8, wherein if the loading progress information indicates that the document object model is completely loaded, after a primary web page is formed based on an original code in the service code, and before the guidance picture is configured on the primary web page to form the target web page based on the guidance configuration data, the method further comprises:

acquiring the size information of the primary webpage window;

12. The method for generating webpage guiding content according to claim 11, wherein the configuring the guiding picture on the primary webpage to form the target webpage based on the guiding configuration data comprises:

13. The method for generating webpage guiding content according to claim 12, wherein the step of covering the primary webpage with the drawing layer based on the guiding configuration data and configuring the guiding picture on the drawing layer to form the target webpage comprises:

acquiring the guide picture corresponding to the function to be guided based on the storage position data;

14. A method for generating web page guidance content, comprising:

forming boot configuration data based on the model identification information;

and sending the service code to the client.

15. The method for generating webpage guiding content according to claim 14, wherein the forming guiding configuration data based on the model identification information comprises:

16. The method for generating web page guidance content according to claim 14, wherein after sending the service code to the client, the method further comprises:

receiving a request sent by the client, searching whether a logged-in identifier corresponding to the client exists in a database based on the search request, and feeding back search information to the client; the retrieval information characterizes whether the logged-in identification exists in the database.

17. The web page guidance content generating method of claim 14, wherein after sending the service code to the client, the method further comprises:

18. A web page guidance content generating apparatus, comprising:

19. A web page guidance content generating apparatus, comprising:

and the code sending unit is used for sending the service code to the client.

20. A web page guidance content generating device, characterized by comprising a first memory and a first processor, the first memory storing a computer program operable on the first processor, the first processor implementing the steps of the method according to any one of claims 1 to 13 when executing the program.

21. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a first processor, carries out the steps of the method of any one of claims 1 to 13.

22. A web page guidance content generating device, characterized by comprising a second memory and a second processor, the second memory storing a computer program operable on the second processor, the second processor implementing the steps of the method according to any one of claims 14 to 17 when executing the program.

23. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a second processor, carries out the steps of the method of any one of claims 14 to 17.