Page display method and device, equipment and storage medium

Abstract

The embodiment of the invention provides a page display method and device, equipment and a storage medium. The method comprises the steps that target page configuration information is obtained, a target page comprises at least one page element, and the target page configuration information comprises canvas configuration information and element configuration information and element display content corresponding to each page element; performing page initialization based on the canvas configuration information, and determining a target rendering sequence corresponding to all page elements based on layer information in the element configuration information; based on action information in the element configuration information, performing action information binding on the page elements so as to detect that the bound action information is executed on the bound page elements, and executing preset response operation; and based on the target rendering sequence, the rendering parameter information in the element configuration information and the element display content, rendering the bound page elements so as to display the target page, thereby realizing page dynamic rendering and display based on the standardized page configuration information.

Description

Technical Field

[0001] Embodiments of the present disclosure relate to computer technologies, and in particular, to a page display method, apparatus, device, and storage medium. Background Art

[0002] With the rapid development of computer technologies, it is often necessary to develop different pages based on different business requirements. Currently, the display styles and display contents of pages are usually solidified in code, and page rendering and display are performed by executing the solidified page code. Moreover, when it is necessary to change the page display content, developers need to manually modify the page code, which greatly reduces the development efficiency. In addition, the page rendering logic is bound to the underlying architecture of the page rendering system and cannot be reused in other page rendering systems, increasing the development cost. Summary of the Invention

[0003] The present disclosure provides a page display method, apparatus, device, and storage medium, which perform dynamic rendering and display based on standardized page configuration information, and the rendering process does not need to be bound to the system underlying architecture, so that it can be reused in different page rendering systems, improving the development efficiency and reducing the development cost.

[0004] In a first aspect, embodiments of the present disclosure provide a page display method, including:

[0005] Obtaining target page configuration information corresponding to a target page to be displayed, where the target page includes at least one page element, and the target page configuration information includes canvas configuration information, as well as element configuration information and element display content corresponding to each page element;

[0006] Initializing a page based on the canvas configuration information, and determining a target rendering order corresponding to all page elements based on the layer information in all element configuration information;

[0007] Binding action information to the page element based on the action information in the element configuration information to obtain a bound page element, so as to execute a preset response operation of the action information bound to the page element when it is detected that the action information bound to the page element is executed on the bound page element;

[0008] Rendering the bound page element based on the target rendering order, the rendering parameter information in the element configuration information, and the element display content to display the target page.

[0009] In a second aspect, embodiments of the present disclosure further provide a page display apparatus, including:

[0010] A page configuration information acquisition module, configured to acquire target page configuration information corresponding to a target page to be displayed, where the target page includes at least one page element, and the target page configuration information includes canvas configuration information, as well as element configuration information and element display content corresponding to each page element;

[0011] A rendering order determination module, configured to perform page initialization based on the canvas configuration information, and determine a target rendering order corresponding to all page elements based on the layer information in all element configuration information;

[0012] An action information binding module, configured to bind action information to the page element based on the action information in the element configuration information, to obtain a bound page element, so that when it is detected that the action information bound to the page element is executed on the bound page element, a preset response operation for the action information bound to the page element is executed;

[0013] A page element rendering module, configured to render the bound page element based on the target rendering order, the rendering parameter information in the element configuration information, and the element display content, so as to display the target page.

[0014] In a third aspect, an embodiment of the present disclosure further provides an electronic device, where the electronic device includes:

[0015] One or more processors;

[0016] A storage device, configured to store one or more programs,

[0017] When the one or more programs are executed by the one or more processors, the one or more processors implement the page display method according to any one of the embodiments of the present disclosure.

[0018] In a fourth aspect, an embodiment of the present disclosure further provides a storage medium including computer-executable instructions, where the computer-executable instructions are used to execute the page display method according to any one of the embodiments of the present disclosure when executed by a computer processor.

[0019] In an embodiment of the present disclosure, by obtaining the standardized target page configuration information corresponding to the target page to be displayed, where the target page includes at least one page element, and the target page configuration information includes canvas configuration information, as well as element configuration information and element display content corresponding to each page element, the standardized configuration of page information is realized. Based on the canvas configuration information, page initialization is performed, and based on the layer information in all element configuration information, the target rendering order corresponding to all page elements can be directly determined without combining with the system underlying architecture. And based on the action information in the element configuration information, action information binding is performed on the page elements to obtain the bound page elements, so as to detect that the action information bound to the page elements is executed on the bound page elements, execute the preset response operation of the action information bound to the page elements, and based on the target rendering order, the rendering parameter information in the element configuration information, and the element display content, render the bound page elements to display the target page, thereby realizing the dynamic configuration and rendering of the page, and the rendering process does not need to be bound to the system underlying architecture, realizing a general rendering logic, and then can be reused in different page rendering systems, improving the development efficiency and reducing the development cost. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] In combination with the accompanying drawings and with reference to the following specific embodiments, the above and other features, advantages and aspects of the various embodiments of the present disclosure will become more apparent. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the original and elements are not necessarily drawn to scale.

[0021] Figure 1 is a flowchart of a page display method provided by an embodiment of the present disclosure;

[0022] Figure 2 is an example diagram of a page rendering related to an embodiment of the present disclosure;

[0023] Figure 3 is an example diagram of a coordinate system related to an embodiment of the present disclosure;

[0024] Figure 4 is a flowchart of another page display method provided by an embodiment of the present disclosure;

[0025] Figure 5 is a structural diagram of a page display device provided by an embodiment of the present disclosure;

[0026] Figure 6 is a structural diagram of an electronic device provided by an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0027] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Instead, these embodiments are provided to more thoroughly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not used to limit the protection scope of the present disclosure.

[0028] It should be understood that the various steps recited in the method embodiments of the present disclosure may be executed in a different order and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this regard.

[0029] As used herein, the term "including" and its variations are open-ended, i.e., "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0030] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0031] It should be noted that the modifications of "one" and "plural" mentioned in the present disclosure are illustrative rather than restrictive. Those skilled in the art should understand that unless clearly stated otherwise in the context, it should be understood as "one or more".

[0032] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only for illustrative purposes and are not used to limit the scope of these messages or information.

[0033] It can be understood that the data involved in the technical solution (including but not limited to the data itself, the acquisition or use of the data) should comply with the requirements of the corresponding laws, regulations and related provisions.

[0034] Figure 1 It is a schematic flowchart of a page display method provided for an embodiment of the present disclosure. The embodiments of the present disclosure are applicable to the situation of standardizing the configuration and rendering of a page. This method can be executed by a page display device, which can be implemented in the form of software and / or hardware. Optionally, it can be implemented by an electronic device, which can be a mobile terminal, a PC or a server, etc.

[0035] Such as Figure 1As shown, the page display method specifically includes the following steps:

[0036] S110. Obtain the target page configuration information corresponding to the target page to be displayed. Among them, the target page includes at least one page element, and the target page configuration information includes canvas configuration information, as well as element configuration information and element display content corresponding to each page element.

[0037] Among them, the target page can be any page that needs to be displayed in any business scenario. For example, the target page can refer to a merchant store page, etc. The target page configuration information can be the target page display information pre-configured based on business requirements. The target page is configured with information through standardized page elements. A page element can refer to a display unit of page content. Different types of display content can correspond to different types of page elements. For example, page elements can include, but are not limited to, at least one of text elements, image elements, combined elements, and custom elements. Among them, a text element can be an element used to render and display text information. For example, Figure 2 the displayed text information such as "Get it now" and "Use when full 99 yuan" in Figure 2 corresponds to text elements. An image element can be an element used to render and display an image. A combined element can be an element used to render the local style of a page. That is to say, a combined element is used to render a local element with a special layout. A combined element can include at least one page element. The page elements contained in the combined element are the sub-elements of the combined element. A combined element can be used to render the background style of the contained sub-elements. For example, Figure 2 the elliptical area under "Get it now" in

[0038] Among them, the canvas configuration information may include the canvas size information of the target page, such as the canvas width and height information. The canvas size information can be scaled in combination with the page display area. The element configuration information can be used to represent the rendering template information of page elements. The element configuration information may include: page element type, element width, element height, rotation angle, general CSS (Cascading Style Sheets) style, parent element id, layer information, child node id, and background image, etc. Different types of page elements can provide differentiated configuration information. For example, the element configuration information corresponding to a text element may include: text style information, such as font, font size, line height, font weight, etc. The element configuration information corresponding to an image element may include: the width and height coordinates (x, y) of the image and the image address, etc. The element configuration information corresponding to an image element may include: child element configuration information. By configuring the information of each type of page element in a unified format, the standardized configuration of page information can be achieved. The element display content may refer to the information that the page element needs to display in actual business. Different types of page elements can correspond to different types of element display content.

[0039] Specifically, through any one of the configuration methods, the target page to be displayed can be configured with information in a unified format to obtain standardized target page configuration information. Exemplarily, the process of obtaining the target page configuration information can be achieved through the following three methods:

[0040] As the first implementation method, S110 may include: parsing and processing the target design draft corresponding to the target page to be displayed to obtain the target page configuration information corresponding to the target page.

[0041] Among them, the target design draft may be the display style and display content of the target page designed by the designer. Specifically, each page element in the target design draft can be type-labeled, and based on the labeling result, the element information of the target design draft can be parsed according to the preset information configuration format to obtain the canvas configuration information in the target design draft, as well as the element configuration information and element display content corresponding to each page element, so that the standardized target page configuration information can be obtained by parsing the design draft.

[0042] As the second implementation method, S110 may include: generating the target page configuration information corresponding to the target page to be displayed through a low-code configuration platform.

[0043] Specifically, in the low-code configuration platform, the target page to be displayed is built visually, and according to the preset information configuration format, the target page configuration information of the built target page is synchronously generated, so that the standardized target page configuration information can also be obtained through the low-code configuration platform.

[0044] As a third implementation manner, S110 may include: generating target page configuration information corresponding to a target page to be displayed through an artificial intelligence model.

[0045] Specifically, input the display requirement information of the target page into the artificial intelligence model. The artificial intelligence model may configure the page information based on the input display requirement information according to a preset information configuration format, generate and output standardized target page configuration information, so that standardized target page configuration information can also be obtained through the artificial intelligence model.

[0046] S120. Initialize the page based on the canvas configuration information, and determine the target rendering order corresponding to all page elements based on the layer information in all element configuration information.

[0047] Among them, the layer information can be used to represent the layer order information of page elements in the target page. Based on the layer information, the up-and-down stacking order between page elements can be determined. For example, Figure 2 the text element of "Get it now" is in the upper layer, and the combined element corresponding to the elliptical area is in the lower layer, so that "Get it now" is superimposed and displayed on the elliptical area.

[0048] Specifically, initialize the page based on the canvas configuration information, determine the actual canvas size, and establish a coordinate system for the target page. For example, refer to Figure 3 , the width in this coordinate system refers to the length of an element in the horizontal direction, and the height refers to the length of an element in the vertical direction. w refers to the width of the element itself, h refers to the height of the element itself. x is the distance from the origin in the horizontal direction. y is the distance from the origin in the vertical direction. Determine the display position and size of each page element according to this coordinate system. Traverse all element configuration information in the target page configuration information to obtain the layer information corresponding to each page element, and compare all layer information to determine the sequential rendering order of all page elements. For example, first render the page elements in the bottommost layer, then render the page elements in the second bottom layer, and finally render the page elements in the topmost layer, so as to avoid the situation of incorrect occlusion of page elements and ensure that the rendered target page meets the actual business requirements. It should be noted that the target rendering order can be directly determined only by traversing the layer information, without being bound to the underlying rendering architecture.

[0049] Exemplarily, S120 may include: traversing all element configuration information in the target page configuration information based on the page element types in the target page to obtain the layer information corresponding to each page element in the target page; determining the target rendering order corresponding to all page elements based on all layer information.

[0050] Specifically, based on the page element configuration order in the target page configuration information, traverse the element configuration information of all page elements, obtain the layer information in the currently traversed element configuration information, and determine the page element type corresponding to the currently traversed element configuration information. If the currently traversed page element type is a text element type or an image element type, the element configuration information of the next page element can be continuously traversed. If the currently traversed page element type is a composite element or a custom element, check whether there are child elements. If there are, traverse all existing child elements, obtain the layer information corresponding to each child element, and similarly determine the page element type of each child element. If the page element type of the child element is a text element type or an image element type, the element configuration information of the next page element can be continuously traversed. If the page element type of the child element is a composite element or a custom element, continue to check whether there are child elements, and execute in sequence until the traversal ends, obtaining the layer information corresponding to each page element in the target page. Sort the rendering order of all page elements according to the order of all layer information to obtain the target rendering order corresponding to all page elements.

[0051] S130. Bind action information to the page element based on the action information in the element configuration information to obtain the page element after binding, so as to detect the execution of the action information bound to the page element on the bound page element and execute the preset response operation of the action information bound to the page element.

[0052] Among them, the action information can be pre-configured based on business requirements and is an action that can be triggered by the user on the page element. Each page element can be bound with one or more action information. For example, the action information bound to the page element can include at least one of general actions and custom actions. Among them, the general action can refer to the regular actions on the page. For example, the general action can include but is not limited to at least one of click action, exposure action, and sliding action. The custom action is mainly a specific action triggered by the custom element. The preset response operation can refer to the response operation that needs to be executed after the action information is executed, which is pre-set based on the actual business. For example, the preset response operation can be a page jump operation or a user information change operation, etc. Different action information can correspond to different response operations.

[0053] Specifically, based on the action information in each element configuration information, each page element is bound with corresponding action information, so that when it is detected that the action information bound to the page element is executed on the bound page element, the preset response operation of the action information bound to the page element can be automatically executed. It should be noted that if the action information in the element configuration information corresponding to a certain page element is empty information, it means that no specified action information needs to be executed on this page element, that is, this page element is a non-interactive element. At this time, the bound page element is the original page element.

[0054] S140. Render the bound page elements based on the target rendering order, the rendering parameter information in the element configuration information, and the element display content, so as to display the target page.

[0055] Among them, the rendering parameter information can refer to the page element information referred to during rendering. For example, the rendering parameter information can include rendering position information, rendering style information, etc. Specifically, according to the target rendering order of all page elements, rendering based on the rendering parameter information corresponding to each page element can display the template style of each page element, and render and add the element display content corresponding to each page element to the corresponding template style, so as to display the specific page elements containing the element display content, and then display the target page that meets the actual business requirements. Since different element display contents can render different page elements, the dynamic rendering of the target page is realized.

[0056] It should be noted that since the rendering process does not need to be bound to the system underlying architecture, the above page rendering process can be applied to browsers and clients with any operating system (such as the Android system or the iOS system). That is to say, whether it is a low-code configuration scenario or an artificial intelligence-generated configuration scenario, and whether it is a web page or a client, the same set of configurations can be used to render the same content (that is, one code for multiple terminals), so that it can be reused in different systems, reducing the development cost of the system.

[0057] The technical solution of the embodiment of the present disclosure realizes the standardized configuration of page information by obtaining the standardized target page configuration information corresponding to the target page to be displayed, where the target page includes at least one page element, and the target page configuration information includes canvas configuration information, element configuration information corresponding to each page element, and element display content. Based on the canvas configuration information, page initialization is performed, and based on the layer information in all element configuration information, the target rendering order corresponding to all page elements can be directly determined without combining with the system underlying architecture. And based on the action information in the element configuration information, action information binding is performed on the page elements to obtain the bound page elements, so as to detect the execution of the action information bound to the page element on the bound page element, execute the preset response operation of the action information bound to the page element, and based on the target rendering order, rendering parameter information in the element configuration information, and element display content, render the bound page elements to display the target page, thus realizing the dynamic configuration and rendering of the page, and the rendering process does not need to be bound to the system underlying architecture, realizing a general rendering logic, and then can be reused in different page rendering systems, improving the development efficiency and reducing the development cost.

[0058] Figure 4 FIG. 4 is a schematic flowchart of another page display method provided by an embodiment of the present disclosure. Based on the above-mentioned disclosed embodiments, the embodiment of the present disclosure details the specific process of executing corresponding business events by triggering actions. The explanations of the same or corresponding terms as those in the above-mentioned disclosed embodiments are not repeated here.

[0059] As Figure 4 shown, the page display method specifically includes the following steps:

[0060] S210. Obtain the target page configuration information corresponding to the target page to be displayed, where the target page includes at least one page element, and the target page configuration information includes canvas configuration information, element configuration information corresponding to each page element, and element display content.

[0061] S220. Perform page initialization based on the canvas configuration information, and determine the target rendering order corresponding to all page elements based on the layer information in all element configuration information.

[0062] S230. Perform action information binding on the page elements based on the action information in the element configuration information to obtain the bound page elements, so as to detect the execution of the action information bound to the page element on the bound page element and execute the preset response operation of the action information bound to the page element.

[0063] S240. Render the bound page elements based on the target rendering order, the rendering parameter information in the element configuration information, and the element display content, so as to display the target page.

[0064] S250. Detect that the target action information bound to the target page element is executed on the target page element, and determine the target response function corresponding to the target action information based on the preset response function corresponding to each action information registered in advance.

[0065] Among them, the target page element can refer to the page element triggered by the user at the current moment in the target page. The target action information can refer to the bound action information triggered by the user on the target page element at the current moment. The preset response function can be a function preset for performing response operations. Different action information corresponds to different response functions. For example, according to business requirements, multiple action information and the preset response function corresponding to each action information can be registered in advance in the business center. The action type + element name can be used as the key value of the action (such as click_coupons), and the corresponding response function can be stored in the business center as the value. Among them, the action name is mainly used to distinguish the action type triggered by the element, so as to determine the bound response function. Each rendered page element can be bound to one or more action information registered in the business center.

[0066] Specifically, after the user triggers the target action information on the target page element in the displayed target page, that is, after detecting that the target action information bound to the target page element is executed on the target page element, in response to the execution operation of the target action information, the preset response function corresponding to the target action information can be queried from the preset response functions corresponding to each action information registered in advance, and the queried preset response function can be used as the target response function corresponding to the target action information. For example, the target key value can be determined based on the name of the target page element and the type of the target action information, and the target value corresponding to the target key value can be determined as the target response function by querying in the business center based on the target key value.

[0067] S260. Execute the target response operation of the target action information based on the target response function.

[0068] Specifically, by calling and running the target response function, the corresponding target response operation can be automatically executed on the target page element, so as to automatically complete the action response, improve the execution efficiency of the response operation, and meet the personalized business requirements.

[0069] Exemplarily, S260 may include: obtaining target action parameter information corresponding to the target action information; determining target element display content corresponding to the target page element based on the target action parameter information; and performing a target response operation of the target action information based on the target response function and the target element display content.

[0070] Among them, the target action parameter information refers to the storage path information of the element display content of the target page element, so that the latest element display content can be obtained based on this storage path information, avoiding the situation of dynamic change of the element display content.

[0071] Specifically, there are multiple page elements with the same name in the target page, but the element display content displayed by different page elements is different. For example Figure 2 when there are 3 page elements with the name of coupon in it, but they correspond to coupons with different denominations respectively. If the user triggers the same target action information for one of the target page elements, it is necessary to obtain the target action parameter information corresponding to the target action information at the same time, that is, the storage path information of the element display content displayed by the target page element. Based on the target action parameter information, the target element display content corresponding to the target page element under this storage path information can be determined from the display content database, and the target element display content is used as an input parameter to be input into the target response function, so that the target response function can determine which target page element the user triggers based on the target element display content, and perform the target response operation of the target action information based on the determined target page element, thereby ensuring the accuracy of the service response operation.

[0072] The technical solution of the embodiment of the present disclosure, by detecting the execution of the target action information bound to the target page element on the target page element, determines the target response function corresponding to the target action information based on the preset response function corresponding to each action information registered in advance, and performs the target response operation of the target action information based on the target response function, thereby automatically completing the action response, improving the execution efficiency of the response operation, and meeting the personalized service requirements.

[0073] Based on the above technical solutions, the method further includes: detecting the execution of the target action information bound to the target page element on the target page element, determining the current service state corresponding to the target page element; determining the current element display content corresponding to the current service state based on the current service state and the target element display content, and re-rendering the target page element based on the current element display content.

[0074] Among them, the target page element can have at least two service states, and the target element display content corresponding to the target page element can include the element display content corresponding to each service state. For example, if the target page element is a coupon, the corresponding target element display content can include the element display content in the unclaimed state and the element display content in the claimed state.

[0075] Specifically, after the user triggers the target action information for the target page element in the displayed target page, that is, after detecting the execution of the target action information bound to the target page element, the service state of the target page element may change. Therefore, it is necessary to determine the current service state of the target page element based on the executed target action information. If the current service state is different from the original service state, that is, the service state has changed, then determine the current element display content corresponding to the current service state from the target element display content corresponding to the target page element, and based on the current element display content, re-render the target page element, so that the target page element can quickly and automatically display the current element display content without external triggering, further realizing the dynamic rendering of the page. By performing automatic rendering based on the change of the service state of the page element, there is no need to modify the element state for rendering after the response operation of the action information is executed, thus reducing the rendering complexity and being less prone to errors, ensuring the accuracy and efficiency of the page display.

[0076] Figure 5 The following is a schematic structural diagram of a page display device provided by an embodiment of the present disclosure, as Figure 5 shown, the device specifically includes: a page configuration information acquisition module 310, a rendering order determination module 320, an action information binding module 330, and a page element rendering module 340.

[0077] Among them, the page configuration information acquisition module 310 is configured to acquire target page configuration information corresponding to a target page to be displayed, where the target page includes at least one page element, and the target page configuration information includes canvas configuration information, as well as element configuration information and element display content corresponding to each page element; the rendering order determination module 320 is configured to perform page initialization based on the canvas configuration information, and determine a target rendering order corresponding to all page elements based on the layer information in all element configuration information; the action information binding module 330 is configured to bind action information to the page element based on the action information in the element configuration information, to obtain a page element after binding, so that when it is detected that the action information bound to the page element is executed on the page element after binding, a preset response operation for the action information bound to the page element is executed; the page element rendering module 340 is configured to render the page element after binding based on the target rendering order, the rendering parameter information in the element configuration information, and the element display content, so as to display the target page.

[0078] The technical solution provided by the embodiments of the present disclosure realizes the standardized configuration of page information by acquiring standardized target page configuration information corresponding to a target page to be displayed, where the target page includes at least one page element, and the target page configuration information includes canvas configuration information, as well as element configuration information and element display content corresponding to each page element. Based on the canvas configuration information, page initialization is performed, and based on the layer information in all element configuration information, the target rendering order corresponding to all page elements can be directly determined without combining with the system underlying architecture. And based on the action information in the element configuration information, action information is bound to the page element to obtain a page element after binding, so that when it is detected that the action information bound to the page element is executed on the page element after binding, a preset response operation for the action information bound to the page element is executed, and based on the target rendering order, the rendering parameter information in the element configuration information, and the element display content, the page element after binding is rendered to display the target page, thereby realizing the dynamic configuration and rendering of the page, and the rendering process does not need to be bound to the system underlying architecture, realizing a general rendering logic, and thus can be reused in different page rendering systems, improving the development efficiency and reducing the development cost.

[0079] Based on the above technical solution, the page element includes at least one of a text element, a picture element, a combined element, and a custom element;

[0080] Among them, the combined element is an element used to render a local style of the page, and the combined element includes at least one page element;

[0081] The action information bound to the page element includes at least one of a general action and a custom action; wherein, the general action includes at least one of a click action, an exposure action, and a sliding action.

[0082] Based on the above technical solutions, the page configuration information acquisition module 310 specifically includes one of the following:

[0083] Parse and process the target design draft corresponding to the target page to be displayed to obtain the target page configuration information corresponding to the target page;

[0084] Generate the target page configuration information corresponding to the target page to be displayed through a low-code configuration platform;

[0085] Generate the target page configuration information corresponding to the target page to be displayed through an artificial intelligence model.

[0086] Based on the above technical solutions, the rendering order determination module 320 is specifically used for:

[0087] Traverse all element configuration information in the target page configuration information based on the page element type in the target page to obtain the layer information corresponding to each page element in the target page; determine the target rendering order corresponding to all page elements based on all layer information.

[0088] Based on the above technical solutions, the device further includes:

[0089] A response function determination module, configured to detect the execution of the target action information bound to the target page element, and determine the target response function corresponding to the target action information based on the preset response function corresponding to each action information registered in advance;

[0090] A response operation execution module, configured to execute the target response operation of the target action information based on the target response function.

[0091] Based on the above technical solutions, the response operation execution module is specifically used for:

[0092] Obtain the target action parameter information corresponding to the target action information, where the target action parameter information refers to the storage path information of the element display content of the target page element; determine the target element display content corresponding to the target page element based on the target action parameter information; execute the target response operation of the target action information based on the target response function and the target element display content.

[0093] Based on the above technical solutions, the device further includes:

[0094] A current service status determination module, configured to determine a current service status corresponding to the target page element when detecting that a target action information bound to the target page element is executed on the target page element, where there are at least two service statuses for the target page element, and the target element display content corresponding to the target page element includes element display content corresponding to each service status;

[0095] A re-rendering module, configured to determine current element display content corresponding to the current service status based on the current service status and the target element display content, and re-render the target page element based on the current element display content.

[0096] The page display device provided by an embodiment of the present disclosure can execute the page display method provided by any embodiment of the present disclosure, and has function modules and beneficial effects corresponding to the execution of the method.

[0097] It should be noted that the various units and modules included in the above device are only divided according to functional logic, but are not limited to the above division, as long as the corresponding functions can be realized; in addition, the specific names of the functional units are only for the convenience of mutual distinction and do not limit the protection scope of the embodiments of the present disclosure.

[0098] Figure 6 It is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure. Referring below to Figure 6 , which shows a schematic structural diagram of an electronic device (such as a terminal device or a server in Figure 6 ) 500 suitable for implementing an embodiment of the present disclosure. The terminal device in an embodiment of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (Tablet Computers), PMPs (Portable Multimedia Players), in-vehicle terminals (such as in-vehicle navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 6 The electronic device shown is only an example and should not bring any limitation to the functions and usage scope of the embodiments of the present disclosure.

[0099] As shown in Figure 6As shown, the electronic device 500 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 501, which may perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 502 or a program loaded from a storage device 508 into a random access memory (RAM) 503. In the RAM 503, various programs and data required for the operation of the electronic device 500 are also stored. The processing device 501, the ROM 502, and the RAM 503 are connected to each other via a bus 504. An editing / output (I / O) interface 505 is also connected to the bus 504.

[0100] Generally, the following devices may be connected to the I / O interface 505: an input device 506 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 507 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 508 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 509. The communication device 509 may allow the electronic device 500 to communicate with other devices wirelessly or wiredly to exchange data. Although Figure 6 the electronic device 500 with various devices is shown, it should be understood that it is not required to implement or have all the shown devices. More or fewer devices may be implemented or had alternatively.

[0101] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart may be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program codes for executing the method shown in the flowchart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication device 509, or installed from the storage device 508, or installed from the ROM 502. When the computer program is executed by the processing device 501, the above functions defined in the method of the embodiment of the present disclosure are executed.

[0102] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only for illustrative purposes and are not used to limit the scope of these messages or information.

[0103] The electronic device provided by the embodiment of the present disclosure and the page display method provided by the above embodiment belong to the same inventive concept. Technical details not described in detail in this embodiment may be referred to in the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

[0104] The embodiment of the present disclosure provides a computer storage medium, on which a computer program is stored, and when the program is executed by a processor, the page display method provided by the above embodiment is implemented.

[0105] It should be noted that the above-mentioned computer-readable medium in the present disclosure can be a computer-readable signal medium, a computer-readable storage medium, or any combination of the two. A computer-readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the above. More specific examples of the computer-readable storage medium can include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium can be any tangible medium that contains or stores a program, and this program can be used by or in combination with an instruction execution system, apparatus, or device. In the present disclosure, a computer-readable signal medium can include a data signal propagated in a baseband or as part of a carrier wave, in which the computer-readable program code is carried. Such a propagated data signal can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium, and this computer-readable signal medium can send, propagate, or transmit a program for use by or in combination with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted by any appropriate medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0106] In some embodiments, the client and the server can communicate using any currently known or future-developed network protocol such as HTTP (HyperText Transfer Protocol), and can be interconnected with digital data communication in any form or medium (e.g., a communication network). Examples of communication networks include local area networks ("LAN"), wide area networks ("WAN"), the Internet (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any currently known or future-developed network.

[0107] The above-mentioned computer-readable medium can be included in the above-mentioned electronic device; it can also exist separately without being assembled into the electronic device.

[0108] The above computer-readable medium carries one or more programs, which, when executed by the electronic device, cause the electronic device to: obtain target page configuration information corresponding to a target page to be displayed, where the target page includes at least one page element, and the target page configuration information includes canvas configuration information, element configuration information corresponding to each page element, and element display content; perform page initialization based on the canvas configuration information, and determine a target rendering order corresponding to all page elements based on the layer information in all element configuration information; bind action information to the page elements based on the action information in the element configuration information to obtain the page elements after binding, so as to execute a preset response operation of the action information bound to the page element when it is detected that the action information bound to the page element after binding is executed on the page element after binding; render the page elements after binding based on the target rendering order, the rendering parameter information in the element configuration information, and the element display content to display the target page.

[0109] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages or combinations thereof. The programming languages include, but are not limited to, object-oriented programming languages such as Java, Smalltalk, C++, and also include conventional procedural programming languages such as the "C" language or similar programming languages. The program code may execute entirely on the user's computer, partially on the user's computer, as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0110] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, a segment of a program, or a portion of code that contains one or more executable instructions for implementing a specified logical function. It should also be noted that, in some alternative implementations, the functions noted in the blocks may occur in a different order than that noted in the accompanying drawings. For example, two consecutive blocks shown may actually be executed substantially in parallel, or they may sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented by a dedicated hardware-based system that performs the specified functions or operations, or by a combination of dedicated hardware and computer instructions.

[0111] The units involved in the embodiments described in the present disclosure can be implemented in software or in hardware. Among them, the name of the unit does not constitute a limitation to the unit itself in some cases. For example, the first acquisition unit can also be described as "the unit for acquiring at least two Internet protocol addresses".

[0112] The functions described above in this document can be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that can be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on a chip (SOCs), complex programmable logic devices (CPLDs), and so on.

[0113] In the context of the present disclosure, a machine-readable medium can be a tangible medium that can contain or store a program for use by or in connection with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0114] The above description is only a preferred embodiment of the present disclosure and an explanation of the applied technical principles. Those skilled in the art should understand that the scope of the disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosure concept. For example, the technical solutions formed by mutually replacing the above features with the technical features (but not limited to) having similar functions disclosed in the present disclosure.

[0115] In addition, although the operations are depicted in a particular order, this should not be construed as requiring that the operations be performed in the particular order shown or in sequential order. In certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although a number of specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the present disclosure. Certain features described in the context of separate embodiments may also be implemented combinatorially in a single embodiment. Conversely, the various features described in the context of a single embodiment may also be implemented separately or in any suitable sub-combination in multiple embodiments.

[0116] Although the subject matter has been described in language specific to structural features and / or methodological logical acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims.

Claims

1. A page display method, characterized in that, Including: Obtain the target page configuration information corresponding to the target page to be displayed, where the target page includes at least one page element, and the target page configuration information includes canvas configuration information, as well as element configuration information and element display content corresponding to each page element; Perform page initialization based on the canvas configuration information, and determine the target rendering order corresponding to all page elements based on the layer information in all element configuration information; Bind action information to the page element based on the action information in the element configuration information to obtain the bound page element, so as to detect the execution of the action information bound to the page element on the bound page element and execute the preset response operation of the action information bound to the page element; Render the bound page element based on the target rendering order, the rendering parameter information in the element configuration information, and the element display content to display the target page.

2. The page display method according to claim 1, wherein The page element includes at least one of a text element, a picture element, a combined element, and a custom element; Among them, the combined element is an element used to render the local style of the page, and the combined element includes at least one page element; The action information bound to the page element includes at least one of a general action and a custom action; among them, the general action includes at least one of a click action, an exposure action, and a slide action.

3. The page display method according to claim 1, wherein The obtaining of the target page configuration information corresponding to the target page to be displayed includes one of the following: Perform parsing processing on the target design draft corresponding to the target page to be displayed to obtain the target page configuration information corresponding to the target page; Generate the target page configuration information corresponding to the target page to be displayed through a low-code configuration platform; Generate the target page configuration information corresponding to the target page to be displayed through an artificial intelligence model.

4. The page display method according to claim 1, wherein The determining of the target rendering order corresponding to all page elements based on the layer information in all element configuration information includes: Traverse all element configuration information in the target page configuration information based on the page element type in the target page to obtain the layer information corresponding to each page element in the target page; Determine the target rendering order corresponding to all page elements based on all layer information.

5. The page display method according to claim 1, wherein After displaying the target page, it further includes: Detect the execution of the target action information bound to the target page element on the target page element, and determine the target response function corresponding to the target action information based on the preset response function corresponding to each action information registered in advance; Execute the target response operation of the target action information based on the target response function.

6. The page display method according to claim 5, wherein The executing of the target response operation of the target action information based on the target response function includes: Obtain the target action parameter information corresponding to the target action information, where the target action parameter information refers to the storage path information of the element display content of the target page element; Determine the target element display content corresponding to the target page element based on the target action parameter information. Perform a target response operation on the target action information based on the target response function and the target element display content.

7. The page display method according to any one of claims 1-6, characterized in that, The method further includes: Upon detecting the execution of the target action information bound to a target page element on the target page element, determine the current service state corresponding to the target page element, where the target page element has at least two service states, and the target element display content corresponding to the target page element includes the element display content corresponding to each service state; Based on the current service state and the target element display content, determine the current element display content corresponding to the current service state, and based on the current element display content, re-render the target page element.

8. A page display device, characterized in that, It includes: A page configuration information acquisition module, configured to acquire target page configuration information corresponding to a target page to be displayed, where the target page includes at least one page element, and the target page configuration information includes canvas configuration information and element configuration information and element display content corresponding to each page element; A rendering order determination module, configured to perform page initialization based on the canvas configuration information, and determine the target rendering order corresponding to all page elements based on the layer information in all element configuration information; An action information binding module, configured to bind action information to the page element based on the action information in the element configuration information to obtain a bound page element, so that upon detecting the execution of the action information bound to the page element on the bound page element, perform a preset response operation on the action information bound to the page element; A page element rendering module, configured to render the bound page element based on the target rendering order, the rendering parameter information in the element configuration information, and the element display content to display the target page.

9. An electronic device, characterized in that, The electronic device includes: One or more processors; A storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the page display method according to any one of claims 1-7.

10. A storage medium containing computer-executable instructions, characterized in that, The computer-executable instructions are used to execute the page display method according to any one of claims 1-7 when executed by a computer processor.

Images