Page generation method and device, electronic equipment and storage medium

Abstract

The embodiment of the invention relates to a page generation method and device, electronic equipment and a storage medium. The page generation method applied to first equipment comprises the steps that an application page of a target application is displayed; a first selection operation on a first page element in the application page is received, and the first page element is any page element in the application page; in response to a first selection operation, determining to configure an associated displayed additional element for the first page element; determining configuration information of the additional elements; an additional page is generated based on the configuration information, a second page element of the additional page comprises the additional element, and the additional page is used for being displayed with the application page in a stacked mode under the condition that the application page is displayed. Therefore, objects such as a user can view, modify and manage the additional page more visually through the graphical page, the configuration difficulty of the additional page can be reduced, and then the generation efficiency of the additional page can be improved.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a page generation method, device, electronic device and storage medium. Background Art

[0002] With the rapid development of Internet technology, various websites and applications have emerged one after another, many of which have rich functions. However, when users use these websites or applications for the first time, they often face problems such as how to quickly understand their functions and interface operations. The traditional method is usually to guide users by programming to provide additional pages such as text descriptions, picture demonstrations, or video tutorials, but these methods are often cumbersome, time-consuming, and have poor user experience.

[0003] It can be seen that how to improve the generation efficiency of additional pages is a technical issue worthy of attention. Summary of the invention

[0004] In view of this, in order to solve some or all of the above technical problems, the embodiments of the present application provide a method, device, electronic device and storage medium for generating a page.

[0005] In a first aspect, an embodiment of the present application provides a method for generating a page, which is applied to a first device, and the method includes:

[0006] Display the application page of the target application;

[0007] Receiving a first selection operation on a first page element in the application page, wherein the first page element is any page element in the application page;

[0008] In response to the first selection operation, determining to configure an additional element for associated display for the first page element;

[0009] Determining configuration information of the additional element;

[0010] An additional page is generated based on the configuration information, wherein a second page element of the additional page includes the additional element, and the additional page is used to: be displayed in a stacked manner with the application page when the application page is displayed.

[0011] In a possible implementation manner, the additional page is used to display a process that is sequentially combined in stages, and each stage displays the corresponding additional element; and

[0012] Before receiving a first selection operation on a first page element in the application page, the method further includes:

[0013] receiving an add operation, wherein the add operation is used to add a link in the process;

[0014] In response to the adding operation, in the case of including setting a first page element for the link, the step of receiving a first selection operation on a first page element in the application page is continued, wherein the first page element acted upon by the first selection operation is: a page element configured for the additional element corresponding to the link and used for associated display;

[0015] Without including setting the first page element for the link, continue to perform the step of determining the configuration information of the additional element to configure the additional element for the link.

[0016] In a possible implementation manner, determining the configuration information of the additional element includes:

[0017] In the case where the configuration information includes setting the first page element, obtaining first configuration information of the first page element, the first configuration information is used to configure the first page element, and the first configuration information includes at least one of the following: matching information, display style, and interactivity information of the first page element;

[0018] Configuration information including the first configuration information is generated.

[0019] In a possible implementation manner, determining the configuration information of the additional element includes:

[0020] In a case where the configuration information includes setting the additional element, obtaining second configuration information of the additional element;

[0021] generating configuration information including the second configuration information;

[0022] The second configuration information includes setting the display content of the additional element.

[0023] In a possible implementation manner, the second configuration information further includes: mask layer information;

[0024] The mask layer information is used to control the interactive operation acting on the additional element.

[0025] In a possible implementation manner, determining the configuration information of the additional element includes:

[0026] In the case where the configuration information includes setting a link represented by the additional element, obtaining third configuration information for the link;

[0027] generating configuration information including the third configuration information;

[0028] Wherein, the third configuration information includes event information for setting the link;

[0029] The event information is used to set: when the link is completed, trigger an event for updating the application page to enter the next link of the link.

[0030] In a possible implementation manner, after determining the configuration information of the additional element, the method further includes:

[0031] Determine the object tag corresponding to the additional page to be generated;

[0032] The configuration information is sent to a second device having the object tag.

[0033] In a second aspect, an embodiment of the present application provides a method for generating a page, which is applied to a second device, and the method includes:

[0034] Displaying an application page of a target application, wherein the application page displays a first page element;

[0035] Generate additional pages based on configuration information;

[0036] The additional page is displayed, wherein the additional page displays an additional element associated with the first page element, and the additional page is displayed in a stacked manner with the application page.

[0037] In a possible implementation, the generating of the additional page based on the configuration information includes:

[0038] In the case where there is configuration information corresponding to a plurality of different processes, receiving a second selection operation;

[0039] In response to the second selection operation, taking the process on which the second selection operation acts as a target process;

[0040] Determining the configuration information of the target process as target configuration information;

[0041] An additional page is generated based on the target configuration information.

[0042] In a possible implementation manner, before generating the additional page based on the configuration information, the method further includes:

[0043] Determining an object tag corresponding to the second device;

[0044] Based on the object tag, receiving configuration information matching the object tag from the first device;

[0045] The generating of the additional page based on the configuration information includes:

[0046] The configuration information is loaded based on a software development kit preset for the second device to generate an additional page.

[0047] In a third aspect, an embodiment of the present application provides a page generation device, which is applied to a first device, and the device includes:

[0048] A first display unit, used to display an application page of a target application;

[0049] A receiving unit, configured to receive a first selection operation on a first page element in the application page, wherein the first page element is any page element in the application page;

[0050] A first determining unit, configured to determine, in response to the first selection operation, an additional element to be associated and displayed with the first page element;

[0051] A second determining unit, configured to determine configuration information of the additional element;

[0052] A generating unit is used to generate an additional page based on the configuration information, wherein the second page element of the additional page includes the additional element, and the additional page is used to: be displayed in a stacked manner with the application page when the application page is displayed.

[0053] In a possible implementation manner, the additional page is used to display a process that is sequentially combined in stages, and each stage displays the corresponding additional element; and

[0054] Before receiving a first selection operation on a first page element in the application page, the method further includes:

[0055] A first receiving unit, configured to receive an adding operation, wherein the adding operation is used to add a link in the process;

[0056] A first execution unit is configured to, in response to the adding operation, continue to execute the step of receiving a first selection operation on a first page element in the application page in a case where the first page element is set for the link, wherein the first page element acted upon by the first selection operation is: a page element configured for the additional element corresponding to the link and used for associated display;

[0057] The second execution unit is used to continue to execute the step of determining the configuration information of the additional element without setting the first page element for the link, so as to configure the additional element for the link.

[0058] In a possible implementation manner, determining the configuration information of the additional element includes:

[0059] In the case where the configuration information includes setting the first page element, obtaining first configuration information of the first page element, the first configuration information is used to configure the first page element, and the first configuration information includes at least one of the following: matching information, display style, and interactivity information of the first page element;

[0060] Configuration information including the first configuration information is generated.

[0061] In a possible implementation manner, determining the configuration information of the additional element includes:

[0062] In a case where the configuration information includes setting the additional element, obtaining second configuration information of the additional element;

[0063] generating configuration information including the second configuration information;

[0064] The second configuration information includes setting the display content of the additional element.

[0065] In a possible implementation manner, the second configuration information further includes: mask layer information;

[0066] The mask layer information is used to control the interactive operation acting on the additional element.

[0067] In a possible implementation manner, determining the configuration information of the additional element includes:

[0068] In the case where the configuration information includes setting a link represented by the additional element, obtaining third configuration information for the link;

[0069] generating configuration information including the third configuration information;

[0070] Wherein, the third configuration information includes event information for setting the link;

[0071] The event information is used to set: when the link is completed, trigger an event for updating the application page to enter the next link of the link.

[0072] In a possible implementation manner, after determining the configuration information of the additional element, the method further includes:

[0073] A third determining unit, used to determine an object tag corresponding to the additional page to be generated;

[0074] A sending unit is used to send the configuration information to a second device having the object tag.

[0075] In a fourth aspect, an embodiment of the present application provides a device for generating a page, which is applied to a second device, and the device includes:

[0076] A second display unit, used to display an application page of the target application, wherein the application page displays the first page element;

[0077] A generating unit, configured to generate an additional page based on the configuration information;

[0078] The third display unit is used to display the additional page, wherein the additional page displays additional elements associated with the first page elements, and the additional page is displayed in a stacked manner with the application page.

[0079] In a possible implementation, the generating of the additional page based on the configuration information includes:

[0080] In the case where there is configuration information corresponding to a plurality of different processes, receiving a second selection operation;

[0081] In response to the second selection operation, taking the process on which the second selection operation acts as a target process;

[0082] Determining the configuration information of the target process as target configuration information;

[0083] An additional page is generated based on the target configuration information.

[0084] In a possible implementation manner, before generating the additional page based on the configuration information, the method further includes:

[0085] a fourth determining unit, configured to determine an object tag corresponding to the second device;

[0086] A second receiving unit, configured to receive, based on the object tag, configuration information matching the object tag from the first device;

[0087] The generating of the additional page based on the configuration information includes:

[0088] The configuration information is loaded based on a software development kit preset for the second device to generate an additional page.

[0089] In a fifth aspect, an embodiment of the present application provides an electronic device, including:

[0090] Memory for storing computer programs;

[0091] The processor is used to execute the computer program stored in the memory, and when the computer program is executed, the method of any embodiment of the page generation method of the first aspect or the second aspect of the present application is implemented.

[0092] In a sixth aspect, an embodiment of the present application provides a computer-readable storage medium having a computer program stored thereon. When the computer program is executed by a processor, the method of any embodiment of the page generation method of the first aspect or the second aspect described above is implemented.

[0093] In the seventh aspect, an embodiment of the present application provides a computer program product, which includes a computer-readable code. When the computer-readable code is executed on a device, a processor in the device implements a method of any embodiment of the method for generating a page in the first aspect or the second aspect mentioned above.

[0094] The method for generating a page applied to a first device provided in an embodiment of the present application can display an application page of a target application, and then receive a first selection operation on a first page element in the application page, wherein the first page element is any page element in the application page, and then, in response to the first selection operation, determine to configure an additional element for the first page element to be displayed in association, and then determine the configuration information of the additional element, and finally, generate an additional page based on the configuration information, wherein the second page element of the additional page includes the additional element, and the additional page is used to: display in a stacked manner with the application page when the application page is displayed. Thus, an additional page can be configured for an application page through a graphical page, wherein the additional element can be displayed in association with the page element in the application page, so that users and other objects can select the first page element in the application page, and continue to configure the attachment element associated with the first page element, that is, the additional page can be viewed, modified and managed more intuitively through the graphical page, and the configuration difficulty of the additional page can be reduced, thereby improving the generation efficiency of the additional page.

[0095] The method for generating a page applied to a second device provided in an embodiment of the present application can display an application page of a target application, wherein a first page element is displayed in the application page, and then an additional page is generated based on configuration information, and finally, the additional page is displayed, wherein the additional page displays an additional element associated with the first page element, and the additional page is displayed in a stacked manner with the application page. Thus, by generating an additional page of an application page based on configuration information, it is avoided that developers need to perform programming, wherein the additional element can be displayed in association with the page element in the application page, so that users and other objects can modify and manage the additional page more conveniently by modifying and updating the configuration information, and the configuration difficulty of the additional page can be reduced, thereby improving the generation efficiency of the additional page. Moreover, since the method of generating the additional page based on the configuration information is adopted, the additional page can be updated by updating the configuration information, so that the developer does not need to reprogram, and the configuration information is smaller than the code originally programmed to generate the additional page, and a faster additional page update can be achieved. BRIEF DESCRIPTION OF THE DRAWINGS

[0096] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and, together with the description, serve to explain the principles of the present application.

[0097] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, for ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative labor.

[0098] One or more embodiments are exemplarily described by pictures in the corresponding drawings, and these exemplified descriptions do not constitute limitations on the embodiments. Elements with the same reference numerals in the drawings represent similar elements, and unless otherwise stated, the figures in the drawings do not constitute proportional limitations.

[0099] Figure 1 A schematic diagram of a flow chart of a method for generating a page provided in an embodiment of the present application;

[0100] Figure 2 A flowchart of another method for generating a page provided in an embodiment of the present application;

[0101] Figure 3 A flowchart of another method for generating a page provided in an embodiment of the present application;

[0102] Figure 4A A schematic diagram of an application scenario in which a page generation method has multiple different processes is provided for an embodiment of the present application;

[0103] Figure 4B A schematic diagram of configuring an additional element for associated display for a first page element in a page generation method provided in an embodiment of the present application;

[0104] Figure 4C-4F A schematic diagram of a process for generating configuration information in a method for generating a page provided in an embodiment of the present application;

[0105] Figure 4G-4H A schematic diagram of event triggering in a page generation method provided in an embodiment of the present application;

[0106] Fig. 4I A schematic diagram of a point-of-use analysis page in a page generation method provided in an embodiment of the present application;

[0107] Figure 4J A schematic diagram of directional push in the page generation method provided in an embodiment of the present application;

[0108] Figure 4K A schematic diagram of a flow chart of a method for generating a page applied to a second device provided in an embodiment of the present application;

[0109] Figure 4L A schematic diagram of a flow chart of a method for generating a page applied to a first device provided in an embodiment of the present application;

[0110] Figure 4M A schematic diagram of a flow chart of a method for generating a page applied to a server provided in an embodiment of the present application;

[0111] Figure 4N An interactive schematic diagram of a method for generating a page provided in an embodiment of the present application;

[0112] Figure 5 A schematic diagram of the structure of a page generation device provided in an embodiment of the present application;

[0113] Figure 6 A schematic diagram of the structure of another page generation device provided in an embodiment of the present application;

[0114] Figure 7 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0115] Various exemplary embodiments of the present application will now be described in detail with reference to the accompanying drawings. Obviously, the described embodiments are part of the embodiments of the present application, rather than all of the embodiments. It should be noted that unless otherwise specifically stated, the relative arrangement of the components and steps, the numerical expressions and the numerical values ​​described in these embodiments do not limit the scope of the present application.

[0116] Those skilled in the art will understand that the terms "first" and "second" in the embodiments of the present application are only used to distinguish between different steps, devices, modules and other objects, and do not represent any specific technical meanings, nor do they indicate the logical order between them.

[0117] It should also be understood that in this embodiment, “plurality” may refer to two or more than two, and “at least one” may refer to one, two or more than two.

[0118] It should also be understood that any component, data or structure mentioned in the embodiments of the present application can generally be understood as one or more, unless explicitly limited or otherwise indicated in the context.

[0119] In addition, the term "and / or" in this application is only a description of the association relationship of associated objects, indicating that there can be three relationships. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone. In addition, the character " / " in this application generally indicates that the associated objects before and after are in an "or" relationship.

[0120] It should also be understood that the description of the various embodiments in this application focuses on the differences between the various embodiments, and the same or similar aspects thereof can be referenced to each other, and for the sake of brevity, they will not be described one by one.

[0121] The following description of at least one exemplary embodiment is merely illustrative in nature and is not intended to limit the present application, its application, or uses.

[0122] Technologies, methods, and equipment known to ordinary technicians in the relevant art may not be discussed in detail, but where appropriate, the above-mentioned technologies, methods, and equipment should be considered as part of the specification.

[0123] It should be noted that like reference numerals and letters refer to similar items in the following figures, and therefore, once an item is defined in one figure, it need not be further discussed in subsequent figures.

[0124] It should be noted that, in the absence of conflict, the embodiments in this application and the features in the embodiments can be combined with each other. To facilitate the understanding of the embodiments of the present application, the present application will be described in detail below with reference to the accompanying drawings and in combination with the embodiments. Obviously, the described embodiments are part of the embodiments of the present application, rather than all of the embodiments. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of this application.

[0125] In order to solve the technical problem of how to improve the generation efficiency of additional pages in the prior art, the present application provides a page generation method, device, electronic device and storage medium, which can improve the generation efficiency of additional pages.

[0126] Figure 1 The present invention provides a flow chart of a method for generating a page. The method can be applied to a first device. The first device can include at least one of the following: a smart phone, a laptop computer, a desktop computer, a portable computer, etc. Figure 1 As shown, the method specifically includes:

[0127] Step 101: Display the application page of the target application.

[0128] In this embodiment, the target application may be any application installed on the first device. As an example, the target application may be any of the following: office software, browser, shopping platform, etc. The target application may be application software or web application.

[0129] The application page may be any page in the target application. As an example, the application page may be any of the following: a home page of the target application, an information push page of the target application, etc.

[0130] In practice, after a user or other object triggers the operation of running the target application through the first device, the first device may display the application page of the target application. For example, after a user or other object clicks the icon of the target application, the first device may run the target application, and further, the first device may display the application page of the target application.

[0131] In some cases, the first device may be a device used by an administrator (eg, developer) of the target application. In one embodiment, the first device is a device logged in with an administrator account, and the administrator account is a user account with permission to set additional pages.

[0132] Step 102: receiving a first selection operation on a first page element in the application page, wherein the first page element is any page element in the application page.

[0133] In this embodiment, the first page element may be, for example, the following page elements in the above-mentioned application page: a text input box, a button control, a drop-down menu, text, a picture, a scroll bar, etc.

[0134] The first selection operation may be a selection operation performed on the first page element. For example, the first selection operation may be a click operation performed on the first page element. For another example, the first selection operation may also be: inputting a unique identifier of the first page element. The unique identifier of the first page element may be a unique identifier number, name, type, position, etc. of the first page element.

[0135] Step 103: In response to the first selection operation, determine to configure an additional element for associated display for the first page element.

[0136] The first selection operation is used to select a first page element in the application page, and configure an additional element associated with the first page element. The additional element can be used to display description information of the first page element. For example, the description information can be a usage instruction, which can facilitate the user to understand the usage of the first page element or the target application through the description information.

[0137] Specifically, in this embodiment, after the first device receives the first selection operation on the first page element, the first device may further determine to configure an additional element for associated display for the first page element.

[0138] Here, the additional element can be used to be displayed in association with the first page element. The additional element can be configured by the first device or by other devices.

[0139] As an example, see Figure 4B . Figure 4B A schematic diagram of configuring additional elements for displaying associations with first page elements in a page generation method provided in an embodiment of the present application. Figure 4B In the example, the additional element 11 for associated display has been configured for the first page element 10 , the additional element 21 for associated display has been configured for the first page element 20 , and the additional element 31 for associated display has been configured for the first page element 30 .

[0140] Step 104: Determine the configuration information of the additional element.

[0141] In this embodiment, each additional element may correspond to configuration information. The configuration information of the additional element may include at least one of the following: the display position of the additional element, the display time of the additional element (such as the start display time, the display duration, etc.), the display effect of the additional element (such as flashing, fading in and out), the display content of the additional element (such as description information), etc.

[0142] Step 105: Generate an additional page based on the configuration information, wherein the second page element of the additional page includes the additional element, and the additional page is used to: be displayed in a stacked manner with the application page when the application page is displayed.

[0143] In this embodiment, the configuration information may be loaded based on a preset software development kit (SDK) to generate an additional page including the additional element, and the attachment element in the additional page is displayed according to the configuration information.

[0144] In addition, the additional page may have the same URL as the above-mentioned application page. The additional page may be located on an upper layer of the application page. In other words, the hierarchy of the additional page is higher than that of the application page. In practice, the hierarchy of the additional page and the application page may be set (but not limited to) by setting the value of the z-index attribute of the additional page and the application page. For example, the larger the value of the z-index attribute, the higher the hierarchy can be. When the additional page and the application page are displayed in a stacked manner, the additional page with a higher hierarchy may cover the application page with a lower hierarchy, so that the overlapping part of the application page with a lower hierarchy is covered.

[0145] In addition, when the first device displays the additional page and the application page in a stacked manner, a mask layer may be set on the additional element of the additional page to control interactive operations acting on the additional element.

[0146] Here, whether to set a mask layer on the application page can be achieved by setting configuration information.

[0147] In some optional implementations of this embodiment, the configuration information of the additional element may be determined in the following manner:

[0148] The first step is to obtain first configuration information of the first page element when the configuration information includes setting the first page element.

[0149] The first configuration information is used to configure the first page element. The first configuration information includes at least one of the following: matching information, display style, interactivity information, and display position information of the first page element.

[0150] Here, the matching information can be used to locate the first page element in the application page, such as at least one of the attribute information such as the identification information of the first page element, the content of the first page element, the name of the first page element, the position of the first page element in the application page, etc. Since different page elements in the application page may have the same attribute information, different attribute information, or a combination of at least two attribute information, can be used to uniquely locate the first page element.

[0151] The display style is used to set the style of the first page element when the additional element is displayed, such as setting the border of the first page element, such as setting the border thickness, color, shadow effect, etc. In one embodiment, when the additional element is displayed in association with the first page element, the first page element is displayed in the pre-configured display style, so that the first page element is highlighted, the association between the additional element and the first page element can be more clearly determined, and the description information in the additional element is determined to be used to explain the first page element.

[0152] The interactivity information is used to display the first page element (i.e., Figure 4C In the case of the target element in () and additional elements, set whether the first page element is interactive, such as whether it can be clicked.

[0153] The display position information is information indicating the relative position relationship between the first page element and the additional element, for example, the additional element is displayed on the right side of the target element.

[0154] In a specific application example, in the process of displaying an application page, based on the matching information, a first page element that meets the matching information can be determined from the application page, and the first page element can be displayed in the display style; the first position of the first page element can be determined, and the additional element can be displayed at a second position relative to the first position indicated by the display position information.

[0155] The second step is to generate configuration information including the first configuration information.

[0156] It can be understood that in the above-mentioned optional implementation method, when the configuration information includes setting the first page element, configuration information including at least one of the matching information, display style, and interactivity information of the first page element can be generated, so that when the additional page is displayed, the matching information, display style, and interactivity information of the first page element in the application page can be more efficiently configured.

[0157] In some optional implementations of this embodiment, the configuration information of the additional element may be determined in the following manner:

[0158] The first step is to obtain second configuration information of the additional element when the configuration information includes setting the additional element.

[0159] The second step is to generate configuration information including the second configuration information.

[0160] The second configuration information includes setting the display content of the additional element. For example, the display content may include text, images, etc. The display content may be descriptive information of the first page element or application page associated with the additional element, such as instructions for use of the first page element or application page.

[0161] It can be understood that in the above optional implementation, when the configuration information includes setting the additional element, configuration information including the display content of the additional element can be generated, so that the display content of the additional element in the additional page can be configured more efficiently.

[0162] In some application scenarios of the above optional implementation manners, the second configuration information further includes: mask layer information.

[0163] The mask layer information is used to control the interactive operation acting on the additional element.

[0164] Here, in a case where the additional page is displayed in a stacked manner on the application page, the first device may receive an interactive operation acting on the additional element on the application page.

[0165] In case the interactive operation acts on the first position of the additional element, the additional element responds to the interactive operation.

[0166] The first position is a position in the additional element that is set to be able to respond to interactive operations.

[0167] In case that the interactive operation acts on the second position of the additional element, the mask layer information is determined.

[0168] The second position is a position in the additional element that is set to be unable to respond to interactive operations.

[0169] In addition, when the mask layer information is represented by the first information, the interactive operation can be shielded. When the mask layer information is represented by the second information, the application page displayed under the additional element can respond to the interactive operation.

[0170] As an implementation, the switch button of the configuration page for setting the mask layer information can be used to determine whether the mask layer information is represented as the first information or the second information. For example, when the switch button is in the on state, the mask layer information can be determined to be represented as the first information; when the switch button is in the off state, the mask layer information can be determined to be represented as the second information. Alternatively, when the switch button is in the off state, the mask layer information can be determined to be represented as the first information; when the switch button is in the on state, the mask layer information can be determined to be represented as the second information.

[0171] It can be understood that in the above-mentioned application scenario, the interactive operations acting on the additional elements can be controlled by setting the mask layer information, thereby improving the flexibility of the execution of the interactive operations acting on the additional elements and the richness of the execution methods. Through the setting of the mask layer, the functions can be flexibly switched to either prevent the application page from being accidentally touched or prevent the application page from being unable to receive interactive operations due to the obstruction of the additional elements.

[0172] In some embodiments, the second configuration information includes setting a title bar of the additional element, such as Figure 4E As shown, you can set the title bar to be displayed or not.

[0173] In some optional implementations of this embodiment, after determining the configuration information of the additional element, the following steps may also be performed:

[0174] The first step is to determine the object tag corresponding to the additional page to be generated.

[0175] Each additional page to be generated may correspond to one or more object tags. Here, the object tags may be used to classify objects. For example, the object tags may classify objects according to age, gender, preferences, etc.

[0176] The second step is to send the configuration information to a second device having the object tag.

[0177] The second device may be another device different from the first device. The target application may be running on the second device.

[0178] In some cases, the second device may be a device used by a user of the target application. The second device may be a device having the object tag, such as a device logged into a user account having the object tag.

[0179] As an example, Figure 4J As shown, Figure 4J A schematic diagram of directional push in the page generation method provided in an embodiment of the present application.

[0180] exist Figure 4J In the example, object tags may include: old user, new user, and valid user.

[0181] In practice, the object tag corresponding to the second device can be determined through the usage habits of the second device, registration information and other data of the user and other objects. For example, if the user registration information indicates that the user registered earlier, then the object tag corresponding to the second device can be "old user". Furthermore, the configuration information can be sent to the second device with the object tag "old user". In this way, targeted and differentiated configuration information push can be achieved.

[0182] Based on the use of object tags, the same configuration information can be pushed to different second devices with target object tags, so that the second devices can quickly update the additional page corresponding to the configuration information, and it can also avoid that the device without the target object tag will not receive the configuration information, and the additional page will not be displayed in a stacked manner when displaying the application page. Different configuration information can also be pushed to the second device with the target object tag, so that the second device can generate different additional pages according to different configuration information.

[0183] In addition, different software development kits (SDKs) may be provided in the first device and the second device, respectively. The software development kit provided in the first device may also be used to transmit configuration information with the software development kit provided in the second device. Thus, on the one hand, since configuration information is sent, the direct sending of the code of the additional page is avoided, which can reduce the amount of data transmission and reduce the bandwidth occupation; on the other hand, when the additional page needs to be updated, only the configuration information needs to be updated, without transmitting the entire set of codes corresponding to the additional page to the second device.

[0184] In some cases, the process of the method for generating a page applied to the first device may be as follows: Figure 4L shown.

[0185] It should be noted that, in the absence of conflict, the technical features recorded in different optional implementations may be included in the same embodiment, and for the sake of brevity, they are not repeated here.

[0186] The method for generating a page applied to a first device provided in an embodiment of the present application can display an application page of a target application, and then receive a first selection operation on a first page element in the application page, wherein the first page element is any page element in the application page, and then, in response to the first selection operation, determine to configure an additional element for displaying in association with the first page element, and then determine the configuration information of the additional element, and finally, generate an additional page based on the configuration information, wherein the second page element of the additional page includes the additional element, and the additional page is used to: display in a stacked manner with the application page when the application page is displayed. Thus, an additional page can be configured for an application page through a graphical page, wherein the additional element can be displayed in association with a page element in the application page, so that users and other objects can view, modify and manage the additional page more intuitively through the use of graphical pages and configuration information, and the configuration difficulty of the additional page can be reduced, thereby improving the generation efficiency of the additional page.

[0187] Figure 2 A flowchart of another method for generating a page provided in an embodiment of the present application. The method can be applied to a first device. The first device may include at least one of the following: a smart phone, a laptop computer, a desktop computer, a portable computer, a server, etc. Figure 2 As shown, the method specifically includes:

[0188] Step 201, displaying the application page of the target application. Then, proceeding to step 202.

[0189] In this embodiment, step 201 and Figure 1 Step 101 in the corresponding embodiment is basically the same and will not be described again here.

[0190] Step 202: receiving an adding operation, wherein the adding operation is used to add a link in the process. Then, step 203 is continued.

[0191] In this embodiment, each process may include multiple links. Each process may be used to instruct a user or other object to use one or more functions in a target application. Each link may be used to indicate one or more operation steps of a function. Each link may correspond to one or more additional elements. The additional page is used to display a process in which links are sequentially combined, and each link displays the corresponding additional element.

[0192] Step 203, in response to the adding operation, determining whether it includes setting a first page element for the link. If yes, then proceed to step 204; if no, then proceed to step 206.

[0193] In this embodiment, after receiving the adding operation, the first device may determine whether to include setting a first page element for the link.

[0194] Here, whether the first page element is set for the link may be determined by whether the first device receives an operation of setting the first page element for the link.

[0195] Step 204, receiving a first selection operation on a first page element in the application page, wherein the first page element is any page element in the application page, and the first page element acted upon by the first selection operation is: a page element configured for the additional element corresponding to the link and used for associated display. Then, proceed to step 205.

[0196] In this embodiment, the first page element may be, for example, the following page elements in the above-mentioned application page: a text input box, a button control, a drop-down menu, etc.

[0197] The first selection operation may be a selection operation performed on the first page element. For example, the first selection operation may be a click operation performed on the first page element. For another example, the first selection operation may also be: inputting a unique identifier of the first page element.

[0198] Step 205 : In response to the first selection operation, determine to configure an additional element for associated display for the first page element. Then, proceed to step 206 .

[0199] In this embodiment, step 205 and Figure 1 Step 103 in the corresponding embodiment is basically the same and will not be described again here.

[0200] Step 206, determining configuration information of the additional element to configure the additional element for the link.

[0201] In this embodiment, each additional element may correspond to configuration information. The configuration information of the additional element may include at least one of the following: the display position of the additional element, the display time of the additional element (such as the start display time, the display duration, etc.), the display effect of the additional element (such as flashing, fading in and out), etc.

[0202] Thus, one or more additional elements can be configured for each link.

[0203] Step 207: Generate an additional page based on the configuration information, wherein the second page element of the additional page includes the additional element, and the additional page is used to: be displayed in a stacked manner with the application page when the application page is displayed.

[0204] In this embodiment, step 207 and Figure 1 Step 105 in the corresponding embodiment is basically the same and will not be described again here.

[0205] As an example, see Figure 4C-4F , Figure 4C-4F A schematic diagram of the process of generating configuration information in the page generation method provided in an embodiment of the present application.

[0206] exist Figure 4C In the example, Step 1, Step 2, Step 3, Step 4, and Step 5 correspond to a link in the process. Step 1, Step 2, Step 3, Step 4, and Step 5 together constitute a process. Figure 4C , perform the adding operation to add a link in the process. For the link corresponding to step 2, you can turn on or off the button indicating "whether the target element is required" to determine whether to set the first page element for the link.

[0207] Wherein, the target element in the diagram is also the first page element. In the case of setting the first page element for the link (i.e., turning on the button indicating "whether the target element is required" in the diagram), receiving the first selection operation on the first page element in the application page can be performed by Figure 4C Further, the following first configuration information can be set for the first page element: the matching information of the first page element (corresponding to Figure 4C "Matching content" in ), display style (corresponding to Figure 4C "Target element box shadow color" in ), interactivity information (corresponding to Figure 4C "Target element acquisition failure processing", "Target element is not clickable"), display position information (corresponding to Figure 4C The display position information is information indicating the relative position relationship between the first page element and the additional element. Figure 4C The target element in can be Figure 4D As shown, a page element is selected as the first page element (target element).

[0208] After that, click Figure 4C After clicking the "Save" button in Figure 4E The page shown. Figure 4E In , you can set whether the mask layer is displayed, so that you can control the interactive operations acting on the attached elements by configuring the mask layer information.

[0209] After the additional elements corresponding to each link are displayed, you can click the "Next" button in the additional element to enter the next link of the link. When setting the configuration information, you can set the event triggered when clicking the Next button, as well as the waiting process for going to the next step. For example, you can follow Figure 4F As shown in the example, when you click the Next button, no event is triggered and you can proceed to the next step without waiting. In addition, you can also name each link (step).

[0210] Please continue to see Figure 4G-4H , Figure 4G-4H A schematic diagram of event triggering in a page generation method provided in an embodiment of the present application.

[0211] like Figure 4G As shown, when the Next button is clicked, the following events can be triggered: no event, triggering click on selected block, triggering click on other elements, and triggering right-click on selected block.

[0212] like Figure 4H As shown, going to the next step of waiting for processing may include: no waiting, waiting for the element (such as the first page element mentioned above) to be hidden, and waiting for the element to be displayed.

[0213] In some optional implementations of this embodiment, the configuration information of the additional element may be determined in the following manner:

[0214] The first step is to obtain third configuration information for the link when the configuration information includes setting the link represented by the additional element.

[0215] The second step is to generate configuration information including the third configuration information.

[0216] The third configuration information includes event information for setting the link.

[0217] The event information is used to set: when the link is completed, trigger an event for updating the application page to enter the next link of the link.

[0218] Here, in the process of displaying the application page, the additional page and the application page can be displayed in a stacked manner, wherein the additional page displays the additional elements corresponding to the current link of the target process. Afterwards, a switching operation (such as clicking a "next" button in the additional element) can be received, wherein the switching operation is used to switch to the next link in the target process that belongs to the current link. Then, in response to the switching operation, the event information configured for the additional element corresponding to the current link is determined. Subsequently, based on the event information, the application page is operated to update at least a portion of the application page, wherein at least the updated portion includes the first page element displayed in association with the additional element corresponding to the next link. Afterwards, based on the updated application page, an additional page including the additional element corresponding to the next link can be displayed in a stacked manner.

[0219] Specifically, the following events may be set to trigger: triggering a click on a selected block, triggering a click on other elements, triggering a right-click on a selected block, to trigger updating at least part of the application page, such as popping up a page in the application page, or switching to another application page.

[0220] In some cases, when displaying additional pages, all or part of the additional elements corresponding to only one link may be displayed each time.

[0221] It can be understood that in the above optional implementation, the event triggering process can be controlled by setting the event information of the link, thereby improving the flexibility and richness of event processing.

[0222] In other examples, the third configuration information may also include switching information for setting the link to switch to the next link.

[0223] The waiting information is information indicating the timing of switching to the next link. For example, the switching information can be one of the following: no waiting, the waiting element (such as the first page element of the current link mentioned above) is hidden, and the waiting element (such as the first page element corresponding to the next link) is displayed.

[0224] In addition, the configuration information may also include tracking data, where the tracking data may be used to track, monitor, and analyze user behavior of the second device.

[0225] As an example, see Fig. 4I , Fig. 4I A schematic diagram of a point-of-use analysis page in a page generation method provided in an embodiment of the present application. Fig. 4I In the case where the user accepts the privacy agreement, the browsing data, visitor data, etc. of the user of the second device can be analyzed.

[0226] In addition, the object tag of the second device may be determined based on the buried data. For example, if the object tag of the second device is determined to be an old user, a new user, etc., the configuration information may be pushed only to the new user.

[0227] It should be noted that, in addition to the above contents, this embodiment may also include Figure 1 The corresponding technical features described in the corresponding embodiments are realized Figure 1 For details on the technical effects of the method for generating the page shown, please refer to Figure 1 For the sake of brevity, the relevant description is not repeated here.

[0228] The page generation method provided in the embodiment of the present application can add a link in the process by adding an operation, and then continue to perform the step of receiving the first selection operation on the first page element in the application page in the case where the first page element needs to be set for the link, so as to determine the first page element corresponding to the link; in the case where the first page element does not need to be set for the link, the step of determining the configuration information of the additional element can be continued to configure the additional element for the link. Thus, additional elements can be configured for each link, so as to more accurately generate additional pages, and the additional pages display the additional elements corresponding to each link in the above process.

[0229] Figure 3 A flowchart of another method for generating a page provided in an embodiment of the present application. The method can be applied to a second device. The second device may include at least one of the following: a smart phone, a laptop computer, a desktop computer, a portable computer, etc. Figure 3 As shown, the method specifically includes:

[0230] Step 301: display an application page of a target application, wherein the application page displays a first page element.

[0231] In this embodiment, the target application may be any application installed on the second device. As an example, the target application may be any of the following: office software, browser, shopping platform, etc. The target application may be application software or web application.

[0232] The application page may be any page in the target application. As an example, the application page may be any of the following: a home page of the target application, an information push page of the target application, etc.

[0233] In practice, after a user or other object triggers the operation of running the target application through the second device, the second device may display the application page of the target application. For example, after a user or other object clicks the icon of the target application, the second device may run the target application, and further, the second device may display the application page of the target application.

[0234] In some cases, the second device may be a device used by a common user (relative to an administrator) of the target application. In one embodiment, the first device is a device logged in with a common user account, which is a non-administrator account and does not have permission to set additional pages.

[0235] The first page element is any page element in the application page.

[0236] The first page element may be, for example, the following page elements in the above application page: a text input box, a button control, a drop-down menu, etc.

[0237] Step 302: Generate an additional page based on the configuration information.

[0238] In this embodiment, the additional page can be generated according to the matching information, display style, interactivity information, display content of the additional element, mask layer information, and event information of the first page element indicated by the configuration information.

[0239] Here, the specific meaning and generation method of the configuration information can be found in the above description and will not be repeated here.

[0240] Step 303: display the additional page, wherein the additional page displays additional elements associated with the first page elements, and the additional page is displayed in a stacked manner with the application page.

[0241] In some optional implementations of this embodiment, the following method may be used to generate an additional page based on the configuration information:

[0242] In the first step, when there is configuration information corresponding to a plurality of different processes, a second selection operation is received.

[0243] The second selection operation may be used to select one of a plurality of different processes.

[0244] The second step is to respond to the second selection operation and take the process affected by the second selection operation as the target process.

[0245] The target process may be a process selected from a plurality of different processes through a second selection operation.

[0246] The third step is to determine the configuration information of the target process as the target configuration information.

[0247] The target configuration information may be configuration information of the target process.

[0248] The fourth step is to generate an additional page based on the target configuration information.

[0249] Further, the above-mentioned additional pages may be displayed.

[0250] As an example, see Figure 4A , Figure 4A A schematic diagram of an application scenario in which a plurality of different processes exist in a page generation method is provided for an embodiment of the present application.

[0251] exist Figure 4A The application scenario shown includes three processes: how to create a new application, how to enter documents, and how to approve documents.

[0252] It can be understood that in the above optional implementation method, the target process corresponding to the additional page to be generated can be determined from multiple processes through a selection operation, and then the additional page can be generated based on the target configuration information of the target process. In this way, the additional page can be adaptively generated according to user needs.

[0253] In some optional implementations of this embodiment, before generating the additional page based on the configuration information, the following steps may also be performed:

[0254] The first step is to determine the object tag corresponding to the second device.

[0255] Each second device may correspond to one or more object tags. Here, the object tags may be used to classify objects. For example, the object tags may classify objects according to age, gender, preferences, etc.

[0256] In a second step, based on the object tag, configuration information matching the object tag is received from the first device.

[0257] On this basis, additional pages can be generated based on configuration information in the following ways:

[0258] The configuration information is loaded based on a software development kit preset for the second device to generate an additional page.

[0259] As an example, Figure 4J As shown, Figure 4J A schematic diagram of directional push in the page generation method provided in an embodiment of the present application.

[0260] exist Figure 4J In the example, object tags may include: old user, new user, and valid user.

[0261] In practice, the object tag corresponding to the second device can be determined through the user's usage habits, registration information and other data of the second device. For example, if the user registration information indicates that the user registered earlier, then the object tag corresponding to the second device can be "old user". Furthermore, the first device can send the configuration information to the second device with the object tag "old user". In this way, targeted and differentiated configuration information push can be achieved.

[0262] In addition, different software development kits may be provided in the first device and the second device, respectively. The software development kit provided in the first device may be used to transmit configuration information with the software development kit provided in the second device. Thus, on the one hand, the amount of data transmitted and the bandwidth occupied may be reduced; on the other hand, when the additional page needs to be updated, only the configuration information needs to be updated, without transmitting the entire set of codes corresponding to the additional page to the second device.

[0263] In some cases, the process of the method for generating a page applied to the second device may be as follows: Figure 4K shown.

[0264] In addition, the first device and the second device may also interact through the server. As an example, the execution process of the server may be as follows: Figure 4M The interaction process between the first device, the second device, and the server can be as follows. Figure 4N shown.

[0265] It should be noted that, in addition to the above contents, this embodiment may also include Figure 1 and / or Figure 2 The corresponding technical features described in the corresponding embodiments are realized Figure 1 and / or Figure 2 For the technical effects of the method for generating the page shown, please refer to the above related description for details. For the sake of brevity, it will not be repeated here.

[0266] It should also be noted that, in the absence of conflict, the technical features recorded in different optional implementations may be included in the same embodiment, and for the sake of brevity, they will not be repeated here.

[0267] The method for generating a page applied to a second device provided in an embodiment of the present application can display an application page of a target application, wherein a first page element is displayed in the application page, and then an additional page is generated based on configuration information, and then the additional page is displayed, wherein the additional page displays an additional element associated with the first page element, and the additional page is displayed in a stacked manner with the application page. Thus, by generating an additional page of an application page based on configuration information, it is avoided that developers need to perform programming, wherein the additional element can be displayed in association with the page element in the application page, so that users and other objects can modify and manage the additional page more conveniently by modifying and updating the configuration information, and the configuration difficulty of the additional page can be reduced, thereby improving the generation efficiency of the additional page. Moreover, since the method of generating the additional page based on the configuration information is adopted, the additional page can be updated by updating the configuration information, so that the developer does not need to reprogram, and the configuration information is smaller than the code originally programmed to generate the additional page, and a faster additional page update can be achieved.

[0268] The following is an illustrative description of the embodiments of the present application, but it should be noted that the following content is only used to understand the technical solutions of the embodiments of the present application and does not constitute a limitation on the protection scope of the embodiments of the present application.

[0269] With the rapid development of Internet technology, various websites and applications have emerged one after another, many of which have rich functions. However, when users use these websites or applications for the first time, they often face problems such as how to quickly understand their functions and interface operations. The traditional method is usually to provide text instructions, picture demonstrations or video tutorials to guide users, but these methods are often cumbersome, time-consuming and have poor user experience.

[0270] In the related art, it is usually necessary to rely on the optimization of the application page to help users understand the application functions. For example, developers need to add auxiliary descriptions of the functions in the application page through programming to solve the above problem.

[0271] In view of this, this solution sets up SDKs on the user side (corresponding to the second device mentioned above) and the administrator side (corresponding to the first device mentioned above) respectively, which can provide an experience layer on the application page to guide users to use the application page and improve the ever-changing needs through visual graphic pages and customization capabilities.

[0272] The experience layer may include a mask layer and content above the mask layer (eg, additional pages).

[0273] The user-side SDK is the SDK used for the pages of target users; the administrator-side SDK is the SDK used by the administrator page, which is used to configure the guidance process, including adding guidance links, guidance steps (links), DOM (Document Object Model) positioning, parameters required for operation, event handling configuration, etc.

[0274] like Figure 4A As shown, the entry page may provide a function for the user to actively select to execute the guide link (ie, the above-mentioned process).

[0275] Among them, the guiding step (i.e. the above-mentioned link) is used to display the specific business description, and it can be configured whether to contain a mask layer, such as Figure 4B .

[0276] The administrator configures the guided steps interface, such as Figure 4C-4F In addition, Figure 4G , Figure 4H An example of event processing type is shown.

[0277] Here, if Fig. 4I As shown in the figure, you can use the buried data to analyze the background data and gain efficient insights into user experience. Figure 4J As shown, it can also be operated intelligently, manage users by tags, and push targeted information to make guidance more accurate. Therefore, when the front-end calls the interface, it can send different guidance steps and content according to the strategy configured here to achieve multi-person and multi-faceted, while also optimizing page performance through on-demand loading.

[0278] like Figure 4K As shown, the guidance steps configured by the administrator are displayed on the user side, which can be displayed according to the policy. Figure 4L As shown, you can also configure the guidance steps. Each step can configure the style, target element, rich text content, display position, page route matching, etc. of each page. Figure 4L In the first interface, you can use it to check whether the login account is an administrator account: after the page is opened, in addition to loading the front-end JS (JavaScript, a programming language) and HTML (HyperTextMarkup Language) and static resources such as pictures, it will request the server data interface, including user information, user role permissions, configuration information, etc. The role permissions returned by this interface are used to determine whether the user is an administrator.

[0279] The entry menu is the entrance to the backend management. Clicking this menu will open the configuration page, which is used to configure the boot steps and content, manage the delivery strategy, etc.

[0280] Administrator-side SDK: The page you enter after clicking the entry menu can load the SDK to assist in configuring boot steps, selecting target elements, and managing delivery strategies.

[0281] User-side SDK: After a non-administrator user opens the page, the SDK is loaded. This SDK is used to run and display the configuration guidance steps.

[0282] The execution process on the background management side can be as follows Figure 4M The interaction process between the user side, the administrator side and the backend management side can be as follows Figure 4N shown.

[0283] Therefore, this solution provides a visual editor for creating and editing functional guidance pages. The editor includes modules such as an interface element selector, a text editor, and a page setting. Using the interface element selector, developers (that is, the above-mentioned administrators) can select interface elements to be guided in the visual editor, such as buttons, input boxes, etc. Using the text editor, developers can add guidance text to the selected interface elements, and set the style, position and other properties of the guidance text. Using the page setting module, developers can set relevant properties of the guidance page, such as guidance order, background color, matching page route, etc. The visual editor generates the corresponding configuration code based on the above settings, and the generated code can be saved in multiple ways such as the server side, browser side, and client side.

[0284] A specific implementation method may be: based on the above settings, a configuration file (the above configuration information) readable by the constructor or initialization function is generated based on a visual editor, and the configuration items in the configuration file may be listed in JSON format. Afterwards, the configuration file can be read based on the SDK, and relevant code with the configuration file as an input parameter can be generated. It can be understood that the code framework has been preset in the SDK, and the code functions related to various configuration items in the configuration file have been implemented. The SDK only needs to pass the configuration file into the code framework to achieve the generation of the final relevant code.

[0285] The generated configuration file can be recorded as:

[0286]

[0287]

[0288] Afterwards, the generated configuration code (that is, the above configuration information) can be embedded into the target website or application program, and visual function guidance can be implemented when the user browses the page.

[0289] It should be noted that, in addition to the contents recorded above, this embodiment may also include the technical features described in the above embodiments, so as to achieve the technical effects of the method for generating the page shown above. Please refer to the above description for details. For the sake of brevity, it will not be repeated here.

[0290] The page generation method provided in the embodiment of the present application can bring a more efficient solution for front-end development, especially in that it can be integrated into a PC (Personal Computer) end project and directly generate a UI (User Interface) interface by defining JSON (JavaScript Object Notation). It has unique advantages. This solution can improve the efficiency of front-end development and provide users with a more convenient and flexible interactive experience. In particular, it can enable various customized guidance requirements on the business side. The SDK can generate code according to the JSON configuration, and the code can be used to generate a responsive UI interface. This solution can click to select a target element and set configuration information for the target element. In the user side loading process, the detection, click, page jump, etc. of the target element in the first page are included, and according to the appearance of the target element, the response code is executed, and event processing is performed. In addition, this solution provides a kind of visual function guidance SDK based on, so that developers can more conveniently create and edit the guidance page, reducing the difficulty of use. Through the visual editor, developers can intuitively set interface elements, guidance text and page attributes, and improve the creation and editing efficiency of the guidance page. The configuration code generated by this solution is embedded in the target website or application, which can facilitate developers to implement visual function guidance and improve user experience. In addition, through the data mining function, user usage is analyzed, and then projects and strategies are iteratively optimized to continuously improve user experience. By adding a product experience layer to the user-side interface in the form of SDK, in cooperation with the background, the product operation strategy can reach the user side at the first time and quickly recover data, making the product more useful, more useful, and easier to use, helping users to understand the product value more quickly, use the product more deeply, and ultimately improve conversion. For example, it can be used for teaching and guiding users throughout the user life cycle (new customers getting started, function guidance, key node teaching), interactive function guidance experience can be achieved (in-depth business refined customization of guidance methods), immersive help and product teaching can be carried out (combined with business scenarios, intelligent matching guidance process or tutorials), data accumulation and user portraits can be carried out (collective data point analysis, forming a self-portrait platform), and intelligent operations (targeted push, layered operations). In addition, this solution can become a self-growth engine by delivering value on its own. It can not only improve the conversion rate of trial versions, accurately and quickly locate new target users, promote repurchase and additional purchases of existing users, and promote product-driven growth. It can help users learn to use products faster, feel the value of products, improve their loyalty, make customers more willing to use, and thus help products increase usage rates. Through the help and guidance within the platform, users can answer usage-related questions in real time 24 hours a day while using the product, allowing users to complete the core process on their own instead of relying too much on scarce customer service resources.Furthermore, it allows non-technical personnel to quickly create and deploy product guides through a code-free editor.

[0291] Figure 5 A schematic diagram of a structure of a page generation device provided in an embodiment of the present application. The device is applied to a first device. The device specifically includes:

[0292] A first display unit 401, used to display an application page of a target application;

[0293] A receiving unit 402 is configured to receive a first selection operation on a first page element in the application page, wherein the first page element is any page element in the application page;

[0294] A first determining unit 403 is used to determine, in response to the first selection operation, an additional element to be associated with the first page element;

[0295] A second determining unit 404 is used to determine the configuration information of the additional element;

[0296] The generating unit 405 is configured to generate an additional page based on the configuration information, wherein the second page element of the additional page includes the additional element, and the additional page is configured to be displayed in a stacked manner with the application page when the application page is displayed.

[0297] In a possible implementation manner, the additional page is used to display a process that is sequentially combined in stages, and each stage displays the corresponding additional element; and

[0298] Before receiving a first selection operation on a first page element in the application page, the method further includes:

[0299] A first receiving unit (not shown in the figure), used to receive an adding operation, wherein the adding operation is used to add a link in the process;

[0300] A first execution unit (not shown in the figure) is used for, in response to the adding operation, continuing to execute the step of receiving a first selection operation on a first page element in the application page in the case of including setting a first page element for the link, wherein the first page element acted on by the first selection operation is: a page element configured for the additional element corresponding to the link and used for associated display;

[0301] The second execution unit (not shown in the figure) is used to continue to execute the step of determining the configuration information of the additional element without setting the first page element for the link, so as to configure the additional element for the link.

[0302] In a possible implementation manner, determining the configuration information of the additional element includes:

[0303] In the case where the configuration information includes setting the first page element, obtaining first configuration information of the first page element, the first configuration information is used to configure the first page element, and the first configuration information includes at least one of the following: matching information, display style, and interactivity information of the first page element;

[0304] Configuration information including the first configuration information is generated.

[0305] In a possible implementation manner, determining the configuration information of the additional element includes:

[0306] In a case where the configuration information includes setting the additional element, obtaining second configuration information of the additional element;

[0307] generating configuration information including the second configuration information;

[0308] The second configuration information includes setting the display content of the additional element.

[0309] In a possible implementation manner, the second configuration information further includes: mask layer information;

[0310] The mask layer information is used to control the interactive operation acting on the additional element.

[0311] In a possible implementation manner, determining the configuration information of the additional element includes:

[0312] In the case where the configuration information includes setting a link represented by the additional element, obtaining third configuration information for the link;

[0313] generating configuration information including the third configuration information;

[0314] Wherein, the third configuration information includes event information for setting the link;

[0315] The event information is used to set: when the link is completed, trigger an event for updating the application page to enter the next link of the link.

[0316] In a possible implementation manner, after determining the configuration information of the additional element, the method further includes:

[0317] A third determining unit (not shown in the figure), used to determine the object tag corresponding to the additional page to be generated;

[0318] A sending unit (not shown in the figure) is used to send the configuration information to a second device having the object tag.

[0319] The page generation device provided in this embodiment may be as follows: Figure 5 The page generation device shown in can execute all the steps of the above-mentioned methods for generating pages applied to the first device, thereby realizing the technical effects of the above-mentioned methods for generating pages applied to the first device. For details, please refer to the above related description. For the sake of brevity, it will not be repeated here.

[0320] Figure 6 A schematic diagram of a structure of a page generation device provided in an embodiment of the present application. The device is applied to a second device. The device specifically includes:

[0321] The second display unit 411 is used to display an application page of the target application, wherein the application page displays the first page element;

[0322] A generating unit 412, configured to generate an additional page based on the configuration information;

[0323] The third display unit 413 is used to display the additional page, wherein the additional page displays additional elements associated with the first page elements, and the additional page is displayed in a stacked manner with the application page.

[0324] In a possible implementation, the generating of the additional page based on the configuration information includes:

[0325] In the case where there is configuration information corresponding to a plurality of different processes, receiving a second selection operation;

[0326] In response to the second selection operation, taking the process on which the second selection operation acts as a target process;

[0327] Determining the configuration information of the target process as target configuration information;

[0328] An additional page is generated based on the target configuration information.

[0329] In a possible implementation manner, before generating the additional page based on the configuration information, the method further includes:

[0330] a fourth determining unit (not shown in the figure), configured to determine an object tag corresponding to the second device;

[0331] A second receiving unit (not shown in the figure), configured to receive configuration information matching the object tag from the first device based on the object tag;

[0332] The generating of the additional page based on the configuration information includes:

[0333] The configuration information is loaded based on a software development kit preset for the second device to generate an additional page.

[0334] The page generation device provided in this embodiment may be as follows: Figure 6 The page generation device shown in can execute all the steps of the above-mentioned methods for generating pages applied to the second device, thereby realizing the technical effects of the above-mentioned methods for generating pages applied to the second device. For details, please refer to the above related description. For the sake of brevity, it will not be repeated here.

[0335] Figure 7 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application, Figure 7 The electronic device 500 shown includes: at least one processor 501, a memory 502, at least one network interface 504 and other user interfaces 503. The various components in the electronic device 500 are coupled together via a bus system 505. It is understood that the bus system 505 is used to achieve connection and communication between these components. In addition to the data bus, the bus system 505 also includes a power bus, a control bus and a status signal bus. However, for the sake of clarity, the bus system 505 is not shown in FIG. Figure 7 Various buses are labeled as bus system 505 .

[0336] The user interface 503 may include a display, a keyboard, or a pointing device (eg, a mouse, a trackball, a touch pad, or a touch screen).

[0337] It can be understood that the memory 502 in the embodiment of the present application can be a volatile memory or a non-volatile memory, or can include both volatile and non-volatile memories. Among them, the non-volatile memory can be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or a flash memory. The volatile memory can be a random access memory (RAM), which is used as an external cache. By way of example but not limitation, many forms of RAM are available, such as static random access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDRSDRAM), enhanced synchronous dynamic random access memory (ESDRAM), synchronous link dynamic random access memory (SLDRAM) and direct RAM bus random access memory (DRRAM). The memory 502 described herein is intended to include, but is not limited to, these and any other suitable types of memory.

[0338] In some implementations, the memory 502 stores the following elements, executable units or data structures, or a subset thereof, or an extended set thereof: an operating system 5021 and an application program 5022 .

[0339] Among them, the operating system 5021 includes various system programs, such as a framework layer, a core library layer, a driver layer, etc., which are used to implement various basic services and process hardware-based tasks. The application 5022 includes various application programs, such as a media player (Media Player), a browser (Browser), etc., which are used to implement various application services. The program for implementing the method of the embodiment of the present application can be included in the application 5022.

[0340] In this embodiment, by calling the program or instruction stored in the memory 502, specifically, the program or instruction stored in the application 5022, the processor 501 is used to execute the method steps provided by each method embodiment, for example, including:

[0341] Display the application page of the target application;

[0342] Receiving a first selection operation on a first page element in the application page, wherein the first page element is any page element in the application page;

[0343] In response to the first selection operation, determining to configure an additional element for associated display for the first page element;

[0344] Determining configuration information of the additional element;

[0345] An additional page is generated based on the configuration information, wherein a second page element of the additional page includes the additional element, and the additional page is used to: be displayed in a stacked manner with the application page when the application page is displayed.

[0346] or,

[0347] Displaying an application page of a target application, wherein the application page displays a first page element;

[0348] Generate additional pages based on configuration information;

[0349] The additional page is displayed, wherein the additional page displays an additional element associated with the first page element, and the additional page is displayed in a stacked manner with the application page.

[0350] The method disclosed in the above embodiment of the present application can be applied to the processor 501, or implemented by the processor 501. The processor 501 may be an integrated circuit chip with signal processing capabilities. In the implementation process, each step of the above method can be completed by the hardware integrated logic circuit or software instructions in the processor 501. The above processor 501 can be a general processor, a digital signal processor (Digital Signal Processor, DSP), an application specific integrated circuit (Application Specific Integrated Circuit, ASIC), a field programmable gate array (Field Programmable Gate Array, FPGA) or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components. The methods, steps and logic block diagrams disclosed in the embodiments of the present application can be implemented or executed. The general processor can be a microprocessor or the processor can also be any conventional processor, etc. The steps of the method disclosed in the embodiment of the present application can be directly embodied as a hardware decoding processor to execute, or the hardware and software units in the decoding processor can be executed. The software unit can be located in a mature storage medium in the field such as a random access memory, a flash memory, a read-only memory, a programmable read-only memory or an electrically erasable programmable memory, a register, etc. The storage medium is located in the memory 502, and the processor 501 reads the information in the memory 502 and completes the steps of the above method in combination with its hardware.

[0351] It is understood that the embodiments described herein may be implemented in hardware, software, firmware, middleware, microcode, or a combination thereof. For hardware implementation, the processing unit may be implemented in one or more application specific integrated circuits (ASIC), digital signal processors (DSP), digital signal processing devices (DSPDevice, DSPD), programmable logic devices (PLD), field programmable gate arrays (FPGA), general purpose processors, controllers, microcontrollers, microprocessors, other electronic units for performing the above functions of the present application, or a combination thereof.

[0352] For software implementation, the technology described above in this article can be implemented by a unit that performs the functions described above in this article. The software code can be stored in a memory and executed by a processor. The memory can be implemented in the processor or outside the processor.

[0353] The electronic device provided in this embodiment may be Figure 7 The electronic device shown in can execute all steps of the above-mentioned method for generating each page, thereby achieving the technical effect of the above-mentioned method for generating each page. Please refer to the above related description for details. For the sake of brevity, it will not be repeated here.

[0354] The embodiment of the present application also provides a storage medium (computer-readable storage medium). The storage medium here stores one or more programs. The storage medium may include a volatile memory, such as a random access memory; the memory may also include a non-volatile memory, such as a read-only memory, a flash memory, a hard disk or a solid-state drive; the memory may also include a combination of the above-mentioned types of memory.

[0355] When one or more programs in the storage medium can be executed by one or more processors, the page generation method executed on the electronic device side can be implemented.

[0356] The processor is used to execute the page generation program stored in the memory to implement the following steps of the page generation method executed on the electronic device side:

[0357] Display the application page of the target application;

[0358] Receiving a first selection operation on a first page element in the application page, wherein the first page element is any page element in the application page;

[0359] In response to the first selection operation, determining to configure an additional element for associated display for the first page element;

[0360] Determining configuration information of the additional element;

[0361] An additional page is generated based on the configuration information, wherein a second page element of the additional page includes the additional element, and the additional page is used to: be displayed in a stacked manner with the application page when the application page is displayed.

[0362] or,

[0363] Displaying an application page of a target application, wherein the application page displays a first page element;

[0364] Generate additional pages based on configuration information;

[0365] The additional page is displayed, wherein the additional page displays an additional element associated with the first page element, and the additional page is displayed in a stacked manner with the application page.

[0366] The professionals should also be further aware that the units and algorithm steps of each example described in conjunction with the embodiments disclosed herein can be implemented with electronic hardware, computer software, or a combination of the two. In order to clearly illustrate the interchangeability of hardware and software, the composition and steps of each example have been generally described in terms of function in the above description. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of this application.

[0367] The steps of the method or algorithm described in conjunction with the embodiments disclosed herein may be implemented using hardware, a software module executed by a processor, or a combination of the two. The software module may be placed in a random access memory (RAM), a memory, a read-only memory (ROM), an electrically programmable ROM, an electrically erasable programmable ROM, a register, a hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.

[0368] It should be understood that the terms used herein are only for the purpose of describing specific example embodiments and are not intended to be limiting. Unless the context clearly indicates otherwise, the singular forms "one", "an" and "said" as used herein may also be meant to include plural forms. The terms "include", "comprise", "contain", and "have" are inclusive, and therefore specify the existence of stated features, steps, operations, elements and / or parts, but do not exclude the existence or addition of one or more other features, steps, operations, elements, parts, and / or combinations thereof. The method steps, processes, and operations described herein are not interpreted as necessarily requiring them to be performed in the specific order described or illustrated, unless the execution order is clearly indicated. It should also be understood that additional or alternative steps may be used.

[0369] The above description is only a specific implementation of the present application, so that those skilled in the art can understand or implement the present application. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein can be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application will not be limited to the embodiments shown herein, but will conform to the widest range consistent with the principles and novel features applied for herein.

Claims

1. A method for generating a page, characterized in that: Applied to a first device, the method includes: Display the application page of the target application; Receiving a first selection operation on a first page element in the application page, wherein the first page element is any page element in the application page; In response to the first selection operation, determining to configure an additional element for associated display for the first page element; Determining configuration information of the additional element; An additional page is generated based on the configuration information, wherein a second page element of the additional page includes the additional element, and the additional page is used to: be displayed in a stacked manner with the application page when the application page is displayed.

2. The method according to claim 1, characterized in that The additional page is used to display the process of sequentially combining the links, and each link displays the corresponding additional element; as well as Before receiving a first selection operation on a first page element in the application page, the method further includes: receiving an add operation, wherein the add operation is used to add a link in the process; In response to the adding operation, in the case of including setting a first page element for the link, the step of receiving a first selection operation on a first page element in the application page is continued, wherein the first page element acted upon by the first selection operation is: a page element configured for the additional element corresponding to the link and used for associated display; Without including setting the first page element for the link, continue to perform the step of determining the configuration information of the additional element to configure the additional element for the link.

3. The method according to claim 1, characterized in that The determining of the configuration information of the additional element includes: In the case where the configuration information includes setting the first page element, obtaining first configuration information of the first page element, the first configuration information is used to configure the first page element, and the first configuration information includes at least one of the following: matching information, display style, and interactivity information of the first page element; Configuration information including the first configuration information is generated.

4. The method according to claim 1, characterized in that: The determining of the configuration information of the additional element includes: In a case where the configuration information includes setting the additional element, obtaining second configuration information of the additional element; generating configuration information including the second configuration information; The second configuration information includes setting the display content of the additional element.

5. The method according to claim 4, characterized in that The second configuration information also includes: mask layer information; The mask layer information is used to control the interactive operation acting on the additional element.

6. The method according to claim 2, characterized in that The determining of the configuration information of the additional element includes: In the case where the configuration information includes setting a link represented by the additional element, obtaining third configuration information for the link; generating configuration information including the third configuration information; Wherein, the third configuration information includes event information for setting the link; The event information is used to set: when the link is completed, trigger an event for updating the application page to enter the next link of the link.

7. The method according to any one of claims 1 to 6, characterized in that: After determining the configuration information of the additional element, the method further includes: Determine the object tag corresponding to the additional page to be generated; The configuration information is sent to a second device having the object tag.

8. A method for displaying a page, characterized in that: Applied to the second device, the method includes: Displaying an application page of a target application, wherein the application page displays a first page element; Generate additional pages based on configuration information; The additional page is displayed, wherein the additional page displays an additional element associated with the first page element, and the additional page is displayed in a stacked manner with the application page.

9. The method according to claim 8, characterized in that The generating of the additional page based on the configuration information includes: In the case where there is configuration information corresponding to a plurality of different processes, receiving a second selection operation; In response to the second selection operation, taking the process on which the second selection operation acts as a target process; Determining the configuration information of the target process as target configuration information; An additional page is generated based on the target configuration information.

10. The method according to claim 8 or 9, characterized in that: Before generating the additional page based on the configuration information, the method further includes: Determining an object tag corresponding to the second device; Based on the object tag, receiving configuration information matching the object tag from the first device; The generating of the additional page based on the configuration information includes: The configuration information is loaded based on a software development kit preset for the second device to generate an additional page.

11. A device for generating a page, characterized in that: Applied to a first device, the apparatus comprises: A first display unit, configured to display an application page of a target application; A receiving unit, configured to receive a first selection operation on a first page element in the application page, wherein the first page element is any page element in the application page; A first determining unit, configured to determine, in response to the first selection operation, an additional element to be associated and displayed with the first page element; A second determining unit, configured to determine configuration information of the additional element; A generating unit is used to generate an additional page based on the configuration information, wherein the second page element of the additional page includes the additional element, and the additional page is used to: be displayed in a stacked manner with the application page when the application page is displayed.

12. A page display device, characterized in that: Applied to a second device, the apparatus comprises: A second display unit, used to display an application page of a target application, wherein the application page displays a first page element; A generating unit, configured to generate an additional page based on the configuration information; The third display unit is used to display the additional page, wherein the additional page displays additional elements associated with the first page elements, and the additional page is displayed in a stacked manner with the application page.

13. An electronic device, characterized in that: include: Memory for storing computer programs; A processor is used to execute the computer program stored in the memory, and when the computer program is executed, the method for generating the page of any one of claims 1 to 10 is implemented.

14. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the method for generating the page of any one of claims 1 to 10 is implemented.

Images