Page operation guide configuration method and page display method and device
Through the automated web page operation guidance configuration method, the problems of low configuration efficiency and high cost in the existing technology are solved, efficient adjustment of operation guidance information generation and display sequence, and labor costs and data downloads are reduced.
Patent Information
- Application Number
- CN202310749158.8
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2023-06-21
- Publication Date
- 2024-12-24
AI Technical Summary
The prior art is inefficient when configuring web page operation boot information, relies on developers, and the display sequence adjustment requires manual modification of the source code, resulting in high cost and low efficiency.
It provides a page operation guidance configuration method, triggers the display of the configuration page through the target position, generates operation guidance information, and supports editing and deletion functions, automatically locates target page elements, and adjusts the configuration list sequence without modifying the source code.
It improves the efficiency of operation guidance information configuration, reduces labor costs and communication errors, reduces data downloads, and improves user experience and page loading speed.
Smart Images

Figure CN119179820A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of the Internet, and more specifically, to a page operation guidance configuration method, a page display method and a device. Background Art
[0002] With the development of Internet technology, there are more and more web pages with different functions. When users enter a page, in order to make users quickly familiar with the page operation, it is necessary to generate operation guidance information for the page. Users can become familiar with the page functions of the entire web page by clicking the Next button in the operation guidance information.
[0003] Currently, the configuration of the operation guidance information of the page usually involves first determining the position of the page module to which the operation guidance needs to be added, then converting the position into a locatable code, and then implementing it by writing code based on the order and prompt instructions of each step in the operation guidance. This method is inefficient. Summary of the invention
[0004] The purpose of the embodiments of the present application is to provide a method for configuring a page operation guide, a method for displaying a page, and a device. The technical solutions provided by the embodiments of the present application are as follows:
[0005] On the one hand, an embodiment of the present application provides a method for configuring an operation guide of a page, the method comprising:
[0006] In response to a triggering operation of a configuration opening entry on a target page of the operation guidance to be configured, entering a configuration state of the operation guidance for the target page;
[0007] In response to a trigger operation on a target location on a target page, displaying an operation guidance configuration page for the target location;
[0008] In response to an input operation on the operation guidance configuration page, generating operation guidance information of a target page element corresponding to a target position;
[0009] In response to a configuration end triggering operation of the operation guidance for the target page, operation guidance information for the target page is generated based on the configured operation guidance information of at least one target page element.
[0010] In some possible implementations, the following further includes:
[0011] In response to a confirmation operation on the operation guidance information of the target page element, the operation guidance configuration page is closed, and an edit control is displayed in the first area of the target page element in the target page; wherein the edit control is used to trigger the display of the operation guidance configuration page of the target page element.
[0012] In some possible implementations, the following further includes:
[0013] A delete control is displayed in the second area of the target page element in the target page; the delete control is used to delete the operation guidance information for the target page element.
[0014] In some possible implementations, the following further includes:
[0015] A configuration list is displayed in a preset area of a target page; the configuration list includes configuration entries corresponding to the operation guidance information of at least one configured target page element; the configuration entry is used to trigger the display of the corresponding operation guidance configuration page; the arrangement order of each configuration entry in the configuration list is determined based on the configuration order of the operation guidance information of the corresponding target page element; the arrangement order is used to indicate the display order of the operation guidance information corresponding to the target page element when displaying the operation guidance information of the target page.
[0016] In some possible implementations, the following further includes:
[0017] In response to a position adjustment operation on a configuration entry in the configuration list, an arrangement order of the configuration entries in the configuration list is adjusted.
[0018] In some possible implementations, the following further includes:
[0019] The target area corresponding to the target page element in the target page displays a sequence identifier; the sequence identifier is used to indicate the display order of the operation guidance information corresponding to the target page element when displaying the operation guidance information of the target page.
[0020] In some possible implementations, before responding to the trigger operation on the target position on the target page, the method further includes:
[0021] Overlay a transparent layer on the target page;
[0022] Before generating operation guidance information of a target page element corresponding to a target position in response to an input operation on the operation guidance configuration page, the method further includes:
[0023] Determine the coordinate information of the target position in the transparent layer based on the trigger operation of the target position;
[0024] Remove transparent layers and determine the target page elements in the target page based on the coordinate information.
[0025] In some possible implementations, the input operation on the operation guidance configuration page includes a selection operation on multiple candidate positioning modes;
[0026] Determine the target page elements in the target page based on the coordinate information, including:
[0027] Determining a target positioning method from candidate positioning methods based on a selection operation;
[0028] Through the target positioning method, the target page elements are determined in the target page based on the coordinate information.
[0029] On the other hand, an embodiment of the present application provides a page display method, the method comprising:
[0030] In response to an access request for a target page, obtaining a historical access record of the target page;
[0031] If it is determined based on the historical access record of the target page that the operation guidance information of the target page needs to be displayed, the operation guidance information of the target page is obtained; wherein the operation guidance information of the target page is configured based on the operation guidance configuration method of the above page;
[0032] Displays the operation guidance information of the target page.
[0033] On the other hand, an embodiment of the present application provides a device for configuring an operation guide of a page, the device comprising:
[0034] A configuration module, for responding to a triggering operation of a configuration opening entry on a target page of the operation guidance to be configured, and entering a configuration state of the operation guidance for the target page;
[0035] A first display module, configured to display an operation guide configuration page for a target location in response to a trigger operation for a target location on a target page;
[0036] A second display module, configured to generate operation guidance information of a target page element corresponding to a target position in response to an input operation on the operation guidance configuration page;
[0037] The generating module is used to generate the operation guidance information for the target page based on the configured operation guidance information of at least one target page element in response to the configuration end triggering operation of the operation guidance for the target page.
[0038] In some possible implementations, a fourth display module is further included, which is used for:
[0039] In response to a confirmation operation on the operation guidance information of the target page element, the operation guidance configuration page is closed, and an edit control is displayed in the first area of the target page element in the target page; wherein the edit control is used to trigger the display of the operation guidance configuration page of the target page element.
[0040] In some possible implementations, a fifth display module is further included, which is used to:
[0041] A delete control is displayed in the second area of the target page element in the target page; the delete control is used to delete the operation guidance information for the target page element.
[0042] In some possible implementations, a sixth display module is further included, which is used for:
[0043] A configuration list is displayed in a preset area of a target page; the configuration list includes configuration entries corresponding to the operation guidance information of at least one configured target page element; the configuration entry is used to trigger the display of the corresponding operation guidance configuration page; the arrangement order of each configuration entry in the configuration list is determined based on the configuration order of the operation guidance information of the corresponding target page element; the arrangement order is used to indicate the display order of the operation guidance information corresponding to the target page element when displaying the operation guidance information of the target page.
[0044] In some possible implementations, an adjustment module is further included, which is used to:
[0045] In response to a position adjustment operation on a configuration entry in the configuration list, an arrangement order of the configuration entries in the configuration list is adjusted.
[0046] In some possible implementations, a seventh display module is further included, which is used for:
[0047] The target area corresponding to the target page element in the target page displays a sequence identifier; the sequence identifier is used to indicate the display order of the operation guidance information corresponding to the target page element when displaying the operation guidance information of the target page.
[0048] In some possible implementations, a covering module is further included, which is used to:
[0049] Overlay a transparent layer on the target page;
[0050] Also included is a determination module for:
[0051] Determine the coordinate information of the target position in the transparent layer based on the trigger operation of the target position;
[0052] Remove transparent layers and determine the target page elements in the target page based on the coordinate information.
[0053] In some possible implementations, the input operation on the operation guidance configuration page includes a selection operation on multiple candidate positioning modes;
[0054] When the determination module determines the target page element in the target page based on the coordinate information, it is specifically used to:
[0055] Determining a target positioning method from candidate positioning methods based on a selection operation;
[0056] Through the target positioning method, the target page elements are determined in the target page based on the coordinate information.
[0057] On the other hand, an embodiment of the present application provides a page display device, the device comprising:
[0058] A first acquisition module, configured to acquire a historical access record of a target page in response to an access request to the target page;
[0059] A second acquisition module is used to acquire the operation guidance information of the target page if it is determined based on the historical access record of the target page that the operation guidance information of the target page needs to be displayed; wherein the operation guidance information of the target page is configured based on the above-mentioned page operation guidance configuration method;
[0060] The third display module is used to display the operation guidance information of the target page.
[0061] On the other hand, an embodiment of the present application further provides an electronic device, which includes a memory and a processor, wherein a computer program is stored in the memory, and the processor executes the computer program to implement the method provided in any optional embodiment of the present application.
[0062] On the other hand, an embodiment of the present application further provides a computer-readable storage medium, in which a computer program is stored. When the computer program is executed by a processor, the method provided in any optional embodiment of the present application is implemented.
[0063] On the other hand, an embodiment of the present application further provides a computer program product, which includes a computer program, and when the computer program is executed by a processor, it implements the method provided in any optional embodiment of the present application.
[0064] The beneficial effects of the technical solution provided by the embodiment of the present application are as follows:
[0065] The above-mentioned page operation guidance configuration method can display the operation guidance configuration page for the target position in response to the trigger operation on the target position on the target page, and then generate the operation guidance information of the target page element corresponding to the target position through the input operation of the operation guidance configuration page, and can automatically locate the target page element based on the target position. By repeating the above process, the configuration operation guidance information of the target page elements that need operation instructions in the target page can be configured in turn, thereby effectively improving the configuration efficiency of the operation guidance information for the target page.
[0066] In addition, the configuration process of the operation guidance information for the target page no longer relies on developers, which can lower the threshold for configuring the operation guidance information and thus reduce labor costs. It can be directly configured by the person who proposes the configuration requirements, thus avoiding communication and misunderstanding errors between the person who proposes the configuration requirements and the developers, and reducing communication costs.
[0067] Furthermore, for each target page element, the operation guidance configuration page can be directly triggered through the editing control to edit the operation guidance information of the target page element. Compared with the prior art where the source code needs to be manually modified again when the content of the operation guidance information changes, the complete R&D and online process is followed, which can effectively improve the editing efficiency.
[0068] Furthermore, by adjusting the arrangement order of the configuration entries in the configuration list, it is possible to achieve the arrangement order of the target page elements corresponding to the adjusted configuration entries when displaying the operation guidance information of the target page. Compared with the prior art where the display order of the operation guidance information of different target page elements needs to be manually modified in the source code, the efficiency of the order adjustment can be effectively improved.
[0069] The above-mentioned page display method will obtain and display the operation guidance information only when the target page needs to display the operation guidance information. Compared with the prior art, the code of the operation guidance information will be packaged into the system source code, and the user will download the corresponding code when accessing the corresponding page module regardless of whether the operation guidance information needs to be displayed. This application can effectively reduce the amount of downloaded data and increase the speed at which users open pages. BRIEF DESCRIPTION OF THE DRAWINGS
[0070] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in describing the embodiments of the present application are briefly introduced below.
[0071] Figure 1 A schematic diagram of an application environment of an operation guidance configuration method for a page provided in an example;
[0072] Figure 2 A flowchart of a method for configuring a page operation guide provided in an embodiment of the present application;
[0073] Figure 3 This is a schematic diagram of the interface of the operation guide configuration page in an example of this application;
[0074] Figure 4 This is a schematic diagram of the interface of the target page elements in an example of this application;
[0075] Figure 5 This is a schematic diagram of the interface of the target page elements in an example of this application;
[0076] Figure 6 This is a schematic diagram of an interface for configuring a list in an example of this application;
[0077] Figure 7 A schematic diagram of a solution for covering a transparent layer on a target page in an example of this application;
[0078] Figure 8 This is a schematic diagram of the interface of the operation guide configuration page in an example of this application;
[0079] Fig. 9 A schematic diagram of a scheme for configuring the operation guide of a page in an example of this application;
[0080] Fig.10 A schematic diagram of a solution displayed on a page in an example of this application;
[0081] Fig.11 This is a schematic diagram of a page display method in an example of this application;
[0082] Fig.12 A schematic diagram of a display process of operation guidance information in a target page in an example of the present application;
[0083] Fig.13 A schematic diagram of the structure of a device for configuring an operation guide for a page provided in an embodiment of the present application;
[0084] Fig.14 A schematic diagram of the structure of a page display device provided in an embodiment of the present application;
[0085] Fig.15 A schematic diagram of the structure of an electronic device applicable to an embodiment of the present application. DETAILED DESCRIPTION
[0086] The embodiments of the present application are described below in conjunction with the drawings in the present application. It should be understood that the implementation methods described below in conjunction with the drawings are exemplary descriptions for explaining the technical solutions of the embodiments of the present application and do not constitute a limitation on the technical solutions of the embodiments of the present application.
[0087] It will be understood by those skilled in the art that, unless specifically stated, the singular forms "one", "said", and "the" used herein may also include plural forms. It should be further understood that the terms "including" and "comprising" used in the embodiments of the present application refer to that the corresponding features can be implemented as the presented features, information, data, steps, operations, elements and / or components, but do not exclude the implementation as other features, information, data, steps, operations, elements, components and / or combinations thereof supported by the technical field. It should be understood that when we say that an element is "connected" or "coupled" to another element, the one element may be directly connected or coupled to the other element, or it may refer to that the one element and the other element establish a connection relationship through an intermediate element. In addition, the "connection" or "coupling" used herein may include wireless connection or wireless coupling. The term "and / or" used herein indicates at least one of the items defined by the term, for example, "A and / or B" may be implemented as "A", or as "B", or as "A and B". When describing multiple (two or more) items, if the relationship between the multiple items is not clearly defined, the multiple items may refer to one, multiple or all of the multiple items. For example, the description of "parameter A includes A1, A2, A3" can be implemented as parameter A including A1 or A2 or A3, and can also be implemented as parameter A including at least two of the three items A1, A2, A3.
[0088] In order to better explain and understand the solution provided by the embodiments of the present application, some relevant technical terms involved in the embodiments of the present application are first introduced:
[0089] Operation guidance information: When users enter the page, in order to make them quickly familiar with the page operations, let them click the Next button to familiarize themselves with the entire operation process.
[0090] In a private cloud scenario, because the user operation page is highly professional and complex, it is necessary to provide operation guidance for novice users so that they can get started faster. For example, in the component management page in a private cloud scenario, users need to maintain component code branches, component confluence versions, start confluence processes and other functions. When adding operation guidance to these operations, R&D personnel need to manually find the location of each operation guidance on the page, convert the location into a locatable code, and then implement the sequence and prompt instructions of each step by writing code. This method is inefficient, error-prone, and difficult to maintain.
[0091] Optionally, the data processing involved in the embodiments of the present application can be implemented based on cloud technology. For example, after generating the operation guidance information of the target page, the operation guidance information is sent to the database and other steps can be implemented using cloud technology. Cloud technology refers to a hosting technology that unifies a series of resources such as hardware, software, and network in a wide area network or a local area network to realize the calculation, storage, processing, and sharing of data. Cloud technology is a general term for network technology, information technology, integration technology, management platform technology, application technology, etc. based on the cloud computing business model application, which can form a resource pool, which is used on demand and is flexible and convenient. Cloud computing technology will become an important support. Cloud computing refers to the delivery and use mode of IT infrastructure, which refers to obtaining the required resources through the network in an on-demand and easily scalable manner; generalized cloud computing refers to the delivery and use mode of services, which refers to obtaining the required services through the network in an on-demand and easily scalable manner. This service can be IT and software, Internet-related, or other services. With the development of the Internet, real-time data streams, and the diversification of connected devices, as well as the promotion of search services, social networks, mobile commerce, and open collaboration, cloud computing has developed rapidly. Different from previous parallel distributed computing, the emergence of cloud computing will drive revolutionary changes in the entire Internet model and enterprise management model in terms of concept.
[0092] The following describes several optional embodiments to illustrate the technical solution provided by the present application and the technical effects produced by the technical solution of the present application. It should be noted that the following implementations can refer to, draw on or combine with each other, and the same terms, similar features and similar implementation steps in different implementations will not be described repeatedly.
[0093] The operation guidance configuration method for the page provided in the embodiment of the present application can be executed by any computer device, and optionally, can be executed by a server, wherein the server can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services.
[0094] Figure 1A schematic diagram of an application environment for the operation guidance configuration method of a page provided in an embodiment of the present application. The application environment may include a configuration terminal 101, a server 102, and a user terminal 103. The configuration terminal 101 responds to a trigger operation for a configuration opening entry on a target page to be configured with an operation guidance, and enters a configuration state of the operation guidance for the target page; the configuration terminal 101 responds to a trigger operation for a target position on the target page, and displays an operation guidance configuration page for the target position; the configuration terminal 101 responds to an input operation for the operation guidance configuration page, and generates operation guidance information for a target page element corresponding to the target position; the configuration terminal 101 responds to a configuration end trigger operation for the operation guidance of the target page, and generates operation guidance information for the target page based on the operation guidance information of at least one configured target page element. The configuration terminal 101 sends the operation guidance information of the target page and the target URL of the target page to the server 102. When the user terminal 103 needs to use the operation guidance information to access the target page, the server 102 sends the operation guidance information of the target page to the user terminal 103.
[0095] It can be understood by technicians in this technical field that the server can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server or server cluster that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms. The terminal can be a smart phone (such as Android phones, iOS phones, etc.), a tablet computer, a laptop computer, a digital broadcast receiver, a MID (Mobile Internet Devices), a PDA (personal digital assistant), a desktop computer, a smart home appliance, a vehicle-mounted terminal (such as a vehicle-mounted navigation terminal, a vehicle-mounted computer, etc.), a smart speaker, a smart watch, etc. The terminal and the server can be directly or indirectly connected by wired or wireless communication, but are not limited to this. The embodiments of the present invention can be applied to various scenarios, including but not limited to cloud technology, artificial intelligence, smart transportation, assisted driving, etc. It can also be determined based on the actual application scenario requirements, and is not limited here.
[0096] The terminal (also referred to as a user terminal or user device) may be a smart phone, a tablet computer, a laptop computer, a desktop computer, an intelligent voice interaction device (such as an intelligent speaker), a wearable electronic device (such as a smart watch), a vehicle terminal, a smart home appliance (such as a smart TV), an AR / VR device, an aircraft, etc., but is not limited thereto. The embodiments of the present invention may be applied to various scenarios, including but not limited to cloud technology, artificial intelligence, smart transportation, assisted driving, etc.
[0097] It should be noted that in the optional embodiments of the present application, the target page and other related data involved, when the embodiments of the present application are applied to specific products or technologies, need to obtain the permission or consent of the object, and the collection, use and processing of the relevant data need to comply with the relevant laws, regulations and standards of the relevant countries and regions. In other words, if the embodiments of the present application involve data related to the object image, etc., these data need to be obtained with the authorization and consent of the object and in compliance with the relevant laws, regulations and standards of the country and region.
[0098] In some possible implementations, a method for configuring an operation guide of a page is provided, which can be executed by a configuration terminal.
[0099] Figure 2 A flow chart of a method for configuring a page operation guide provided by an embodiment of the present application is shown. Taking the execution subject as a configuration terminal as an example, the method for configuring a page operation guide provided by the present application may include the following steps:
[0100] Step S201, in response to a triggering operation of a configuration opening entry on a target page of an operation guide to be configured, entering a configuration state of an operation guide for the target page.
[0101] The configuration opening entry is used to open the configuration of the operation guidance information for the target page.
[0102] Specifically, the triggering operation for configuring the opening entrance may include different types of operations such as single click, double click or touch.
[0103] Specifically, the source code corresponding to the target page may be modified so that when the target page is opened, a configuration opening entry is displayed on the target page.
[0104] In the specific implementation process, for multiple target web pages of the same project or the same type, the source code of the multiple target web pages only needs to be modified once, so that when each target web page is opened, the configuration opening entrance can be displayed on each target page.
[0105] Step S202: in response to a trigger operation on a target location on a target page, an operation guidance configuration page for the target location is displayed.
[0106] The trigger operation for the target position may include different types of operations such as single click, double click or touch.
[0107] The operation guide configuration page is used to input corresponding operation guide information.
[0108] Specifically, the operation guidance configuration page may be displayed in a designated area of the target page, for example, the operation guidance configuration page may be displayed in the form of a pop-up box.
[0109] Step S203 : generating operation guidance information of a target page element corresponding to a target position in response to an input operation on the operation guidance configuration page.
[0110] The target page element may be a page unit in the target page, for example, may include a control, a trigger entry, text, an image, and the like.
[0111] like Figure 3 As shown, Figure 3 For an operation guidance configuration page in an example of the present application, the operation guidance information may include the guidance item name and the guidance item description of the target page element. The guidance item description may include guidance content specific to the target page element. For example, the guidance item name may include a novice guidance title, and the guidance item description may include the explanatory text of the novice guidance.
[0112] Specifically, after performing an input operation on the operation guidance configuration page, the input operation may be confirmed, or the generated operation guidance information of the target page element may be confirmed, and the operation guidance configuration page of the target page element may be closed.
[0113] Step S204 , in response to the configuration end triggering operation of the operation guidance for the target page, generating operation guidance information for the target page based on the configured operation guidance information of at least one target page element.
[0114] Specifically, the above steps S202 to S203 may be repeatedly executed to generate operation guidance information corresponding to at least one target page element, and then based on the operation guidance information corresponding to each target page element, the operation guidance information of the target page is generated.
[0115] For each target page element, the operation guidance configuration page corresponding to the target position is displayed in response to the trigger operation of the target position, and then the operation guidance information of the target page element corresponding to the target position is generated through the input operation on the operation guidance configuration page, and the operation guidance configuration page of the target page element is closed through the confirmation operation on the operation guidance information, and each target page element is configured in this way in a loop.
[0116] Among them, in the process of displaying the operation guidance information of the target page, the display order of the operation guidance information corresponding to each target page element can be the configuration order of the operation guidance information corresponding to each target page element, or after configuring the operation guidance information corresponding to each target page element, the order of the operation guidance information corresponding to each target page element can be adjusted, and the adjusted order can be used as the corresponding display order.
[0117] Among them, the configuration end trigger operation for the operation guidance of the target page can be that the operation guidance information corresponding to each target page element that needs to configure the operation guidance information has been configured, and then the configuration end trigger operation is input through the specified entry or control.
[0118] Specifically, the configuration end trigger operation may also include a re-trigger operation on the configuration start entry, that is, the configuration start entry may be equivalent to a configuration switch. The initial trigger operation enters the configuration state, and the re-trigger operation is equivalent to the configuration end trigger operation, that is, exits the configuration state.
[0119] The specific process of displaying the operation guidance information for the target page will be further elaborated below.
[0120] The above-mentioned page operation guidance configuration method can display the operation guidance configuration page for the target position in response to the trigger operation on the target position on the target page, and then generate the operation guidance information of the target page element corresponding to the target position through the input operation of the operation guidance configuration page, and can automatically locate the target page element based on the target position. By repeating the above process, the configuration operation guidance information of the target page elements that need operation instructions in the target page can be configured in turn, thereby effectively improving the configuration efficiency of the operation guidance information for the target page.
[0121] In addition, the configuration process of the operation guidance information for the target page no longer relies on developers, which can lower the threshold for configuring the operation guidance information and thus reduce labor costs. It can be directly configured by the person who proposes the configuration requirements, thus avoiding communication and misunderstanding errors between the person who proposes the configuration requirements and the developers, and reducing communication costs.
[0122] In some possible implementations, the method further includes:
[0123] In response to a confirmation operation on the operation guidance information of the target page element, the operation guidance configuration page is closed, and an edit control is displayed in a first area of the target page element in the target page.
[0124] The edit control is used to trigger the display of the operation guidance configuration page of the target page element, that is, if the edit control is triggered, the operation guidance configuration page of the target page element can be displayed, and the operation guidance information of the target page element can be edited.
[0125] Among them, the first area corresponding to the target page element can be a specific position of the target page element. For example, an editing control can be displayed around the target page element, such as in the upper left corner or upper right corner, or an editing control can be added to the target page element.
[0126] In the above embodiment, for each target page element, the operation guidance configuration page can be directly triggered through the editing control to edit the operation guidance information of the target page element. Compared with the prior art where the source code needs to be manually modified when the content of the operation guidance information changes, the complete R&D and online process is followed, which can effectively improve the editing efficiency.
[0127] like Figure 4 As shown, in one example, for the target page element 401 shown in the figure, a display editing control 402 can be added at the upper left corner of the target page element 401 .
[0128] In some possible implementations, the following further includes:
[0129] A delete control is displayed in the second area of the target page element in the target page.
[0130] The delete control is used to delete the operation guidance information for the target page element, that is, if the delete control is triggered, the operation guidance information of the target page element is deleted.
[0131] Specifically, if the delete control is triggered, page information for confirming whether to delete may also be displayed, and in response to the confirming delete operation, operation guidance information for deleting the target page element may be displayed.
[0132] Similarly, the second area corresponding to the target page element may also be a specific position of the target page element. For example, an edit control may be displayed around the target page element, such as in the upper left or upper right corner, or an edit control may be added to the target page element.
[0133] It will be appreciated that the first region and the second region do not overlap.
[0134] like Figure 5 As shown, in one example, for the target page element 501 shown in the figure, a display edit control 502 can be added to the upper left corner of the target page element 501 , and a display delete control 503 can be added to the upper right corner of the target page element 501 .
[0135] In some possible implementations, the following further includes:
[0136] A list of configurations is displayed in the preset area of the target page.
[0137] Among them, the configuration list includes configuration entries corresponding to the operation guidance information of at least one configured target page element; the configuration entry is used to trigger the display of the corresponding operation guidance configuration page; the arrangement order of each configuration entry in the configuration list is determined based on the configuration order of the operation guidance information of the corresponding target page element; the arrangement order is used to indicate the display order of the operation guidance information corresponding to the target page element when displaying the operation guidance information of the target page.
[0138] That is to say, each time the operation guidance information of a target page element is configured, a configuration entry for the operation guidance information of the target page element will be added to the configuration list in sequence according to the configuration order. The order of the configuration entries in the configuration list corresponds to the display order of the operation guidance information of each target page element when the target page is displayed.
[0139] like Figure 6 As shown, Figure 6 This is a schematic diagram of the interface of a configuration list in an example; the configuration list in the figure includes configuration entries for the operation guidance information of four configured target page elements, namely "Operation Guidance Item 1" to "Operation Guidance Item 4" as shown in the figure. Clicking any entry will display the corresponding operation guidance configuration page.
[0140] In some possible implementations, the following further includes:
[0141] In response to a position adjustment operation on a configuration entry in the configuration list, an arrangement order of the configuration entries in the configuration list is adjusted.
[0142] The position adjustment operation may be dragging, clicking an upward or downward direction control, or the like.
[0143] Specifically, if the arrangement order of the configuration entries in the configuration list is adjusted, when displaying the operation guidance information of the target page, the operation guidance information corresponding to each target page element will be displayed in sequence according to the arrangement order of the target page elements corresponding to the adjusted configuration entries.
[0144] In the above embodiment, by adjusting the arrangement order of the configuration entries in the configuration list, it is possible to achieve the arrangement order of the target page elements corresponding to the adjusted configuration entries when displaying the operation guidance information of the target page. Compared with the prior art in which the source code needs to be manually modified when adjusting the display order of the operation guidance information of different target page elements, the efficiency of the order adjustment can be effectively improved.
[0145] In some possible implementations, the following further includes:
[0146] The target area corresponding to the target page element in the target page displays the sequence identifier.
[0147] The sequence identifier is used to indicate the display order of the operation guidance information corresponding to the target page elements when displaying the operation guidance information of the target page.
[0148] Among them, the sequential identifier can be the display serial number corresponding to the target page element when displaying the operation guidance information of the target page. For example, the number "1" is displayed in the lower left corner of a target page element, indicating that when displaying the operation guidance information of the target page, the operation guidance information of the target page element is displayed first.
[0149] In some embodiments, the configuration list can be displayed directly in the target page. In other embodiments, the configuration list can be hidden by default. The user is prompted with the display order corresponding to the operation guide information of each target page element by displaying the order identifier in the target area corresponding to the target page element in the target page. The configuration list is then displayed by triggering the list display control in the target page.
[0150] The above embodiment describes the operation guidance configuration method of the page of the present application from the perspective of interface interaction. The following will further describe the underlying process of implementing the above interface interaction in conjunction with the embodiment.
[0151] In some possible implementations, before step S202 responds to the trigger operation on the target position on the target page, the following may also be included:
[0152] Overlay a transparent layer on the target page.
[0153] Specifically, if the trigger operation is performed directly on the target position in the target page, the target page element corresponding to the target position may be triggered. The target page element itself may be a triggerable control, which may trigger entry into the interface corresponding to the target page element. Therefore, covering the target page with a transparent layer can avoid triggering the target page element corresponding to the target position.
[0154] like Figure 7 As shown, after entering the configuration state, a transparent layer 702 will be covered on the target page 701. In order to illustrate the relationship between the transparent layer and the target page, the transparent layer 702 is shifted to the lower left. In fact, this displacement does not exist, that is, the transparent layer 702 and the target page 701 are completely overlapped.
[0155] Before step S203 generates operation guidance information of a target page element corresponding to a target position in response to an input operation on the operation guidance configuration page, the method further includes:
[0156] (1) Determine the coordinate information of the target position in the transparent layer based on the trigger operation of the target position.
[0157] Specifically, when the user performs a trigger operation on the target location to which guidance is to be added, such as clicking the target location, what is actually triggered is the overlaying transparent layer. At this time, the coordinate information of the target location corresponding to the trigger operation can be obtained through the transparent layer.
[0158] In the specific implementation process, when the target position where the guide needs to be added is triggered, the Click event of the overlay transparent layer will be triggered. In the event, the x coordinate can be obtained through event.clientX, and the y coordinate can be obtained through event.clientY, and these two coordinates are passed to the positioning analyzer. Among them, event.clientX and event.clientY are mouse-related events, such as the position information of the mouse when click and mousemove occur. ClientX and clientY are the pixel offset values of the mouse relative to the left and top of the browser content window.
[0159] (2) Remove the transparent layer and determine the target page element in the target page based on the coordinate information.
[0160] Specifically, after obtaining the coordinates (x, y) of the target position clicked by the user, the positioning analyzer notifies the page to temporarily remove the overlay layer, because the API (application programming interface) that obtains elements through coordinates will only obtain the top-level elements. If an overlay exists, the element that the user actually wants to click cannot be obtained. Therefore, after obtaining the coordinate information of the target position, the transparent layer is removed, and then the target page element that the user actually wants to click is determined based on the coordinate information.
[0161] For example, the location analyzer can obtain the target page element that the user actually wants to click through document.elementFromPoint(x,y). Among them, document.elementFromPoint(x,y) is a JS (JavaScript, a programming language) function that can obtain the target page element according to the coordinates, and can be used on a touch screen device to obtain the name of the target page element currently clicked.
[0162] In a private cloud scenario, front-end pages are generally developed using a dedicated front-end component library. Each component has a specific category name. After obtaining the element, the positioning analyzer first analyzes the type of the current element to facilitate subsequent determination of the positioning method.
[0163] In some possible implementations, the input operation on the operation guidance configuration page includes a selection operation on multiple candidate positioning modes.
[0164] The candidate positioning method is used to locate the target page element in the target page according to the coordinate information.
[0165] Specifically, the operation guidance configuration page may provide multiple candidate positioning methods, such as positioning through the ID (identification) of the target page element, positioning through a text selector, and the like.
[0166] Determining a target page element in a target page based on the coordinate information may include:
[0167] (1) determining a target positioning mode from candidate positioning modes based on a selection operation;
[0168] (2) Through target positioning, target page elements are determined in the target page based on coordinate information.
[0169] The selection operation may be a click, a double click, or the like on a target positioning method from among a plurality of candidate positioning methods, or may be a click on a drop-down list, a sliding selection, or the like.
[0170] In the above embodiment, the user selects the target positioning method from multiple candidate positioning methods. In other embodiments, the positioning analyzer can also determine the target positioning method by itself. When the positioning analyzer determines the target positioning method from multiple candidate positioning methods, the priority of the multiple candidate positioning methods is ID (identification) positioning method > text selector positioning > path selector.
[0171] The following will introduce different candidate positioning methods in detail.
[0172] As shown in Table 1 below, Table 1 includes multiple candidate positioning methods provided by the positioning analyzer.
[0173] Table 1: Multiple candidate positioning methods provided by the positioning analyzer
[0174]
[0175]
[0176] like Figure 8 As shown, Figure 8 This is an operation guidance configuration page in an example of the present application. The operation guidance information may include the guidance item name and guidance item description of the target page element. The guidance item description may include guidance content specific to the target page element, and also include the target positioning method selected by the user. The user can select the target positioning method from multiple candidate positioning methods. The positioning analyzer determines the target page element corresponding to the coordinate information from the target page based on the target positioning method and the coordinate information.
[0177] In some possible implementations, the method further includes:
[0178] The operation guidance information of the target page and the target URL of the target page are sent to the server.
[0179] Specifically, the server may record the operation guidance information corresponding to a plurality of target web pages respectively, and when a target web page needs to use the corresponding operation guidance information, it may be obtained from the server.
[0180] Specifically, the server can set up a guide item management center. For each target web page, the operation guidance information of multiple target web page elements entered by the user will be recorded in the guide item management center in the configuration order. When the user configuration is completed, all the data of the guide item management center will be stored in the database. In order to distinguish the guide items of different pages, the access address of the current page needs to be stored in the database for distinction. The data table structure is as follows:
[0181] Table 2: Data table structure of the boot item management center
[0182] Field Name type Remark Id int Auto-increment primary key Name Varchar(200) Boot entry name Description Varchar(500) Boot item description location_type (location method) Varchar(20) Guide item positioning method type location_value Varchar(200) Positioning value page_url (page address) Varchar(500) Corresponding page address serial_number number Sequence number for easy sorting
[0183] The following will further illustrate the page operation guidance configuration method of the present application with reference to examples.
[0184] like Fig. 9 As shown, in one example, the page operation guidance configuration method of the present application may include:
[0185] The terminal receives a trigger operation of a configuration start entry on the target page for the configuration operation guidance; that is, the user turns on the configuration switch as shown in the figure;
[0186] The target page enters the configuration state of the operation guidance for the target page, and displays that the configuration can be started; that is, the prompt shown in the figure allows the user to start the configuration and adjust the page to the configuration mode;
[0187] Overlay a transparent layer on the target page;
[0188] Receiving a trigger operation of a user on a target location on a target page, that is, the user clicks on the guidance location to be configured as shown in the figure;
[0189] The trigger operation based on the target position determines the coordinate information of the target position in the transparent layer; removes the transparent layer; that is, the click coordinates are recorded as shown in the figure and passed to the positioning analyzer, and the page is notified to hide the overlay layer;
[0190] The positioning analyzer determines the target positioning method, and through the target positioning method, determines the target page element in the target page based on the coordinate information; that is, as shown in the figure, analyzes the user click element, obtains the available positioning method, and returns the analysis result to the configuration page;
[0191] Overlay a transparent layer on the target page; that is, the notification page shown in the figure displays an overlay;
[0192] Display the operation guidance configuration page for the target location, that is, the pop-up guidance item configuration dialog box shown in the figure;
[0193] In response to an input operation on the operation guidance configuration page, operation guidance information of a target page element corresponding to a target position is generated; that is, input guidance item information as shown in the figure, and the guidance item is recorded in a guidance item management center;
[0194] All guidance items are recorded in the database as needed, and the user is prompted that the configuration is complete.
[0195] It should be noted that in the process of configuring each target page element, before clicking the target position of the target page, a transparent layer will be covered on the target page to prevent the triggering operation from triggering the target page element; after the target position is triggered, the transparent layer will be closed to achieve the positioning of the target page element.
[0196] The above-mentioned page operation guidance configuration method can display the operation guidance configuration page for the target position in response to the trigger operation on the target position on the target page, and then generate the operation guidance information of the target page element corresponding to the target position through the input operation of the operation guidance configuration page, and can automatically locate the target page element based on the target position. By repeating the above process, the configuration operation guidance information of the target page elements that need operation instructions in the target page can be configured in turn, thereby effectively improving the configuration efficiency of the operation guidance information for the target page.
[0197] In addition, the configuration process of the operation guidance information for the target page no longer relies on developers, which can lower the threshold for configuring the operation guidance information and thus reduce labor costs. It can be directly configured by the person who proposes the configuration requirements, thus avoiding communication and misunderstanding errors between the person who proposes the configuration requirements and the developers, and reducing communication costs.
[0198] Furthermore, for each target page element, the operation guidance configuration page can be directly triggered through the editing control to edit the operation guidance information of the target page element. Compared with the prior art where the source code needs to be manually modified again when the content of the operation guidance information changes, the complete R&D and online process is followed, which can effectively improve the editing efficiency.
[0199] Furthermore, by adjusting the arrangement order of the configuration entries in the configuration list, it is possible to achieve the arrangement order of the target page elements corresponding to the adjusted configuration entries when displaying the operation guidance information of the target page. Compared with the prior art where the display order of the operation guidance information of different target page elements needs to be manually modified in the source code, the efficiency of the order adjustment can be effectively improved.
[0200] like Fig.10 As shown, in some possible implementations, a page display method is provided, the method comprising:
[0201] Step S1001 , in response to an access request for a target page, obtaining a historical access record of the target page.
[0202] Step S1002: if it is determined based on the historical access record of the target page that the operation guidance information of the target page needs to be displayed, the operation guidance information of the target page is obtained.
[0203] Step S1003: display operation guidance information of the target page.
[0204] The operation guidance information of the target page is configured based on the above-mentioned page operation guidance configuration method.
[0205] The historical access record of the target page may include the time when the user accesses the target page, the page version when the user accesses the target page, and the like.
[0206] Specifically, based on the historical access records of the target page, it can be determined whether the user is visiting the target page for the first time, or whether it is the first time to visit the target page after the version of the target page is updated, or whether it is the first time to visit the target page after the operation guidance information of the target page is updated, thereby determining whether the operation guidance information of the target page needs to be displayed.
[0207] Specifically, if the user visits the target page for the first time, or visits the target page for the first time after the version of the target page is updated, or visits the target page for the first time after the operation guidance information of the target page is updated, it is determined that the operation guidance information of the target page needs to be displayed.
[0208] The above-mentioned page display method will obtain and display the operation guidance information only when the target page needs to display the operation guidance information. Compared with the prior art, the code of the operation guidance information will be packaged into the system source code, and the user will download the corresponding code when accessing the corresponding page module regardless of whether the operation guidance information needs to be displayed. This application can effectively reduce the amount of downloaded data and increase the speed at which users open pages.
[0209] The above process will be explained below with examples.
[0210] like Fig.11 As shown, in one example, the page display method of the present application may include the following steps:
[0211] In response to the access request for the target page, the historical access record of the target page is obtained; that is, when the user accesses the current page, the cache is first obtained from the browser localStorage (local cache) through the page URL (Uniform Resource Locator) to determine whether to display the operation guidance information;
[0212] If it is determined based on the historical access records of the target page that the operation guidance information of the target page needs to be displayed, the operation guidance information of the target page is obtained; that is, if the operation guidance information needs to be displayed, the guidance item management center accesses the back-end interface to query the database through the page URL and returns the operation guidance information, that is, the operation guidance list is obtained through the page URL as shown in the figure;
[0213] If the operation guidance information is obtained, the operation guidance information is displayed; that is, if there is an operation guide as shown in the figure, the notification page is displayed;
[0214] If the operation guidance information is not obtained, the target page is marked in the browser cache as having no operation guidance information.
[0215] The following will further illustrate the display process of the operation guidance information in the target page with examples.
[0216] like Fig.12 As shown, in one example, the display process of the operation guidance information of the present application in the target page may include the following steps:
[0217] When a user visits a target page, if it is determined based on the historical access records of the target page that the operation guidance information of the target page needs to be displayed, the operation guidance information of the target page is obtained; that is, as shown in the figure, if there is an operation guidance, the guidance item management center notification page is displayed;
[0218] The target page displays the operation guidance information of the target page element to be displayed; that is, as shown in the figure, the currently displayed item is obtained, the item to be displayed is returned, and the guidance item is displayed;
[0219] The user views and clicks the next step in the operation guidance information, and is prompted whether to display the guidance next time. If so, the operation guidance information of the target page element to be displayed is repeatedly obtained; that is, the steps of obtaining the currently displayed item, returning the item to be displayed, and displaying the guidance item are performed as shown in the figure until the operation guidance information of each target page element of the target page is displayed;
[0220] If the user chooses not to display, the browser will record the operation guidance information of not displaying the target page next time.
[0221] like Fig.13 As shown, in some possible implementations, a device for configuring an operation guide of a page is provided, including:
[0222] Configuration module 1301, for responding to a triggering operation of a configuration opening entry on a target page of an operation guide to be configured, and entering a configuration state of an operation guide for the target page;
[0223] A first display module 1302 is used to display an operation guidance configuration page for a target location in response to a trigger operation for a target location on a target page;
[0224] The second display module 1303 is used to generate operation guidance information of a target page element corresponding to a target position in response to an input operation on the operation guidance configuration page;
[0225] The generating module 1304 is used to generate the operation guidance information for the target page based on the configured operation guidance information of at least one target page element in response to the configuration end triggering operation of the operation guidance for the target page.
[0226] In some possible implementations, a fourth display module is further included, which is used for:
[0227] In response to a confirmation operation on the operation guidance information of the target page element, the operation guidance configuration page is closed, and an edit control is displayed in the first area of the target page element in the target page; wherein the edit control is used to trigger the display of the operation guidance configuration page of the target page element.
[0228] In some possible implementations, a fifth display module is further included, which is used to:
[0229] A delete control is displayed in the second area of the target page element in the target page; the delete control is used to delete the operation guidance information for the target page element.
[0230] In some possible implementations, a sixth display module is further included, which is used for:
[0231] A configuration list is displayed in a preset area of a target page; the configuration list includes configuration entries corresponding to the operation guidance information of at least one configured target page element; the configuration entry is used to trigger the display of the corresponding operation guidance configuration page; the arrangement order of each configuration entry in the configuration list is determined based on the configuration order of the operation guidance information of the corresponding target page element; the arrangement order is used to indicate the display order of the operation guidance information corresponding to the target page element when displaying the operation guidance information of the target page.
[0232] In some possible implementations, an adjustment module is further included, which is used to:
[0233] In response to a position adjustment operation on a configuration entry in the configuration list, an arrangement order of the configuration entries in the configuration list is adjusted.
[0234] In some possible implementations, a seventh display module is further included, which is used for:
[0235] The target area corresponding to the target page element in the target page displays a sequence identifier; the sequence identifier is used to indicate the display order of the operation guidance information corresponding to the target page element when displaying the operation guidance information of the target page.
[0236] In some possible implementations, a covering module is further included, which is used to:
[0237] Overlay a transparent layer on the target page;
[0238] Also included is a determination module for:
[0239] Determine the coordinate information of the target position in the transparent layer based on the trigger operation of the target position;
[0240] Remove transparent layers and determine the target page elements in the target page based on the coordinate information.
[0241] In some possible implementations, the input operation on the operation guidance configuration page includes a selection operation on multiple candidate positioning modes;
[0242] When the determination module determines the target page element in the target page based on the coordinate information, it is specifically used to:
[0243] Determining a target positioning method from candidate positioning methods based on a selection operation;
[0244] Through the target positioning method, the target page elements are determined in the target page based on the coordinate information.
[0245] The operation guidance configuration device of the above-mentioned page can display the operation guidance configuration page for the target position in response to the trigger operation on the target position on the target page, and then generate the operation guidance information of the target page element corresponding to the target position through the input operation of the operation guidance configuration page, and can automatically locate the target page element based on the target position, and repeat the above process to sequentially configure the configuration operation guidance information of the target page elements that need operation instructions in the target page, thereby effectively improving the configuration efficiency of the operation guidance information for the target page.
[0246] In addition, the configuration process of the operation guidance information for the target page no longer relies on developers, which can lower the threshold for configuring the operation guidance information and thus reduce labor costs. It can be directly configured by the person who proposes the configuration requirements, thus avoiding communication and misunderstanding errors between the person who proposes the configuration requirements and the developers, and reducing communication costs.
[0247] Furthermore, for each target page element, the operation guidance configuration page can be directly triggered through the editing control to edit the operation guidance information of the target page element. Compared with the prior art where the source code needs to be manually modified again when the content of the operation guidance information changes, the complete R&D and online process is followed, which can effectively improve the editing efficiency.
[0248] Furthermore, by adjusting the arrangement order of the configuration entries in the configuration list, it is possible to achieve the arrangement order of the target page elements corresponding to the adjusted configuration entries when displaying the operation guidance information of the target page. Compared with the prior art where the display order of the operation guidance information of different target page elements needs to be manually modified in the source code, the efficiency of the order adjustment can be effectively improved.
[0249] like Fig.14 As shown, in some possible implementations, an embodiment of the present application provides a page display device, the device comprising:
[0250] The first acquisition module 1401 is used to obtain the historical access record of the target page in response to the access request for the target page;
[0251] The second acquisition module 1402 is used to acquire the operation guidance information of the target page if it is determined based on the historical access record of the target page that the operation guidance information of the target page needs to be displayed; wherein the operation guidance information of the target page is configured based on the above-mentioned page operation guidance configuration method;
[0252] The third display module 1403 is used to display the operation guidance information of the target page.
[0253] The above-mentioned page display device will obtain and display the operation guidance information only when the target page needs to display the operation guidance information. Compared with the prior art, the code of the operation guidance information will be packaged into the system source code, and the user will download the corresponding code when accessing the corresponding page module regardless of whether the operation guidance information needs to be displayed. This application can effectively reduce the amount of downloaded data and increase the speed at which users open pages.
[0254] The device of the embodiments of the present application can execute the method provided by the embodiments of the present application, and the implementation principles are similar. The actions performed by each module in the device of each embodiment of the present application correspond to the steps in the method of each embodiment of the present application. For the detailed functional description of each module of the device, please refer to the description in the corresponding method shown in the previous text, which will not be repeated here.
[0255] An embodiment of the present application provides an electronic device, including a memory, a processor, and a computer program stored in the memory. When the processor executes the computer program stored in the memory, the method in any optional embodiment of the present application can be implemented.
[0256] Fig.15 FIG. 1 is a schematic diagram showing a structure of an electronic device to which an embodiment of the present invention is applicable. Fig.15 As shown, the electronic device may be a server or a user terminal, and the electronic device may be used to implement the method provided in any embodiment of the present invention.
[0257] like Fig.15 As shown in FIG. 1 , the electronic device 1500 may mainly include at least one processor 1501 ( Fig.15 1502, a communication module 1503 and an input / output interface 1504, etc. Optionally, the components can be connected and communicated through a bus 1505. It should be noted that Fig.15 The structure of the electronic device 1500 shown in the figure is merely illustrative and does not constitute a limitation on the electronic device to which the method provided in the embodiment of the present application is applicable.
[0258] The memory 1502 may be used to store operating systems and application programs, etc. The application program may include a computer program that implements the method shown in the embodiment of the present invention when called by the processor 1501, and may also include a program for implementing other functions or services. The memory 1502 may be a ROM (Read Only Memory) or other types of static storage devices that can store static information and instructions, a RAM (Random Access Memory) or other types of dynamic storage devices that can store information and computer programs, or an EEPROM (Electrically Erasable Programmable Read Only Memory), a CD-ROM (Compact Disc Read Only Memory) or other optical disk storage, optical disk storage (including compressed optical disk, laser disk, optical disk, digital versatile disk, Blu-ray disk, etc.), a magnetic disk storage medium or other magnetic storage device, or any other medium that can be used to carry or store the desired program code in the form of instructions or data structures and can be accessed by a computer, but is not limited thereto.
[0259] The processor 1501 is connected to the memory 1502 via the bus 1505, and implements the corresponding functions by calling the application program stored in the memory 1502. Among them, the processor 1501 can be a CPU (Central Processing Unit), a general processor, a DSP (Digital Signal Processor), an ASIC (Application Specific Integrated Circuit), an FPGA (Field Programmable Gate Array) or other programmable logic devices, transistor logic devices, hardware components or any combination thereof, which can implement or execute various exemplary logic blocks, modules and circuits described in conjunction with the disclosure of the present invention. The processor 1501 can also be a combination that implements computing functions, such as a combination of one or more microprocessors, a combination of a DSP and a microprocessor, etc.
[0260] The electronic device 1500 can be connected to the network through the communication module 1503 (which may include but is not limited to components such as a network interface) to communicate with other devices (such as a user terminal or a server, etc.) through the network to achieve data interaction, such as sending data to other devices or receiving data from other devices. Among them, the communication module 1503 may include a wired network interface and / or a wireless network interface, etc., that is, the communication module may include at least one of a wired communication module or a wireless communication module.
[0261] The electronic device 1500 can be connected to the required input / output devices, such as a keyboard, a display device, etc., through the input / output interface 1504. The electronic device 150 itself can have a display device, and can also be connected to other display devices through the interface 1504. Optionally, a storage device, such as a hard disk, can also be connected through the interface 1504, so that data in the electronic device 1500 can be stored in the storage device, or data in the storage device can be read, and data in the storage device can also be stored in the memory 1502. It can be understood that the input / output interface 1504 can be a wired interface or a wireless interface. Depending on the actual application scenario, the device connected to the input / output interface 1504 can be a component of the electronic device 1500, or it can be an external device connected to the electronic device 1500 when needed.
[0262] The bus 1505 for connecting the components may include a path to transmit information between the above components. The bus 1505 may be a PCI (Peripheral Component Interconnect) bus or an EISA (Extended Industry Standard Architecture) bus, etc. According to different functions, the bus 1505 may be divided into an address bus, a data bus, a control bus, etc.
[0263] Optionally, for the solution provided by the embodiment of the present invention, the memory 1502 can be used to store a computer program for executing the solution of the present invention, and run by the processor 1501. When the processor 1501 runs the computer program, the action of the method or device provided by the embodiment of the present invention is implemented.
[0264] Based on the same principle as the method provided in the embodiment of the present application, the embodiment of the present application provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the corresponding content of the aforementioned method embodiment can be implemented.
[0265] An embodiment of the present application also provides a computer program product, which includes a computer program. When the computer program is executed by a processor, the corresponding content of the aforementioned method embodiment can be implemented.
[0266] It should be noted that the terms "first", "second", "third", "fourth", "1", "2", etc. (if any) in the specification and claims of this application and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the numbers used in this way can be interchangeable where appropriate, so that the embodiments of the application described herein can be implemented in an order other than that shown or described in the drawings.
[0267] It should be understood that, although each operation step is indicated by arrows in the flowchart of the embodiment of the present application, the implementation order of these steps is not limited to the order indicated by the arrows. Unless clearly stated herein, in some implementation scenarios of the embodiment of the present application, the implementation steps in each flowchart can be performed in other orders according to demand. In addition, some or all of the steps in each flowchart may include multiple sub-steps or multiple stages based on actual implementation scenarios. Some or all of these sub-steps or stages may be executed at the same time, and each sub-step or stage in these sub-steps or stages may also be executed at different times respectively. In different scenarios of execution time, the execution order of these sub-steps or stages may be flexibly configured according to demand, and the embodiment of the present application does not limit this.
[0268] The above is only an optional implementation method for some implementation scenarios of the present application. It should be pointed out that for ordinary technicians in this technical field, without departing from the technical concept of the solution of the present application, other similar implementation methods based on the technical ideas of the present application are also within the protection scope of the embodiments of the present application.
Claims
1. A method for configuring an operation guide of a page, characterized in that: The method comprises: In response to a triggering operation of a configuration opening entry on a target page of the operation guide to be configured, entering a configuration state of the operation guide for the target page; In response to a trigger operation on a target position on the target page, displaying an operation guidance configuration page for the target position; In response to an input operation on the operation guidance configuration page, generating operation guidance information of a target page element corresponding to the target position; In response to a configuration end triggering operation of the operation guidance for the target page, operation guidance information for the target page is generated based on the configured operation guidance information of at least one target page element.
2. The method according to claim 1, characterized in that Also includes: In response to a confirmation operation on the operation guidance information of the target page element, the operation guidance configuration page is closed, and an editing control is displayed in the first area of the target page element in the target page; wherein the editing control is used to trigger the display of the operation guidance configuration page of the target page element.
3. The method according to claim 2, characterized in that Also includes: A delete control is displayed in the second area of the target page element in the target page; the delete control is used to delete the operation guidance information for the target page element.
4. The method according to claim 1, characterized in that Also includes: A configuration list is displayed in a preset area of the target page; the configuration list includes configuration entries corresponding to the operation guidance information of at least one configured target page element; the configuration entry is used to trigger the display of the corresponding operation guidance configuration page; the arrangement order of each configuration entry in the configuration list is determined based on the configuration order of the operation guidance information of the corresponding target page element; the arrangement order is used to indicate the display order of the operation guidance information corresponding to the target page element when displaying the operation guidance information of the target page.
5. The method according to claim 4, characterized in that Also includes: In response to a position adjustment operation on a configuration entry in the configuration list, an arrangement order of the configuration entries in the configuration list is adjusted.
6. The method according to claim 2, characterized in that Also includes: In the target page, the target area corresponding to the target page element displays a sequence identifier; The sequence identifier is used to indicate the display sequence of the operation guidance information corresponding to the target page elements when displaying the operation guidance information of the target page.
7. The method according to claim 1, characterized in that Before responding to the trigger operation on the target position on the target page, the method further includes: Overlaying a transparent layer on the target page; Before generating the operation guidance information of the target page element corresponding to the target position in response to the input operation on the operation guidance configuration page, the method further includes: Determining coordinate information of the target position in the transparent layer based on the triggering operation of the target position; The transparent layer is removed, and the target page element is determined in the target page based on the coordinate information.
8. The method according to claim 1, characterized in that The input operation for the operation guidance configuration page includes a selection operation for multiple candidate positioning modes; The determining the target page element in the target page based on the coordinate information includes: Determine a target positioning mode from the candidate positioning modes based on the selection operation; By means of the target positioning method, the target page element is determined in the target page based on the coordinate information.
9. A page display method, characterized in that: The method comprises: In response to an access request for a target page, obtaining a historical access record of the target page; If it is determined based on the historical access record of the target page that the operation guidance information of the target page needs to be displayed, the operation guidance information of the target page is obtained; wherein the operation guidance information of the target page is configured based on the operation guidance configuration method for a page according to any one of claims 1 to 8; Display the operation guidance information of the target page.
10. A device for configuring operation guidance of a page, characterized in that: The device comprises: A configuration module, configured to enter a configuration state of the operation guide for the target page in response to a trigger operation of a configuration opening entry on the target page for the operation guide to be configured; A first display module, configured to display an operation guide configuration page for a target position on the target page in response to a trigger operation for the target position on the target page; A second display module, configured to generate operation guidance information of a target page element corresponding to the target position in response to an input operation on the operation guidance configuration page; The generating module is used for generating the operation guidance information for the target page based on the operation guidance information of at least one configured target page element in response to the configuration end triggering operation of the operation guidance for the target page.
11. A page display device, characterized in that: The device comprises: A first acquisition module, configured to acquire a historical access record of a target page in response to an access request to the target page; A second acquisition module, configured to acquire the operation guidance information of the target page if it is determined based on the historical access record of the target page that the operation guidance information of the target page needs to be displayed; wherein the operation guidance information of the target page is configured based on the operation guidance configuration method for a page according to any one of claims 1 to 8; The third display module is used to display the operation guidance information of the target page.
12. An electronic device comprising a memory, a processor and a computer program stored in the memory, characterized in that: The processor executes the computer program to implement the steps of the method according to any one of claims 1 to 9.
13. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 9 are implemented.
14. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 9 are implemented.
