Page guide generation method, device, equipment and storage medium

Abstract

The present disclosure relates to a method, device, equipment and storage medium for generating page guidance. The method includes: obtaining a page for configuring a guidance function and displaying it in the first area of ​​an operable interface; when it is detected that an element of the page is selected, determining that the selected element is an element that needs to add a guidance step; obtaining attribute information of a guidance component corresponding to the selected element from an input control displayed in the second area of ​​the operable interface, the guidance component is used to display the guidance steps of the selected element, and the attribute information contains content for rendering the guidance component; based on the attribute information, generating a configuration file, the configuration file is used to generate the guidance function of the page when accessing the page. In this way, the page guidance function can be quickly implemented.

Description

Technical Field

[0001] The present disclosure relates to the computer field, and in particular to a page guide generation method, device, equipment and storage medium. Background Art

[0002] At present, when an application releases a new version, launches a new function, or updates an existing function, it needs a certain amount of new user guidance, that is, the guidance function of the page. The guidance function is to guide users to understand and use the current application more quickly, and provide timely help before users encounter obstacles.

[0003] In the related art, in order to realize the guidance function, the product manager (PM, Project Management) puts forward the requirements for the guidance function, and after the requirements are reviewed, the front-end developers start to develop and test. Every time the requirements are changed or the layout elements are changed, it is necessary to rely on the front-end developers to redevelop, which increases the input of the front-end developers and reduces the development efficiency.

[0004] To improve efficiency, the related technology can introduce an open source boot software development kit (SDK, Software Development Kit). The boot SDK refers to the use of a third-party component to implement the boot function in the application development project, and the exposed API method is modified to meet the requirements. After receiving the requirements, the front-end developers make secondary modifications based on the boot SDK. Although this can save some development time, when the requirements change, the front-end developers still need to make secondary modifications based on the boot SDK to meet the current requirements, resulting in low development efficiency of the boot function. Summary of the invention

[0005] The present disclosure provides a page guide generation method, device, equipment and storage medium to at least solve the problem of low efficiency in developing page guide functions in related technologies. The technical solution of the present disclosure is as follows:

[0006] According to a first aspect of an embodiment of the present disclosure, a page guide generation method is provided, comprising:

[0007] Obtain a page for configuring the guidance function and display it in the first area of ​​the operable interface;

[0008] When it is detected that an element of the page is selected, determining that the selected element is an element to which a guidance step needs to be added;

[0009] Acquire, from the input control displayed in the second area of ​​the operable interface, attribute information of a guidance component corresponding to the selected element, the guidance component being used to display guidance steps of the selected element, the attribute information including content for rendering the guidance component;

[0010] Based on the attribute information, a configuration file is generated, where the configuration file is used to generate a guide function for the page when the page is accessed.

[0011] In a possible implementation, before the step of obtaining a page for configuring a guidance function and displaying it in the first area of ​​the operable interface, the method further includes:

[0012] Obtaining keywords for searching pages input on the operable interface;

[0013] Based on the keyword, searching for information of a page matching the keyword from information of registered pages, wherein the information of the page at least includes the name and address of the page;

[0014] Displaying the name of the page on the operable interface;

[0015] In response to a selection operation on the name of the page, acquiring the address of the page from the information of the page;

[0016] The step of obtaining a page for the boot function to be configured includes:

[0017] The page of the boot function to be configured is obtained based on the address of the page.

[0018] In a possible implementation manner, the information on the page further includes status information indicating whether the configuration file is online;

[0019] The method further comprises:

[0020] The status information is displayed on the operable interface.

[0021] In a possible implementation, before the step of determining, when detecting that an element of the page is selected, that the selected element is an element to which a guidance step needs to be added, the method further includes:

[0022] Acquire a triggering mode of a guidance function input on the input control, wherein the triggering mode of the guidance function is triggered when the page is accessed for the first time or when the selected element is clicked for the first time;

[0023] The step of determining, when detecting that an element of the page is selected, that the selected element is an element to which a guidance step needs to be added comprises:

[0024] In the triggering mode of the input guidance function, when it is detected that an element of the page is selected, it is determined that the selected element is an element to which a guidance step needs to be added.

[0025] In a possible implementation, when it is detected that an element of the page is selected, the step of determining that the selected element is an element to which a guidance step needs to be added includes:

[0026] In response to an operation of adding a new guidance step input on the input control, when it is detected that an element of the page is selected, it is determined that the selected element is an element to which a guidance step needs to be added.

[0027] In a possible implementation, it further includes:

[0028] Obtain a pre-built circle selection component, where the circle selection component is used to cover the element of the page currently pointed to by the mouse;

[0029] Detecting the element of the page that the mouse is currently pointing to;

[0030] Displaying the circled component at the location of the element of the page currently pointed by the mouse;

[0031] When it is detected that the circle selection component is clicked, it is determined that it is detected that the element of the page covered by the circle selection component is selected.

[0032] In a possible implementation manner, the attribute information includes public information and / or step information;

[0033] The public information includes at least one of the following: whether the number of steps is displayed in the guide component, whether the guide component disappears automatically, a response method for inputting a skip operation, a response method for inputting a next operation, and a response method for inputting a completion operation;

[0034] The step information includes at least one of the following: the name of the selected element, the number of the guidance step, the guidance type, the guidance title, the guidance description, and the guidance display direction;

[0035] The guide type is used to characterize the type of content to which the selected element is linked.

[0036] In a possible implementation, it further includes:

[0037] In response to a preview operation input on the input control, the attribute information is previewed.

[0038] In a possible implementation, it further includes:

[0039] In response to an online operation input on the operable interface, the configuration file is brought online.

[0040] According to a second aspect of an embodiment of the present disclosure, a page guide generating device is provided, including:

[0041] A first acquisition unit is configured to acquire a page of a guidance function to be configured and display the page in a first area of ​​the operable interface;

[0042] a determining unit, configured to, when detecting that an element of the page is selected, determine that the selected element is an element to which a guiding step needs to be added;

[0043] A second acquisition unit is configured to acquire attribute information of a guidance component corresponding to the selected element from an input control displayed in a second area on the operable interface, the guidance component being used to display guidance steps of the selected element, the attribute information including content for rendering the guidance component;

[0044] The generating unit is configured to generate a configuration file based on the attribute information, wherein the configuration file is used to generate a guide function of the page when the page is accessed.

[0045] In a possible implementation, the device further includes:

[0046] The third acquisition unit is configured to acquire a keyword for searching pages input on the operable interface before the step of acquiring the page for configuring the guidance function and displaying it on the first area of ​​the operable interface; based on the keyword, search for information of a page matching the keyword from information of registered pages, wherein the information of the page at least includes a name and an address of the page; display the name of the page on the operable interface; and in response to a selection operation on the name of the page, acquire the address of the page from the information of the page;

[0047] The first acquisition unit is specifically configured to acquire the page of the boot function to be configured based on the address of the page.

[0048] In a possible implementation manner, the information on the page further includes status information indicating whether the configuration file is online;

[0049] The device also includes:

[0050] The display unit is configured to display the status information on the operable interface.

[0051] In a possible implementation, the device further includes:

[0052] a fourth acquisition unit, configured to acquire a triggering mode of a guidance function input on the input control before executing the step of determining, when detecting that an element of the page is selected, that the selected element is an element to which a guidance step needs to be added, wherein the triggering mode of the guidance function is triggered when the page is accessed for the first time or when the selected element is clicked for the first time;

[0053] The determining unit is specifically configured to execute, under the triggering mode of the inputted guiding function, when it is detected that an element of the page is selected, determine that the selected element is an element to which a guiding step needs to be added.

[0054] In a possible implementation, the determination unit is specifically configured to execute an operation of adding a new guidance step in response to input on the input control, and when it is detected that an element of the page is selected, determine that the selected element is an element to which a guidance step needs to be added.

[0055] In a possible implementation, the determination unit is specifically configured to execute acquisition of a pre-built circle selection component, where the circle selection component is used to cover the element of the page currently pointed to by the mouse; detect the element of the page currently pointed to by the mouse; display the circle selection component at the position of the element of the page currently pointed to by the mouse; and when it is detected that the circle selection component is clicked, determine that the element of the page covered by the circle selection component is selected.

[0056] In a possible implementation manner, the attribute information includes public information and / or step information;

[0057] The public information includes at least one of the following: whether the number of steps is displayed in the guide component, whether the guide component disappears automatically, a response method for inputting a skip operation, a response method for inputting a next operation, and a response method for inputting a completion operation;

[0058] The step information includes at least one of the following: the name of the selected element, the number of the guidance step, the guidance type, the guidance title, the guidance description, and the guidance display direction;

[0059] The guide type is used to characterize the type of content to which the selected element is linked.

[0060] In a possible implementation, it further includes:

[0061] The preview unit is configured to execute a preview operation in response to the input on the input control to preview the attribute information.

[0062] In a possible implementation, it further includes:

[0063] The online unit is configured to execute an online operation in response to input on the operable interface to bring the configuration file online.

[0064] According to a third aspect of an embodiment of the present disclosure, there is provided an electronic device, including:

[0065] processor;

[0066] a memory for storing instructions executable by the processor;

[0067] The processor is configured to execute the instructions to implement any page guide generation method as described in the first aspect.

[0068] According to a fourth aspect of an embodiment of the present disclosure, a storage medium is provided. When instructions in the storage medium are executed by a processor of an electronic device, the electronic device can execute any page guide generation method as described in the first aspect.

[0069] According to a fifth aspect of an embodiment of the present disclosure, a computer program product is provided, wherein the computer program product includes instructions, and when the instructions are executed by a processor of an electronic device, the electronic device is enabled to execute any page guide generation method as described in the first aspect.

[0070] The technical solution provided by the embodiments of the present disclosure brings at least the following beneficial effects:

[0071] The page for configuring the guidance function is directly displayed in the first area on the operable interface, and when it is detected that an element of the page is selected, it is determined that the selected element is an element that needs to add a guidance step, and then, the attribute information of the guidance component corresponding to the selected element is obtained from the input control displayed in the second area on the operable interface, wherein the guidance component is used to display the guidance step corresponding to the selected element, and the attribute information contains the content for rendering the guidance component. Therefore, a configuration file can be generated based on the attribute information, so that when the page is subsequently accessed, the guidance function of the page is generated based on the configuration file when the page is accessed. In this solution, a configuration file for generating a guidance function when accessing a page can be generated through simple operations on the operable interface, thereby realizing the guidance function of the page. Therefore, the investment of front-end developers is reduced, and the development efficiency of the guidance function is improved. Compared with the methods in the related art, the implementation of the guidance function is simpler and faster, saving development costs and communication costs, and accelerating the iteration cycle of the guidance function.

[0072] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0073] The drawings herein are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the description are used to explain the principles of the present disclosure, and do not constitute improper limitations on the present disclosure.

[0074] Figure 1 The figure is a flow chart of a method for generating a page guide according to an exemplary embodiment.

[0075] Figure 2 It is a schematic diagram showing an operable interface according to an exemplary embodiment.

[0076] Figure 3 It is a schematic diagram showing an operable interface according to an exemplary embodiment.

[0077] Figure 4 It is a schematic diagram showing an operable interface according to an exemplary embodiment.

[0078] Figure 5 It is a schematic diagram showing an operable interface according to an exemplary embodiment.

[0079] Figure 6 It is a schematic diagram showing an operable interface according to an exemplary embodiment.

[0080] Figure 7 It is a schematic diagram showing an operable interface according to an exemplary embodiment.

[0081] Figure 8 The figure is a block diagram of a device for generating a page guide according to an exemplary embodiment.

[0082] Fig. 9 It is a block diagram of a device according to an exemplary embodiment. DETAILED DESCRIPTION

[0083] In order to enable ordinary persons in the art to better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the accompanying drawings.

[0084] It should be noted that the terms "first", "second", etc. in the specification and claims of the present disclosure 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 data used in this way can be interchanged where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0085] Figure 1 is a flow chart of a page guide generation method according to an exemplary embodiment. Figure 1 As shown, the page guide generation method is used in electronic devices such as computers and notebooks, and includes the following steps.

[0086] In step S11, a page for configuring a guidance function is obtained and displayed in a first area of ​​the operable interface.

[0087] For example, Figure 2 The illustrated operable interface 200 for guide configuration (ie, configuration of the guide function) displays an acquired page in the large dashed frame area on the left side of the operable interface, ie, the first area 201 .

[0088] In step S12, when it is detected that an element of the page is selected, it is determined that the selected element is an element to which a guidance step needs to be added.

[0089] Here, the guidance steps added to the selected element are used to guide users to understand and use the available functions.

[0090] In actual applications, some pages may require only one guidance step to complete the guidance, while some pages may require multiple steps to complete the guidance. Based on this, in the end, there may be one or more selected elements.

[0091] In step S13, the attribute information of the guidance component corresponding to the selected element is obtained from the input control displayed in the second area of ​​the operable interface. The guidance component is used to display the guidance steps of the selected element, and the attribute information includes content for rendering the guidance component.

[0092] In actual applications, a guide component can be pre-built, and the guide component includes the common code of the guide component. The attribute information of the guide component corresponding to the selected element includes the content for rendering the guide component. When the attribute information corresponding to the selected element is input into the guide component, it can be rendered into the guide component corresponding to the selected element, and is used to display the guide steps of the selected element.

[0093] Exemplarily, the operable interface 200 may further include a second area 202, which is a management area and can configure the guidance function of the page in the first area. The second area 202 displays an input control, and can input attribute information of the guidance component corresponding to the selected element.

[0094] In step S14, a configuration file is generated based on the attribute information, and the configuration file is used to generate a guide function of the page when the page is accessed.

[0095] In this embodiment, the page to be configured with the guidance function is directly displayed in the first area on the operable interface, and when it is detected that an element of the page is selected, it is determined that the selected element is an element that needs to add a guidance step, and then, the attribute information of the guidance component corresponding to the selected element is obtained from the input control displayed in the second area on the operable interface, wherein the guidance component is used to display the guidance step corresponding to the selected element, and the attribute information contains the content for rendering the guidance component, therefore, a configuration file can be generated based on the attribute information, so that when the page is subsequently accessed, the guidance function of the page is generated based on the configuration file when the page is accessed. In this scheme, a configuration file for generating a guidance function when accessing a page can be generated through simple operations on the operable interface, thereby realizing the guidance function of the page, therefore, reducing the investment of front-end developers and improving the development efficiency of the guidance function, and compared with the methods in the related art, the implementation of the guidance function is simpler and faster, saving development costs and communication costs, and also accelerating the iteration cycle of the guidance function.

[0096] In actual applications, both PMs and front-end developers can configure through this solution to obtain the above configuration files, thereby realizing the development of the guidance function. For PMs, when the requirements change, they can modify and update the above configuration files by themselves, which saves the communication cost with developers and improves the processing effect.

[0097] In an exemplary embodiment, before the step of determining that the selected element is an element to which a guide step needs to be added when it is detected that an element of the page is selected, the above method may also include: obtaining a triggering mode of a guide function input on an input control, the triggering mode of the guide function being triggered when the page is first accessed or when the selected element is first clicked. Then, when it is detected that an element of the page is selected, the step of determining that the selected element is an element to which a guide step needs to be added may be specifically implemented by: under the triggering mode of the input guide function, when it is detected that an element of the page is selected, determining that the selected element is an element to which a guide step needs to be added.

[0098] In actual applications, the triggering method of the guidance function, that is, the timing of guidance, can be triggered immediately when the first entry (i.e. visit) of the page is detected, which is called page exposure, or when the user first clicks on the selected element, which is called element exposure. Each exposure method has a corresponding element that needs to add guidance steps.

[0099] For example, Figure 2In the operational interface shown, a component 203 for selecting page exposure and a component 204 for selecting element exposure can be provided in the second area. When the component 203 for selecting page exposure is clicked, when it is detected that an element of the page is selected, the selected element can be determined as an element to which a guide step needs to be added, so as to obtain the element to which a guide step needs to be added corresponding to the page exposure method. Similarly, when the component 204 for selecting element exposure is clicked, when it is detected that an element of the page is selected, the selected element can be determined as an element to which a guide step needs to be added, so as to obtain the element to which a guide step needs to be added corresponding to the element exposure method.

[0100] In actual applications, the above-mentioned pre-built boot component can be encapsulated in the SDK. For example, the file name of the SDK is "abc". In the business code, just add the code that calls the SDK with the file name "abc". To facilitate development, development sample code can be generated and displayed. In response to the copy operation input for the copy component on the operational interface, the development sample code is copied to the business code. The development sample code contains the code that calls the SDK. In this way, for the pages in the specific business, based on the above-mentioned configuration file, the pre-built boot component in the called SDK is rendered, thereby realizing the boot function of the page.

[0101] This solution can be used to configure the pages of various network platforms to obtain the above configuration files. In implementation, you can register and log in to an account, and under this account, generate a configuration file for the platform to be configured. After completing the registration, the above development sample code can be displayed. The development sample code can also include the name of the platform and the name of the account.

[0102] In this embodiment, a platform for developing the guidance function is provided for users to register and log in, and to obtain configuration files through an operable interface, thereby realizing the development of the guidance function. This productized approach makes configuration more convenient.

[0103] In an exemplary embodiment, before the step of obtaining the page of the guidance function to be configured and displaying it in the first area of ​​the operable interface, the method may further include: obtaining a keyword for searching pages input on the operable interface; based on the keyword, searching for information of pages matching the keyword from the information of registered pages, wherein the information of the page at least includes the name and address of the page; displaying the name of the page on the operable interface; and in response to a selection operation on the name of the page, obtaining the address of the page from the information of the page. Then, the step of obtaining the page of the guidance function to be configured may include: obtaining the page of the guidance function to be configured based on the address of the page.

[0104] Among them, the address of the page can determine the uniqueness of the page. In actual application, the page is accessed through the address of the page, and the accessed page is displayed in the first area of ​​the operable interface. The address of the page can be a uniform resource locator (URL) address, including a page path and page parameters. The name of the page can be a custom name. Compared with the address of the page, the custom name can make it easier for users to identify the page.

[0105] In actual applications, pages can be registered in advance to obtain information about registered pages. For example, Figure 3 On the operational interface shown, a page registration component 301 may be provided. When a click operation on the page registration component is detected, the page registration page may be entered, and the page address and page name may be input on the page registration page.

[0106] For example, Figure 3 The operational interface shown in the figure may provide a component 302 for inputting keywords. According to the prompt of the keyword input component "Please enter the page name for fuzzy search", the name of the page is input. Then, based on the input page name, the information of the page matching the input page name is searched from the information of the registered pages. Then, the name of the page found is displayed. Figure 3 The example shows the name of page 1, the name of page 2, and the name of page 3. After that, you can click the name of the page that needs to be configured with the guidance function to enter the configuration of the guidance function for the page. In addition, the creator information of the page can also be displayed, such as "Zhang San".

[0107] In this embodiment, by entering a keyword to search for a page, the address of the page to be configured can be quickly found, and the configuration of the boot function can be entered.

[0108] In an exemplary embodiment, the information on the page also includes status information indicating whether the configuration file is online; the method may also include: displaying the status information on an operable interface. In actual applications, the configuration file can only be used after it is released online. In order to clearly understand the status information of whether each configuration file is online, the status information of the page can be saved in the information on the page.

[0109] In an exemplary embodiment, the above method may further include: in response to an online operation input on an operable interface, putting a configuration file online. In this embodiment, a quick online operation can be performed through an operable interface. In actual applications, a list of configuration updates to be put online for a page can be obtained and displayed, wherein the list of configuration updates to be put online is a list of configuration files to be put online for the page, and based on the list, a configuration file to be put online is selected, and then a confirmation operation is input to put the configuration file online. In this way, fine-grained control can be performed on whether to update the entire configuration file. The list may include the configuration name, update status, updater, and update time of the configuration file to be put online. The configuration name is page exposure or element exposure. The update status is the above-mentioned status information on whether to go online.

[0110] For example, Figure 4 The operational interface shown includes a selection component 301 for the configuration file to be put online and an online determination component 302. Based on the selection operation on the selection component 301, the selected configuration files of page exposure and element exposure are determined. In response to the click operation on the online determination component 302, the online of the selected configuration file is completed. Among them, the configuration name, update status, updater, and update time of the configuration file of page exposure are page exposure, not online, Zhang San, and time 1. Among them, the configuration name, update status, updater, and update time of the configuration file of element exposure are element exposure, not online, Li Si, and time 2. Figure 4 The operational interface shown further includes an online cancellation component 303. During the online process, the online process can be canceled in response to a cancel operation on the online cancellation component 303. In implementation, the operation can be flexibly performed as required.

[0111] In addition, the configuration file can be offlined in response to the offline operation on the operable interface. And / or, the configuration file can be deleted in response to the delete operation on the operable interface. In this way, various configuration operations such as online, offline, and deletion can be conveniently performed on the configuration file. The PM can directly perform configuration operations under the page dimension to facilitate the rapid implementation of the guidance function.

[0112] When searching for pages, the keywords entered may also include status information. For example, Figure 3 As shown, you can select whether the status is online or offline.

[0113] In an exemplary embodiment, when it is detected that an element of a page is selected, the selected element is determined to be an element to which a guide step needs to be added. The specific implementation method may include: in response to an operation of adding a guide step input on an input control, when it is detected that an element of a page is selected, the selected element is determined to be an element to which a guide step needs to be added. In practical applications, each step can be quickly added by adding a new step in the order of each step in a set of guide steps. For example, Figure 2 As shown, the input control includes a new component 205 for inputting an operation of adding a new guidance step. In response to a click operation on the new component 205, when it is detected that an element of the page is selected, it is determined that the selected element is an element to which a guidance step needs to be added, and then the attribute information of the guidance component corresponding to the selected element can be input.

[0114] In an exemplary embodiment, the method may further include: obtaining a pre-built circle selection component, the circle selection component being used to cover the element of the page currently pointed to by the mouse; detecting the element of the page currently pointed to by the mouse; displaying the circle selection component at the position of the element of the page currently pointed to by the mouse; and when detecting that the circle selection component is clicked, determining that the element of the page covered by the circle selection component is detected to be selected. Figure 5 The circle selection component 215 is illustrated as a dotted fill in the figure. As the mouse moves to the position of the "more" element and clicks, the "more" element is selected. In this embodiment, the circle selection component can prompt the user of the element of the currently selected page. Through this visual circle selection method, the element corresponding to the guidance step can be quickly selected.

[0115] In actual applications, the circle selection component and the guide component can be packaged together in the SDK for easy calling.

[0116] In an exemplary embodiment, based on the attribute information, the step of generating a configuration file may specifically include: obtaining the position and size of the selected element, and generating a corresponding relationship between the position and size of the selected element and the attribute information. In this way, the pre-built guide component can be rendered on the page according to the position and size of the selected element based on the attribute information to obtain the guide component corresponding to the selected element.

[0117] In an exemplary embodiment, the above method may further include: rendering the guidance component on the page based on the attribute information. In this way, the effect of the guidance function can be viewed in real time. Figure 6 The display effect on the page shown displays the guide component 207 corresponding to the element "more" 211.

[0118] In an exemplary embodiment, the attribute information includes common information, and / or step information.

[0119] The common information is information shared by each guide component. Exemplarily, the common information includes at least one of the following: whether the number of steps is displayed in the guide component, whether the guide component disappears automatically, the response method for inputting a skip operation, the response method for inputting a next operation, and the response method for inputting a completion operation.

[0120] The guide component may display the corresponding guide step number. If the guide component needs to display the corresponding guide step number, whether to display the number of steps is configured as yes, otherwise, it is configured as no.

[0121] Whether the guide component disappears automatically refers to whether the display of the guide component is cancelled after the preset time is reached. If it needs to disappear automatically, whether to disappear automatically is configured as yes, otherwise it is configured as no.

[0122] For example, see Figure 6 , the guidance component 207 may include a component for inputting a skip operation, a component for inputting a next operation, and a component 208 for inputting a completion operation. The response method for each operation may be a text response method or a link response method. The text response method refers to displaying only a preset text in response to an input operation, for example, the skip text: "Skip", the next text: "Next", and the completion text: "Okay, I understand". The text response method refers to jumping to a pre-associated link in response to an input operation. For example, Figure 6 As shown, the input control includes a public information component 209 for inputting public information, and the public information component 209 includes a drop-down selection component for selecting a response method.

[0123] The step information is the information of the guidance step corresponding to the guidance component. The step information includes at least one of the following: the name of the selected element, the number of the guidance step, the guidance type, the guidance title, the guidance description, and the guidance display direction. The guidance type is used to characterize the type of content linked to the selected element. The type can be a table, a picture, etc. For example, Figure 6 In the example, the input control includes a guide step information component 210 for inputting step information, such as a form. Based on the component, the guide type of the input guide component is a picture, indicating that the content linked to the element "more" 211 is a picture type content.

[0124] The guide description is the detailed information of the guide description. The guide title is also the brief description of the guide title, which is used to summarize the detailed information of the guide description.

[0125] The guide display direction refers to the display direction of the guide component relative to the elements of the page. The guide display direction can be above, below, left, or right of the elements of the page.

[0126] For example, see Figure 6 The guidance step number corresponding to the guidance component 207 is step 2, the guidance type is picture, and the guidance display direction is bottom.

[0127] In an exemplary embodiment, in response to a save operation on the attribute information input on the input control, the attribute information is saved. Figure 6 In the operational interface shown, the input control may include a save component 212 for inputting a save operation, and in response to a click operation on the save component 212, the input property information is saved. In this way, the input information can be prevented from being lost. In addition, the input control may include a cancel component 214 for inputting a cancel operation, and in response to a cancel operation on the cancel component, the saved property information is canceled. In implementation, the operation can be flexibly performed as needed.

[0128] In an exemplary embodiment, the above method may further include: in response to a preview operation input on the input control, previewing the attribute information. Figure 2 In the operational interface shown, the input control may include a preview component 206 for inputting a preview operation, and in response to a click operation on the preview component, the acquired attribute information is previewed. Figure 7 , previewing the public information and the guided step information respectively. In this way, users can be assisted in their own product iteration as much as possible, and the configuration information can be viewed in real time through preview, so as to present the required functions of the product quickly and efficiently.

[0129] In addition, if modification is required, the attribute information of the input guide component can also be reconfigured in response to a click operation of the modification component 213 .

[0130] Through the solution of this public embodiment, when developing the guidance function, the front-end personnel investment is reduced, the demand development time is saved, and the required functions are presented quickly and efficiently through configuration. The development process in the related technology is: product proposes requirements -> demand review -> demand scheduling -> front-end development -> testing -> demand launch and regression. In the solution of the present public embodiment, the process of developing the guidance function is: product proposes requirements -> configuration guidance steps -> testing -> launch, regression. It also reduces communication costs and accelerates the function iteration cycle.

[0131] Figure 8 is a block diagram of a page guide generating device according to an exemplary embodiment. Figure 2 The device includes a first acquisition unit 801, a determination unit 802, a second acquisition unit 803 and a generation unit 804.

[0132] The first acquisition unit 801 is configured to acquire a page of a guidance function to be configured and display it in a first area of ​​the operable interface;

[0133] The determining unit 802 is configured to determine, when detecting that an element of the page is selected, that the selected element is an element to which a guiding step needs to be added;

[0134] The second acquisition unit 803 is configured to acquire attribute information of a guidance component corresponding to the selected element from the input control displayed in the second area of ​​the operable interface, where the guidance component is used to display the guidance steps of the selected element, and the attribute information includes content used to render the guidance component;

[0135] The generating unit 804 is configured to generate a configuration file based on the attribute information, where the configuration file is used to generate a page guide function when the page is accessed.

[0136] In a possible implementation manner, the above device further includes:

[0137] The third acquisition unit is configured to acquire a keyword for searching pages input on the operable interface before the step of acquiring the page for configuring the guidance function and displaying it on the first area of ​​the operable interface; based on the keyword, search for information of a page matching the keyword from information of registered pages, wherein the information of the page at least includes a name and an address of the page; display the name of the page on the operable interface; and in response to a selection operation on the name of the page, acquire the address of the page from the information of the page;

[0138] The first acquisition unit is specifically configured to acquire a page of a boot function to be configured based on an address of the page.

[0139] In a possible implementation, the information on the page also includes status information indicating whether the configuration file is online;

[0140] The above device also includes:

[0141] The display unit is configured to display the status information on the operable interface.

[0142] In a possible implementation, the device further includes:

[0143] a fourth acquisition unit, configured to execute, when detecting that an element of the page is selected, before determining that the selected element is an element to which a guidance step needs to be added, acquiring a triggering mode of a guidance function input on the input control, wherein the triggering mode of the guidance function is triggered when the page is accessed for the first time or when the selected element is clicked for the first time;

[0144] The determination unit is specifically configured to execute, under the triggering mode of the input guidance function, when it is detected that an element of the page is selected, determine that the selected element is an element that needs to add a guidance step.

[0145] In a possible implementation, the determination unit is specifically configured to execute an operation of adding a new guidance step in response to input on the input control, and when it is detected that an element of the page is selected, determine that the selected element is an element to which a guidance step needs to be added.

[0146] In a possible implementation, the determination unit is specifically configured to execute the steps of obtaining a pre-built circle selection component, where the circle selection component is used to cover the element of the page currently pointed to by the mouse; detecting the element of the page currently pointed to by the mouse; displaying the circle selection component at the position of the element of the page currently pointed to by the mouse; and when it is detected that the circle selection component is clicked, determining that the element of the page covered by the circle selection component is selected.

[0147] In a possible implementation, the attribute information includes public information and / or step information;

[0148] The public information includes at least one of the following: whether the number of steps is displayed in the guide component, whether the guide component disappears automatically, a response method for inputting a skip operation, a response method for inputting a next operation, and a response method for inputting a completion operation;

[0149] The step information includes at least one of the following: the name of the selected element, the number of the guidance step, the guidance type, the guidance title, the guidance description, and the guidance display direction;

[0150] The guide type is used to represent the type of content to which the selected element is linked.

[0151] In a possible implementation, it further includes:

[0152] The preview unit is configured to execute a preview operation in response to an input on the input control to preview the attribute information.

[0153] In a possible implementation, it further includes:

[0154] The online unit is configured to execute an online operation in response to input on the operable interface to bring the configuration file online.

[0155] Regarding the device in the above embodiment, the specific manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be elaborated here.

[0156] Fig. 9is a block diagram of a device 900 for generating a page guide according to an exemplary embodiment. For example, the device 900 may be provided as an electronic device. Fig. 9 The apparatus 900 includes a processing component 922, which further includes one or more processors, and a memory resource represented by a memory 932 for storing instructions executable by the processing component 922, such as an application. The application stored in the memory 932 may include one or more modules, each corresponding to a set of instructions. In addition, the processing component 922 is configured to execute instructions to perform the above-mentioned page guide generation method.

[0157] The device 900 may also include a power supply component 926 configured to perform power management of the device 900, a wired or wireless network interface 950 configured to connect the device 900 to a network, and an input / output (I / O) interface 998. The device 900 may operate based on an operating system stored in the memory 932, such as Windows Server™, Mac OS X™, Unix™, Linux™, FreeBSD™, or the like.

[0158] In an exemplary embodiment, a storage medium including instructions is also provided, such as a memory 932 including instructions, and the instructions can be executed by a processor of the device 900 to complete the above-mentioned page guide generation method. Optionally, the storage medium can be a non-transitory computer-readable storage medium, for example, the non-transitory computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0159] In an exemplary embodiment, a computer program product is also provided, the computer program product includes instructions, and when the instructions are executed by a processor of an electronic device, the electronic device can perform the above-mentioned page guide generation method. Optionally, the instructions can be stored in a storage medium of the device 900, and the storage medium can be a non-temporary computer-readable storage medium, for example, the non-temporary computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0160] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The specification and examples are intended to be exemplary only, and the true scope and spirit of the present disclosure are indicated by the following claims.

[0161] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A page guide generation method, characterized in that: include: Obtain a page for configuring the guidance function and display it in the first area of ​​the operable interface; When it is detected that an element of the page is selected, determining that the selected element is an element to which a guidance step needs to be added; Acquire attribute information of a guidance component corresponding to the selected element from an input control displayed in the second area of ​​the operable interface, the guidance component being used to display guidance steps of the selected element, the attribute information including content for rendering the guidance component; the guidance component is pre-constructed, and after the attribute information corresponding to the selected element is input into the guidance component, the guidance component is rendered into the guidance component corresponding to the selected element; Based on the attribute information, a configuration file is generated, wherein the configuration file is used to call the pre-built guide component for rendering when accessing the page, thereby generating a guide function for the page; The attribute information of the guidance component corresponding to the selected element is input through the input control displayed in the second area; the attribute information includes common information and / or step information; the common information is information shared by each guidance component; the step information is information of the guidance step corresponding to the guidance component; The second area is a management area, and a guidance function is configured for the page of the first area; the input control includes a public information component for inputting public information and a guidance step information component for inputting step information.

2. The page guide generation method according to claim 1, characterized in that: Before the step of obtaining a page for configuring a guidance function and displaying it in the first area of ​​the operable interface, the method further includes: Obtaining keywords for searching pages input on the operable interface; Based on the keyword, searching for information of a page matching the keyword from information of registered pages, wherein the information of the page at least includes the name and address of the page; Displaying the name of the page on the operable interface; In response to a selection operation on the name of the page, acquiring the address of the page from the information of the page; The step of obtaining a page for the boot function to be configured includes: The page of the boot function to be configured is obtained based on the address of the page.

3. The page guide generation method according to claim 2, characterized in that: The information on the page also includes status information indicating whether the configuration file is online; The method further comprises: The status information is displayed on the operable interface.

4. The page guide generation method according to claim 1, characterized in that: Before the step of determining, when detecting that an element of the page is selected, that the selected element is an element to which a guidance step needs to be added, the method further includes: Acquire a triggering mode of a guidance function input on the input control, wherein the triggering mode of the guidance function is triggered when the page is accessed for the first time or when the selected element is clicked for the first time; The step of determining, when detecting that an element of the page is selected, that the selected element is an element to which a guidance step needs to be added comprises: In the triggering mode of the input guidance function, when it is detected that an element of the page is selected, it is determined that the selected element is an element to which a guidance step needs to be added.

5. The page guide generation method according to claim 1, characterized in that: When it is detected that an element of the page is selected, the step of determining that the selected element is an element to which a guidance step needs to be added comprises: In response to an operation of adding a new guidance step input on the input control, when it is detected that an element of the page is selected, it is determined that the selected element is an element to which a guidance step needs to be added.

6. The page guide generation method according to claim 5, characterized in that: Also includes: Obtain a pre-built circle selection component, where the circle selection component is used to cover the element of the page currently pointed to by the mouse; Detecting the element of the page that the mouse is currently pointing to; Displaying the circled component at the location of the element of the page currently pointed by the mouse; When it is detected that the circle selection component is clicked, it is determined that it is detected that the element of the page covered by the circle selection component is selected.

7. The page guide generation method according to claim 1, characterized in that: The public information includes at least one of the following: whether the number of steps is displayed in the guide component, whether the guide component disappears automatically, a response method for inputting a skip operation, a response method for inputting a next operation, and a response method for inputting a completion operation; The step information includes at least one of the following: the name of the selected element, the number of the guidance step, the guidance type, the guidance title, the guidance description, and the guidance display direction; The guide type is used to characterize the type of content to which the selected element is linked.

8. The page guide generation method according to claim 1, characterized in that: Also includes: In response to a preview operation input on the input control, the attribute information is previewed.

9. The page guide generation method according to any one of claims 1 to 8, characterized in that: Also includes: In response to an online operation input on the operable interface, the configuration file is brought online.

10. A page guide generating device, characterized in that: include: A first acquisition unit is configured to acquire a page of a guidance function to be configured and display the page in a first area of ​​the operable interface; a determining unit configured to, when detecting that an element of the page is selected, determine that the selected element is an element to which a guiding step needs to be added; A second acquisition unit is configured to acquire attribute information of a guide component corresponding to the selected element from an input control displayed in a second area on the operable interface, wherein the guide component is used to display a guide step of the selected element, and the attribute information includes content for rendering the guide component; the guide component is pre-constructed, and after the attribute information corresponding to the selected element is input into the guide component, the guide component is rendered into the guide component corresponding to the selected element; A generating unit is configured to generate a configuration file based on the attribute information, wherein the configuration file is used to call the pre-built guide component for rendering when accessing the page, so as to generate a guide function for the page; The attribute information of the guidance component corresponding to the selected element is input through the input control displayed in the second area; the attribute information includes common information and / or step information; the common information is information shared by each guidance component; the step information is information of the guidance step corresponding to the guidance component; The second area is a management area, and a guidance function is configured for the page of the first area; the input control includes a public information component for inputting public information and a guidance step information component for inputting step information.

11. The page guide generating device according to claim 10, characterized in that: The device also includes: The third acquisition unit is configured to acquire a keyword for searching pages input on the operable interface before the step of acquiring the page to be configured with the guidance function and displaying it on the first area of ​​the operable interface; based on the keyword, search for information of a page matching the keyword from information of registered pages, wherein the information of the page at least includes a name and an address of the page; display the name of the page on the operable interface; and in response to a selection operation on the name of the page, acquire the address of the page from the information of the page; The first acquisition unit is specifically configured to acquire the page of the boot function to be configured based on the address of the page.

12. The page guide generating device according to claim 11, characterized in that: The information on the page also includes status information indicating whether the configuration file is online; The device also includes: The display unit is configured to display the status information on the operable interface.

13. The page guide generating device according to claim 10, characterized in that: The device also includes: a fourth acquisition unit, configured to acquire a triggering mode of a guidance function input on the input control before executing the step of determining, when detecting that an element of the page is selected, that the selected element is an element to which a guidance step needs to be added, wherein the triggering mode of the guidance function is triggered when the page is accessed for the first time or when the selected element is clicked for the first time; The determining unit is specifically configured to execute, under the triggering mode of the inputted guiding function, when it is detected that an element of the page is selected, determine that the selected element is an element to which a guiding step needs to be added.

14. The page guide generating device according to claim 10, characterized in that: The determining unit is specifically configured to execute an operation of adding a new guidance step in response to the input on the input control, and when it is detected that an element of the page is selected, determine that the selected element is an element that needs to add a guidance step.

15. The page guide generating device according to claim 14, characterized in that: The determining unit is specifically configured to execute acquiring a pre-built circle selection component, the circle selection component being used to cover the element of the page currently pointed to by the mouse; detecting the element of the page currently pointed to by the mouse; The circle selection component is displayed at the position of the element of the page currently pointed by the mouse; when it is detected that the circle selection component is clicked, it is determined that the element of the page covered by the circle selection component is selected.

16. The page guide generating device according to claim 10, characterized in that: The attribute information includes public information and / or step information; The public information includes at least one of the following: whether the number of steps is displayed in the guide component, whether the guide component disappears automatically, a response method for inputting a skip operation, a response method for inputting a next operation, and a response method for inputting a completion operation; The step information includes at least one of the following: the name of the selected element, the number of the guidance step, the guidance type, the guidance title, the guidance description, and the guidance display direction; The guide type is used to characterize the type of content to which the selected element is linked.

17. The page guide generating device according to claim 10, characterized in that: Also includes: The preview unit is configured to execute a preview operation in response to the input on the input control to preview the attribute information.

18. The page guide generating device according to any one of claims 10 to 17, characterized in that: Also includes: The online unit is configured to execute an online operation in response to input on the operable interface to bring the configuration file online.

19. An electronic device, characterized in that: include: processor; a memory for storing instructions executable by the processor; The processor is configured to execute the instructions to implement the page guide generation method as described in any one of claims 1 to 9.

20. A computer-readable storage medium, characterized in that: When the instructions in the storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the page guide generating method as claimed in any one of claims 1 to 9.

21. A computer program product, comprising instructions, characterized in that: When the instruction is executed by a processor of an electronic device, the electronic device is enabled to execute the page guide generating method as described in any one of claims 1 to 9.

Images