Method, device and equipment for page presentation and readable medium

Abstract

The embodiment of the invention provides a page presentation method and device, equipment and a readable medium. The method includes presenting, at a client, a target page and a configuration page for the target page during configuration of elements in the target page. And in response to a selection operation on a target element in the target page, sending the identifier associated with the target page, the identifier associated with the target element and the identifier associated with the service interface on which the target element depends to a server. And in response to the received first configuration information sent by the server, determining a corresponding configuration item associated with the target element in the configuration page based on the first configuration information. And in the configuration page, displaying the corresponding configuration item different from other configuration items. In this way, developers can clearly know the corresponding relation between the elements in the target page and the configuration items in the configuration page, and therefore the associated nodes of the configuration logic can be accurately positioned.

Description

TECHNICAL FIELD

[0001] Example embodiments of the present disclosure generally relate to the field of computer technology, and more particularly, to methods, apparatuses, devices and computer-readable storage media for multi-page presentation. BACKGROUND

[0002] With the increasing demand for page personalization, the value of visualizing the configuration of a page, as the core entry for managing page attributes, is increasingly important. It allows users to conveniently set parameters such as layout, color, and functional modules of a page through a visual operation interface (e.g., containing elements such as forms, switches, drop-down menus, etc.). Users can customize the presentation effect of a page without the need to master code knowledge, preview and adjust the configuration results in real time until the ideal state. This mode significantly reduces the threshold for page customization, supports flexible personalization, and enables page styles and functions to adapt to different business scenarios. SUMMARY

[0003] In a first aspect of the present disclosure, a method for page presentation is provided. The method comprises: at a client, presenting a target page and a configuration page for the target page during configuration of an element in the target page, a configuration item in the configuration page being used to adjust the element in the target page; in response to a selection operation on a target element in the target page, sending an identifier associated with the target page, an identifier associated with the target element, and an identifier associated with a service interface relied on by the target element to a server; in response to receiving first configuration information sent by the server, determining a corresponding configuration item associated with the target element in the configuration page based on the first configuration information; and displaying the corresponding configuration item in the configuration page, distinguished from other configuration items.

[0004] In a second aspect of the present disclosure, a method for page presentation is provided. The method comprises: at a server, receiving an identifier associated with a target page, an identifier associated with a target element in the target page, and an identifier associated with a service interface relied on by the target element sent by a client; determining first configuration information for a configuration page based on the identifier associated with the target page, the identifier associated with the target element, the identifier associated with the service interface relied on by the target element, and a second association relationship, a configuration item in the configuration page being used to adjust an element in the target page; and sending the first configuration information to the client.

[0005] In a third aspect of the present disclosure, an apparatus for page presentation is provided. The apparatus includes a first presentation module configured to present a target page and a configuration page for the target page during configuration of an element in the target page, a configuration item in the configuration page being used to adjust the element in the target page; a first sending module configured to send, in response to a selection operation on a target element in the target page, an identifier associated with the target page, an identifier associated with the target element, and an identifier associated with a service interface relied on by the target element to a server; a first determination module configured to determine, in response to receiving first configuration information sent by the server, a corresponding configuration item associated with the target element in the configuration page based on the first configuration information; and a second presentation module configured to display the corresponding configuration item in the configuration page distinguished from other configuration items.

[0006] In a fourth aspect of the present disclosure, an apparatus for page presentation is provided. The apparatus includes a receiving module configured to receive an identifier associated with a target page, an identifier associated with a target element in the target page, and an identifier associated with a service interface relied on by the target element sent by a client; a second determination module configured to determine, based on the identifier associated with the target page, the identifier associated with the target element, the identifier associated with the service interface relied on by the target element, and a second association relationship, first configuration information for a configuration page, a configuration item in the configuration page being used to adjust an element in the target page; and a second sending module configured to send the first configuration information to the client.

[0007] In a fifth aspect of the present disclosure, an electronic device is provided. The electronic device includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions when executed by the at least one processing unit causing the electronic device to perform the method of the first aspect or the second aspect of the present disclosure.

[0008] In a sixth aspect of the present disclosure, a computer-readable storage medium is provided. The computer-readable storage medium has stored thereon a computer program, which is executable by a processor to perform the method according to the first aspect or the second aspect of the present disclosure.

[0009] In a seventh aspect of the present disclosure, a computer program product is provided, including computer executable instructions, wherein the computer executable instructions are executable by a processor to perform the method according to the first aspect or the second aspect of the present disclosure.

[0010] It should be understood that the description in the summary is not intended to identify key or essential features of embodiments of the present disclosure or limit the scope of the present disclosure. Other features of the present disclosure will be apparent from the following description. BRIEF DESCRIPTION OF DRAWINGS

[0011] The above and other features, advantages, and aspects of various implementations of the present disclosure will become more apparent when described in conjunction with the following detailed description in conjunction with the following figures. In the figures, like or similar elements are referenced with like or similar reference numerals, in which:

[0012] Figure 1 A schematic diagram illustrating an example environment in which embodiments of the present disclosure can be implemented is shown;

[0013] Figure 2 A schematic diagram illustrating an example page in a configuration class application according to some embodiments of the present disclosure is shown;

[0014] Figure 3 A schematic diagram illustrating an example list of configuration forms according to some embodiments of the present disclosure is shown;

[0015] Figure 4 A schematic diagram illustrating an example page of a configuration form according to some embodiments of the present disclosure is shown;

[0016] Figure 5 A schematic diagram illustrating an example page of interface data of elements in a target page according to some embodiments of the present disclosure is shown;

[0017] Figure 6 A schematic diagram illustrating an example page of distinguishing display of configuration items in a configuration page according to some embodiments of the present disclosure is shown;

[0018] Figure 7 A schematic diagram illustrating a signaling flow of an interaction process of a client and a server according to some embodiments of the present disclosure is shown;

[0019] Figure 8 A flowchart illustrating one process for page rendering according to some embodiments of the present disclosure is shown;

[0020] Figure 9 A flowchart illustrating another process for page rendering according to some embodiments of the present disclosure is shown;

[0021] Figure 10 A block diagram illustrating one apparatus for page rendering according to some embodiments of the present disclosure is shown;

[0022] Figure 11 A block diagram illustrating another apparatus for page rendering according to some embodiments of the present disclosure is shown; and

[0023] Figure 12 A block diagram of an electronic device in which one or more embodiments of the present disclosure can be implemented is shown. DETAILED DESCRIPTION

[0024] Embodiments of the present disclosure will be described below in greater detail with reference to the accompanying drawings. While some embodiments of the present disclosure are illustrated in the drawings, it is understood that the present disclosure can be embodied in various forms and should not be interpreted as being limited to the embodiments set forth herein; rather, these embodiments are provided so as to more completely and thoroughly understand the present disclosure. It is understood that the drawings and embodiments of the present disclosure are for exemplary purposes only and are not intended to limit the scope of protection of the present disclosure.

[0025] In the description of embodiments of the present disclosure, the term "comprising" and similar terms are to be interpreted as open-ended, i.e., "including but not limited to". The term "based on" is to be interpreted as "based, at least in part, on". The term "one embodiment" or "the embodiment" is to be interpreted as "at least one embodiment". The term "some embodiments" is to be interpreted as "at least some embodiments". Other explicit or implicit definitions can also be included below.

[0026] It should be noted that in the technical solutions of the present disclosure, the acquisition, storage and application of user personal information involved comply with relevant laws and regulations and do not violate public order and good customs.

[0027] It can be understood that before using the technical solutions disclosed in the embodiments of the present disclosure, the type, use range, use scenario, etc. of the personal information involved in the present disclosure should be informed to the user and the authorization of the user should be obtained through appropriate means according to relevant laws and regulations.

[0028] For example, in response to receiving the active request of the user, prompt information is sent to the user to explicitly prompt the user that the operation requested to be performed will require obtaining and using the personal information of the user, so that the user can voluntarily choose whether to provide personal information to the software or hardware such as electronic device, application program, server or storage medium, etc. performing the operation of the technical solutions of the present disclosure according to the prompt information.

[0029] As an optional but non-limiting implementation manner, in response to receiving the active request of the user, the manner of sending prompt information to the user may, for example, be a pop-up window manner, and the prompt information can be presented in the form of text in the pop-up window. In addition, the pop-up window can also carry selection controls for the user to select "agree" or "disagree" to provide personal information to the electronic device.

[0030] Example embodiments of the present disclosure will be described in detail below with reference to the accompanying drawings.

[0031] Figure 1A schematic diagram illustrating an example environment 100 in which embodiments of the present disclosure can be implemented is shown. In this example environment 100, an application 120 is installed in a client 110. A user 140 can interact with the application 120 via the client 110 and / or an attached device of the client 110. The application 120 can be a page configuration type application (e.g., a page configuration platform) capable of providing various types of services related to page configuration to the user 140, including designing layout, editing components, adjusting style, publishing configuration, and so on.

[0032] In Figure 1 In the environment 100, the client 110 can render a page 150 of the application 120 if the application 120 is in an active state. The page 150 can include various types of pages that the application 120 can provide, such as a page configuration panel, a configuration editing page, a published page, a final effect page, and so on.

[0033] In some embodiments, the client 110 communicates with a server 130 to implement the provision of services of the application 120. The client 110 can be any type of mobile terminal, fixed terminal, or portable terminal including a mobile handset, a tablet computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, a personal communication system (PCS) device, a personal navigation device, a personal digital assistant (PDA), an audio / video player, a digital camera / camcorder, a positioning device, a television receiver, a radio broadcast receiver, an electronic book device, a game device, or any combination thereof, including accessories and peripherals of these devices, or any combination thereof. In some embodiments, the client 110 can also support any type of interface for the user (such as "wearable" circuitry, etc.). The server 130 can be various types of computing systems / servers capable of providing computing power, including but not limited to mainframes, edge computing nodes, computing devices in a cloud environment, and so on.

[0034] It should be understood that the structure and function of the environment 100 are described for illustrative purposes only and not to imply any limitation on the scope of the present disclosure.

[0035] As briefly mentioned above, a configuration page can enable a user to conveniently set parameters such as layout, color, functional module, etc. of a front-end page through a visual operation interface. However, when configuring a page element in the front-end page through a configuration item in the configuration page, the following problems can exist: when a configuration item in the configuration page needs to be modified, another configuration is actually modified; when a field is configured through a configuration item, the influence range of the field on the page element in the front-end page cannot be determined, and irrelevant elements can be affected; in a scenario involving execution logic of a page element in the front-end page, after a configuration item in the configuration page is modified, the influence of the configuration item on the execution logic cannot be determined; and when a page element in the front-end page is configured through a configuration page, the page element corresponding to the configuration item cannot be determined.

[0036] To at least partially solve the above-mentioned technical problems and / or potential problems existing in conventional solutions. Embodiments of the present disclosure provide a page rendering scheme. According to embodiments of the present disclosure, during configuration of an element in a target page, a client renders the target page and a configuration page for the target page, wherein a configuration item in the configuration page is used to adjust the element in the target page. The client sends an identifier associated with the target page, an identifier associated with a target element in the target page, and an identifier associated with a service interface relied on by the target element to a server in response to a selection operation on the target element. Further, the client determines a corresponding configuration item associated with the target element in the configuration page based on first configuration information received from the server in response to receiving the first configuration information. The corresponding configuration item is displayed in the configuration page distinguished from other configuration items.

[0037] In this way, the developer can clearly know the correspondence between the element in the target page and the configuration item in the configuration page, thereby being able to accurately locate the associated node of the configuration logic, efficiently troubleshoot configuration exceptions or functional failures, reduce redundant operations of cross-page debugging, and at the same time provide a clear mapping basis for subsequent functional iteration and configuration item expansion, and reduce development and maintenance costs.

[0038] Example embodiments of the present disclosure will be described in detail below with continued reference to the drawings.

[0039] Figure 2 FIG. 2 shows an example page 200 in a configuration-type application according to some embodiments of the present disclosure. The page 200 can be provided by the client 110 shown in FIG. 1, for example. Figure 1

[0040] ​The client 110 can receive an edit request for a front-end page from a user. For example, the user (e.g., an operator) can initiate the edit request for the front-end page by opening the application 120. Or, the user can initiate the edit request for the front-end page in the application 120, e.g., by selecting a page in the application 120. In some embodiments, the front-end page can be any suitable page to be edited. The page to be edited can be a mobile page, a fixed terminal page, etc.

[0041] In some embodiments, the page elements in the front-end page can include, but are not limited to, structural elements, text elements, multimedia elements, link elements, form elements, etc. The configuration items in the configuration page can be, e.g., color configuration items, layout configuration items, language configuration items, etc. Embodiments of the present disclosure are not intended to limit the types of elements and the types of configuration items.

[0042] In some embodiments, the configurable items for the page elements in the front-end page can be arranged in a graphical page in the form of a schema, thereby forming a configuration form for the user to configure the page elements in the front-end page through the configuration form.

[0043] In some embodiments, the configuration form can have a unique identifier to distinguish from other configuration forms. And each configuration form can configure one or more attributes of the corresponding page elements, i.e., one configuration form can be associated with one or more configuration items.

[0044] As an example, Figure 3 FIG. 3 shows an example list 300 of configuration forms according to some embodiments of the present disclosure, Figure 4 FIG. 4 shows an example page 400 of a configuration form according to some embodiments of the present disclosure.

[0045] Continuing to refer to Figure 2 During the configuration of the page elements in the front-end page, the client 110 can present the front-end page 230 and the configuration page 240 for the front-end page 230. For ease of discussion, the front-end page hereinafter can be referred to as a “target page”, and the page elements can be referred to as “elements”.

[0046] In some embodiments, the target page 230 and the configuration page 240 can be presented in the same page. For example, the page 200 includes a first area 210 and a second area 220. The target page 230 is presented in the first area 210. The configuration page 240 is presented in the second area 220. In other embodiments, the target page 230 and the configuration page 240 can also be presented in different pages. Embodiments of the present disclosure are not intended to limit the presentation manner of the target page 230 and the configuration page 240.

[0047] In some embodiments, the target page 230 and the configuration page 240 can be presented in the same page, and the target page 230 is presented along with the presentation of the configuration page 240, or the configuration page 240 is presented along with the presentation of the target 230. In other words, the target page can be associated with the configuration page, and when a different configuration page or target page is presented, the target page or configuration page associated therewith can be presented accordingly.

[0048] In some embodiments, when the client 110 detects a selection operation on an element in the target page 230, the client 110 can display the configuration item associated with the selected element in the configuration page 240, and distinguish the configuration item from other configuration items. Similarly, when the client 110 detects a selection operation on a configuration item in the configuration page 240, the client 110 can display the element associated with the selected configuration item in the target page 230, and distinguish the element from other elements. For example, the distinguished display of the element or configuration item can be highlighted display, border-added display, etc. It should be understood that the association between the configuration item and the element herein can be that the configuration item can be used to adjust or configure the element. For example, the position, color, size, etc. of the element can be configured through the configuration item.

[0049] As an example, continuing to refer to Figure 2 , the target page 230 contains elements 231, 232, 233, and 234, and the configuration page 240 contains configuration items 241, 242, 243, and 244. For example, the configuration item 241 is used to configure the element 231, the configuration item 242 is used to configure the element 232, the configuration item 243 is used to configure the element 233, and the configuration item 244 is used to configure the element 233.

[0050] When the element 231 is selected, the configuration item 241 can be displayed in the configuration page 240 and distinguished from other configuration items. Alternatively, when the configuration item 241 is selected, the element 231 can be displayed in the target page 230 and distinguished from other elements. The distinguished display herein can be highlighted display, bold display, etc. Such a display mode can be referred to as "associated display".

[0051] To achieve the associated display described above, it is necessary to configure the mapping relationship or association between the elements in the target page and the configuration items in the configuration page for the target page at the client 110 and the server 130, respectively. For ease of discussion, the mapping relationship or association configured at the client 110 can be referred to as the "first association", and the mapping relationship or association configured at the server 130 can be referred to as the "second association".

[0052] In some embodiments, the first association relationship can indicate an association relationship between an identifier associated with the target page (e.g., a unique identifier of the page), an identifier associated with an element in the target page (e.g., a key in a key-value pair), an identifier associated with a service interface relied on by the element in the target page (e.g., a unique identifier of the service interface), and attribute information associated with the element in the target page (e.g., a value in the key-value pair).

[0053] As an example, the data structure of the first association relationship can be in the following form:

[0054] {

[0055] service interface identifier: xxx1;

[0056] attribute list associated with the service interface: key1, key2, key3;

[0057] page identifier: 1;

[0058] element identifier: ABC;

[0059] service interface identifier: xxx2;

[0060] attribute list associated with the service interface: key2, key2, key3;

[0061] page identifier: 2;

[0062] element identifier: ACD;

[0063] …

[0064] }.

[0065] In some embodiments, the second association relationship can indicate an association relationship between an identifier associated with the target page (e.g., a unique identifier of the page), an identifier associated with a service interface relied on by an element in the target page (e.g., a unique identifier of the service interface), an identifier associated with a configuration form to which a configuration item in the configuration page belongs (e.g., a unique identifier of the configuration form), and an identifier associated with the configuration item in the configuration page (e.g., a key in a key-value pair).

[0066] As an example, the data structure of the second association relationship can be in the following form:

[0067] {

[0068] service interface identifier: xxx1;

[0069] page identifier: 1;

[0070] configuration form identifier: 1;

[0071] Response class path: xxx.xx.xxx.xxx;

[0072] Modified configuration class path: xxx.xx.xxx.yyy;

[0073] Service interface identifier: xxx2;

[0074] Page identifier: 2;

[0075] Configuration form identifier: 2;

[0076] Response class path: xxx.xx.xxx.xxx;

[0077] Modified configuration class path: xxx.xx.xxx.yyy;

[0078] ...

[0079] }.

[0080] Firstly, the association of an element to a configuration item is introduced as follows.

[0081] With reference to Figure 2 , the element 231 is taken as an example. The client 110 can obtain the unique identifier of the target page 230 and the attribute value of the selected element 231 by the selection operation on the element 231 in the target page 230. The attribute value here can be the value in the key-value pair associated with the element 231.

[0082] Further, the client 110 can determine the key of the element 231 by the attribute value of the element 231. For example, the corresponding key can be determined as the key of the element 231 by the value in the key-value pair associated with the element 231.

[0083] After obtaining the unique identifier of the target page 230 and the key-value pair of the element 231, the unique identifier of the service interface matched with the unique identifier of the target page 230 and the key-value pair of the element 231 can be found in the first association relationship. The service interface here is the service interface relied on by the element 231.

[0084] After finding the unique identifier of the service interface relied on by the element 231, the client 110 can send the unique identifier of the target page 230, the key in the key-value pair of the element 231 and the unique identifier of the service interface relied on by the element 231 to the server 130.

[0085] After receiving the unique identifier of the target page 230, the key of the element 231, and the unique identifier of the service interface relied on by the element 231 sent by the client 110, the server 130 can find the unique identifier of the configuration page matched from the second association relationship according to the unique identifier of the target page 230, the key of the element 231, and the unique identifier of the service interface relied on by the element 231. Then, the server 130 can obtain the configuration form matched with the unique identifier of the configuration page from the service of the configuration center, and determine the key of the configuration item matched with the key of the element 231 from the configuration form according to the key of the element 231, that is, the server 130 can obtain the unique identifier of the configuration form and the key of the configuration item. The server 130 can send the unique identifier of the configuration form and the key of the configuration item as the first configuration information to the client 110.

[0086] After receiving the first configuration information sent by the server 130, the client 110 can determine the configuration item associated with the element 231 in the configuration page 240 according to the first configuration information, that is, the configuration item 241. Specifically, the client 110 can determine the configuration item 241 associated with the element 241 in the configuration page 240 according to the unique identifier of the configuration form to which the configuration item 241 belongs and the key of the configuration item 241, so that the configuration item 241 is displayed differently from other configuration items.

[0087] As an example, Figure 5 An example page 500 of interface data of an element in a target page according to some embodiments of the present disclosure is shown, Figure 6 An example page 600 of displaying configuration items differently in a configuration page according to some embodiments of the present disclosure is shown.

[0088] Next, the association of the configuration item to the element is introduced.

[0089] Continuing to refer to Figure 2 Taking the configuration item 241 as an example. The client 110 can obtain the unique identifier of the configuration form to which the configuration item 241 belongs and the key in the key-value pair associated with the configuration item 241 by selecting the configuration item 241 in the configuration page 240, and send the obtained unique identifier of the configuration form to which the configuration item 241 belongs and the key of the configuration item 241 to the server 130.

[0090] After receiving the unique identifier of the configuration form to which the configuration item 241 belongs and the key of the configuration item 241 sent by the client 110, the server 130 can match the unique identifier of the configuration form to which the configuration item 241 belongs with the plurality of second association relationships, match at least one second association relationship data (i.e., the unique identifier of the configuration form to which the configuration item 241 belongs exists in the second association relationship) with the key of the configuration item 241, and remove the second association relationship (i.e., the key of the configuration item 241 does not exist in the second association relationship) that fails to match from the at least one second association relationship. Further, the remaining second association relationship or second configuration information is sent to the client 110. The second configuration information here can be a part of the second association relationship.

[0091] Further, after receiving the second configuration information sent by the server 130, the client 110 can determine the target page and the element associated with the configuration item 241 in the target page according to the second configuration information. In some embodiments, the second configuration information can include the unique identifier of the page configured by the configuration page and the unique identifier of the service interface on which the element configured by the configuration item 241 depends. The client 110 can find the unique identifier of the target page 230 and the key of the element 231 from the first association relationship according to the unique identifier of the page configured by the configuration page and the unique identifier of the service interface on which the element configured by the configuration item 241 depends, and determine the element 231 associated with the configuration item 241 in the target page 230 according to the key of the element 231.

[0092] In some embodiments, in the case of modifying the configuration item parameter, the element associated with the modified configuration item can also be determined in the target page according to the above-mentioned manner, and the element is displayed differently from other elements, and the element is adjusted based on the modified parameter. Similarly, in the case of adjusting the element in the target page, the configuration item associated with the adjusted element can also be displayed differently from other configuration items in the configuration page, and the parameter of the configuration item is modified based on the adjustment of the element.

[0093] To more clearly explain the scheme for page rendering provided by some embodiments of the present disclosure, the interaction process between the client and the server according to some embodiments of the present disclosure is further introduced below in combination with Figure 7 . Figure 7 A schematic diagram of a signaling flow 700 of the interaction process between the client and the server according to some embodiments of the present disclosure is shown. Figure 7 The front-end page 730 and the configuration page 740 in Figure 1 can be provided by the client 110 in The service 750 of the configuration center is configured with the configuration form for the configuration page 740.

[0094] For the front-end page 730, as Figure 7As shown, the user (e.g., an operator) 140 selects (711) a front-end property in the front-end page 730. The front-end property here can be a selected element in the front-end page 730 and parameters related to the selected element. The parameters here can include, for example, an identity associated with the front-end page 730, an identity associated with the selected element, and an identity associated with a service interface on which the selected element depends. In some embodiments, the front-end property can be determined by the client 110 based on the first association relationship described above. The client 110 sends (712) the front-end property to the server 130. Upon receiving the front-end property, the server 130 pulls (713) form data from the service 750 of the configuration center according to the front-end property. The form data here can be a configuration form for a configuration item in the configuration page 740. The service 750 of the configuration center responds (714) with the form data, sending the form data to the server 130. The server 130 traverses (715) the rule tree according to the received form data, thereby obtaining a configuration item in the configuration page corresponding to the selected element. The rule tree here can be the second association relationship described above. The server 130 notifies (716) the client of a configuration end impact range (i.e., parameters related to the configuration item in the configuration page corresponding to the selected element). The client 110 causes the configuration page 740 to display (717) the corresponding configuration item differently according to the impact range.

[0095] For the configuration page 740, continuing to refer to Figure 7 , the user (e.g., an operator) 140 selects (721) a configuration property in the front-end page 740. The configuration property here can be a parameter related to a selected configuration item in the configuration page 740. The parameters here can include, for example, an identity associated with a configuration form to which the selected configuration item belongs and an identity associated with the selected configuration item. In some embodiments, the configuration property can be determined by the client 110 based on the first association relationship described above. The client 110 sends (722) the configuration property to the server 130. Upon receiving the configuration property, the server 130 pulls (723) form data from the service 750 of the configuration center according to the configuration property. The form data here can be a configuration form for a configuration item in the configuration page 740. The service 740 of the configuration center responds (724) with the form data, sending the form data to the server 130. The server 130 traverses (725) the rule tree according to the received form data, thereby obtaining an element in the front-end page 730 corresponding to the selected configuration item. The rule tree here can be the second association relationship described above. The server 130 notifies (726) the client of an impact range (i.e., parameters related to the element in the front-end page corresponding to the selected configuration item). The client 110 causes the front-end page 730 to display (727) the corresponding element differently according to the impact range.

[0096] In summary, the present disclosure can make the developer clearly aware of the correspondence between the elements in the target page and the configuration items in the configuration page, so as to accurately locate the associated node of the configuration logic, efficiently troubleshoot configuration exceptions or function failures, reduce redundant operations of cross-page debugging, provide clear mapping basis for subsequent function iteration and configuration item expansion, and reduce development and maintenance costs.

[0097] Figure 8 A flowchart of a process 800 for page rendering is shown according to some embodiments of the present disclosure. For example, the process 800 can be performed by the client 110 in the system 100. Figure 1

[0098] At block 810, during the configuration of the element in the target page, the client 110 presents the target page and the configuration page for the target page, and the configuration items in the configuration page are used to adjust the element in the target page. At block 820, the client 110 sends the identification associated with the target page, the identification associated with the target element, and the identification associated with the service interface relied on by the target element to the server 130 in response to the selection operation on the target element in the target page. At block 830, the client 110 determines the corresponding configuration item associated with the target element in the configuration page based on the first configuration information in response to receiving the first configuration information sent by the server 130. At block 840, the client 110 displays the corresponding configuration item in the configuration page, distinguished from other configuration items.

[0099] In some embodiments, the first configuration information is determined by the server 130 based on the identification associated with the target page, the identification associated with the target element, and the identification associated with the service interface relied on by the target element.

[0100] In some embodiments, the process 800 further includes obtaining the identification associated with the target page and the first attribute information associated with the target element; determining the identification associated with the target element based on the first attribute information; and determining the identification of the service interface relied on by the target element based on the identification associated with the target page, the identification associated with the target element, the first attribute information, and the first association relationship.

[0101] In some embodiments, the first association relationship indicates the association relationship between the identification associated with the target page, the identification associated with the element in the target page, the identification associated with the service interface relied on by the element in the target page, and the attribute information associated with the element in the target page.

[0102] ​In some embodiments, the first configuration information includes an identification associated with a configuration form to which the respective configuration item belongs and an identification associated with the respective configuration item, and determining, based on the first configuration information, the respective configuration item associated with the target element in the configuration page includes: determining, based on the identification associated with the configuration form to which the respective configuration item belongs and the identification associated with the respective configuration item, the respective configuration item associated with the target element in the configuration page.

[0103] In some embodiments, the process 800 further includes: in response to the selection operation on the target configuration item in the configuration page, sending, to the server, an identification associated with a configuration form to which the target configuration item belongs and an identification associated with the target configuration item; in response to receiving the second configuration information sent by the server, determining, based on the second configuration information, the respective element associated with the target configuration item in the target page, the second configuration information being determined by the server based on the identification associated with the configuration form to which the target configuration item belongs and the identification associated with the target configuration item; and displaying, in the target page, the respective element distinguished from other elements.

[0104] In some embodiments, the second configuration information includes an identification associated with the target page, an identification associated with a service interface relied on by the respective element, and determining, based on the second configuration information, the respective element associated with the target configuration item in the target page includes: determining, based on the identification associated with the target page, the identification associated with the service interface relied on by the respective element, and the first association relationship, an identification associated with the respective element; and determining, based on the identification associated with the respective element, the respective element associated with the target configuration item in the target page.

[0105] Figure 9 A flowchart illustrating another process 900 for page rendering according to some embodiments of the present disclosure is shown. For example, the process 900 can be performed by the server 130 in the system 100. Figure 1

[0106] At block 910, the server 130 receives an identification associated with a target page, an identification associated with a target element in the target page, and an identification associated with a service interface relied on by the target element, which are sent by the client 110. At block 920, the server 130 determines, based on the identification associated with the target page, the identification associated with the target element, the identification associated with the service interface relied on by the target element, and a second association relationship, first configuration information for a configuration page, a configuration item in the configuration page being used to adjust the element in the target page. At block 930, the server 130 sends the first configuration information to the client 110.

[0107] ​In some embodiments, the first configuration information comprises an identification associated with a configuration form to which the respective configuration item belongs and an identification associated with the respective configuration item, and the target element is associated with the respective configuration item.

[0108] In some embodiments, the process 900 further comprises: receiving, from the client, an identification associated with a configuration form to which a target configuration item in the configuration page belongs and an identification associated with the target configuration item; determining, based on the identification associated with the configuration form to which the target configuration item belongs, the identification associated with the target configuration item, and the second association relationship, second configuration information for the target page; and sending, to the client, the second configuration information.

[0109] In some embodiments, the second configuration information comprises an identification associated with the target page and an identification associated with a service interface on which the respective element depends, and the target configuration item is associated with the respective element.

[0110] In some embodiments, the second association relationship indicates an association relationship between the identification associated with the target page, the identification associated with the service interface on which the element in the target page depends, the identification associated with the configuration form to which the configuration item in the configuration page belongs, and the identification associated with the configuration item in the configuration page.

[0111] Figure 10 A block diagram of an apparatus 1000 for page presentation is shown, in accordance with some embodiments of the present disclosure. The apparatus 1000 can be implemented in the client 110. Various modules / components in the apparatus 1000 can be implemented by hardware, software, firmware, or any combination thereof.

[0112] The apparatus 1000 comprises a first presentation module 1010 configured to present, during configuration of an element in a target page, the target page and a configuration page for the target page, a configuration item in the configuration page being used to adjust the element in the target page. The apparatus 1000 further comprises a first sending module 1020 configured to, in response to a selection operation on a target element in the target page, send, to a server, an identification associated with the target page, an identification associated with the target element, and an identification associated with a service interface on which the target element depends. The apparatus 1000 further comprises a first determination module 1030 configured to, in response to receiving first configuration information sent by the server, determine, based on the first configuration information, a respective configuration item associated with the target element in the configuration page. The apparatus 1000 further comprises a second presentation module 1040 configured to, in the configuration page, display the respective configuration item distinguished from other configuration items.

[0113] In some embodiments, the first configuration information is determined by the server based on the identification associated with the target page, the identification associated with the target element, and the identification associated with the service interface on which the target element depends.

[0114] In some embodiments, the apparatus 1000 further includes an obtaining module configured to obtain an identifier associated with the target page and first attribute information associated with the target element; determine the identifier associated with the target element based on the first attribute information; and determine the identifier of the service interface relied on by the target element based on the identifier associated with the target page, the identifier associated with the target element, the first attribute information, and the first association relationship.

[0115] In some embodiments, the first association relationship indicates an association relationship between the identifier associated with the target page, the identifier associated with the element in the target page, the identifier associated with the service interface relied on by the element in the target page, and the attribute information associated with the element in the target page.

[0116] In some embodiments, the first configuration information includes an identifier associated with a configuration form to which the respective configuration item belongs and an identifier associated with the respective configuration item, and the first determining module 1030 is further configured to determine the respective configuration item associated with the target element in the configuration page based on the identifier associated with the configuration form to which the respective configuration item belongs and the identifier associated with the respective configuration item.

[0117] In some embodiments, the apparatus 1000 further includes a third presenting module configured to, in response to a selection operation on a target configuration item in the configuration page, send an identifier associated with a configuration form to which the target configuration item belongs and an identifier associated with the target configuration item to the server; in response to receiving second configuration information sent by the server, determine a respective element associated with the target configuration item in the target page based on the second configuration information, the second configuration information being determined by the server based on the identifier associated with the configuration form to which the target configuration item belongs and the identifier associated with the target configuration item; and display the respective element in the target page to be distinguished from other elements.

[0118] In some embodiments, the second configuration information includes an identifier associated with the target page and an identifier associated with the service interface relied on by the respective element, and the third presenting module is further configured to determine the identifier associated with the respective element based on the identifier associated with the target page, the identifier associated with the service interface relied on by the respective element, and the first association relationship; and determine the respective element associated with the target configuration item in the target page based on the identifier associated with the respective element.

[0119] Figure 11 A block diagram of another apparatus 1100 for page presentation is shown, in accordance with some embodiments of the present disclosure. The apparatus 1100 can be implemented in the server 130. The various modules / components in the apparatus 1100 can be implemented by hardware, software, firmware, or any combination thereof.

[0120] The apparatus 1100 includes a receiving module 1110 configured to receive an identification associated with a target page, an identification associated with a target element in the target page, and an identification associated with a service interface relied on by the target element, sent by a client. The apparatus 1100 further includes a second determining module 1120 configured to determine first configuration information for a configuration page based on the identification associated with the target page, the identification associated with the target element, the identification associated with the service interface relied on by the target element, and a second association relationship, wherein a configuration item in the configuration page is used to adjust an element in the target page. The apparatus 1100 further includes a second sending module 1130 configured to send the first configuration information to the client.

[0121] In some embodiments, the first configuration information includes an identification associated with a configuration form to which a respective configuration item belongs and an identification associated with the respective configuration item, and the target element is associated with the respective configuration item.

[0122] In some embodiments, the apparatus 1100 further includes a third sending module configured to receive an identification associated with a configuration form to which a target configuration item in the configuration page belongs and an identification associated with the target configuration item, sent by the client; determine second configuration information for the target page based on the identification associated with the configuration form to which the target configuration item belongs, the identification associated with the target configuration item, and the second association relationship; and send the second configuration information to the client.

[0123] In some embodiments, the second configuration information includes an identification associated with the target page and an identification associated with a service interface relied on by a respective element, and the target configuration item is associated with the respective element.

[0124] In some embodiments, the second association relationship indicates an association relationship between the identification associated with the target page, an identification associated with a service interface relied on by an element in the target page, an identification associated with a configuration form to which a configuration item in the configuration page belongs, and an identification associated with the configuration item in the configuration page.

[0125] The elements included in the apparatus 1000 and the apparatus 1100 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more elements can be implemented using software and / or firmware, such as machine-executable instructions stored on a storage medium. In addition to or alternatively, some or all of the elements in the apparatus 1000 and the apparatus 1100 can be implemented at least in part by one or more hardware logic components. As an example and not by way of limitation, example 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), system-on-a-chip (SOCs), complex programmable logic devices (CPLDs), and the like.

[0126] Figure 12 A block diagram of an electronic device 1200 in which one or more embodiments of the disclosure can be implemented is shown. It should be understood that Figure 12 The electronic device 1200 shown is merely exemplary and should not be construed as limiting the scope of the embodiments described herein. Figure 12 The electronic device 1200 shown can be used to implement Figure 1 the client 110 and / or the server 130.

[0127] As Figure 12 shown, the electronic device 1200 is in the form of a general-purpose electronic device. Components of the electronic device 1200 can include, but are not limited to, one or more processors or processing units 1210, a memory 1220, a storage device 1230, one or more communication units 1240, one or more input devices 1250, and one or more output devices 1260. The processing unit 1210 can be a real or virtual processor and capable of performing various processes according to programs stored in the memory 1220. In a multi-processor system, multiple processing units perform computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 1200.

[0128] The electronic device 1200 typically includes a plurality of computer storage media. Such media can be removable, non-removable, or a combination thereof. Storage memory 1220 can be volatile (such as registers, cache, or random access memory (RAM)), non-volatile (such as read-only memory (ROM), electrically erasable programmable read only memory (EEPROM), flash memory), or some combination thereof. Storage devices 1230 can be removable or non-removable and can include machine- readable media, such as flash drives, disks, or any other media capable of storing information and / or data (e.g., training data for training) and accessible by the electronic device 1200.

[0129] The electronic device 1200 can further include additional removable / non-removable, volatile / non-volatile computer storage media. Although not shown, a disk drive can be provided for reading from or writing to a removable, non- volatile magnetic disk (e.g., a "floppy disk"), and an optical disk drive can be provided for reading from or writing to a removable, non-volatile optical disk (e.g., a CD-ROM). In such instances, each drive can be connected to the bus (not shown) by one or more data media interfaces. The storage memory 1220 can include a computer program product 1225 having one or more program modules configured to carry out the various methods or actions of the various embodiments of the present disclosure. Figure 12

[0130] The communication unit 1240 enables communication with other electronic devices over communication media. Additionally, the functionality of the components of the electronic device 1200 can be implemented in a single computing cluster or a plurality of computer machines capable of communicating over a communication connection. As such, the electronic device 1200 can operate in a networked environment using logical connections to one or more other servers, network personal computers (PCs), or another network nodes in the networking environment.

[0131] The input device 1250 can be one or more input devices, such as a mouse, a keyboard, a trackball, etc. The output device 1260 can be one or more output devices, such as a display, a speaker, a printer, etc. The electronic device 1200 can also communicate with one or more external devices (not shown) such as a storage device, a display device, etc. through the communication unit 1240, with one or more devices that enable a user to interact with the electronic device 1200, or with any devices (e.g., a network card, a modem, etc.) that enable the electronic device 1200 to communicate with one or more other electronic devices. Such communication can be enabled by an input / output (I / O) interface (not shown).

[0132] ​According to an example implementation of the present disclosure, a computer-readable storage medium is provided having stored thereon one or more computer instructions, wherein the one or more computer instructions are executed by a processor to implement the method described above. According to an example implementation of the present disclosure, a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer executable instructions, and the computer executable instructions are executed by a processor to implement the method described above.

[0133] The computer readable program instructions can also be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable apparatus or other device to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide processes for implementing the functions / acts specified in the flowchart and / or block diagram block or blocks.

[0134] These computer readable program instructions can be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions / acts specified in the flowchart and / or block diagram block or blocks. These computer readable program instructions can also be stored in a computer readable storage medium that can include a non-transitory computer readable medium, volatile, non-volatile, removable, and non-removable media implemented in a method or technology for

[0135] The computer readable program instructions can also be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable apparatus or other device to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide processes for implementing the functions / acts specified in the flowchart and / or block diagram block or blocks.

[0136] The computer program product of the present disclosure can have a signal including said computer program. This signal can be electronic, electromagnetic, optical, or any other suitable type of signal. Such a signal can be provided through a communication connection, such as electrical wiring, optical fiber, wireless interface, etc. Examples of computer program products include computer program implemented on a personal computer, server, or other networked device. A non-transitory computer readable medium, such as a floppy disk, CD-ROM, DVD-ROM, Blu-ray Disc, hard disk drive, or any other suitable non-transitory computer readable medium can store the computer program product.

[0137] Having described several implementations of the present disclosure, it is to be appreciated various alterations, modifications, and improvements will readily occur to those skilled in the art. Such alterations, modifications, and improvements are intended to be part of this disclosure. Accordingly, the foregoing description is by way of example only and is not intended to be limiting. The implementation described herein is implementations of the present disclosure. Other implementations of the present disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the present disclosure. Therefore, this disclosure is intended to cover all such modifications and variations as fall within the scope of the implementations. It is intended that the specification and depicted embodiments are to be considered exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.

Claims

1. A method of page presentation, comprising: presenting, at a client, a target page and a configuration page for the target page during configuration of an element in the target page, a configuration item in the configuration page being used to adjust the element in the target page; in response to a selection operation on a target element in the target page, sending, to a server, an identity associated with the target page, an identity associated with the target element, and an identity associated with a service interface relied on by the target element; in response to receiving first configuration information sent by the server, determining, based on the first configuration information, a corresponding configuration item associated with the target element in the configuration page; and displaying, in the configuration page, the corresponding configuration item distinguished from other configuration items. 2.The method of claim 1, wherein the first configuration information is determined by the server based on the identity associated with the target page, the identity associated with the target element, and the identity associated with the service interface relied on by the target element. 3.The method of claim 1, wherein before sending, to a server, the identity associated with the target page, the identity associated with the target element, and the identity associated with the service interface relied on by the target element, the method further comprises: obtaining an identity associated with the target page and first attribute information associated with the target element; determining, based on the first attribute information, the identity associated with the target element; and determining, based on the identity associated with the target page, the identity associated with the target element, the first attribute information, and a first association relationship, the identity of the service interface relied on by the target element. 4.The method of claim 3, wherein the first association relationship indicates an association relationship between the identity associated with the target page, the identity associated with an element in the target page, the identity associated with a service interface relied on by the element in the target page, and attribute information associated with the element in the target page. 5.The method of claim 1, wherein the first configuration information comprises an identity associated with a configuration form to which the corresponding configuration item belongs and an identity associated with the corresponding configuration item, and determining, based on the first configuration information, the corresponding configuration item associated with the target element in the configuration page comprises: determining, based on the identity associated with the configuration form to which the corresponding configuration item belongs and the identity associated with the corresponding configuration item, the corresponding configuration item associated with the target element in the configuration page. 6.The method of claim 1, further comprising: in response to a selection operation on a target configuration item in the configuration page, sending, to a server, an identity associated with a configuration form to which the target configuration item belongs and an identity associated with the target configuration item. ​ ​ In response to receiving the second configuration information sent by the server, determining, based on the second configuration information, a corresponding element associated with the target configuration item in the target page, the second configuration information being determined by the server based on an identification associated with a configuration form to which the target configuration item belongs and an identification associated with the target configuration item; and displaying the corresponding element in the target page, distinguished from other elements.

7. The method of claim 6, wherein the second configuration information comprises an identification associated with the target page, an identification associated with a service interface on which the corresponding element depends, and determining, based on the second configuration information, a corresponding element associated with the target configuration item in the target page comprises: determining, based on the identification associated with the target page, the identification associated with the service interface on which the corresponding element depends, and a first association relationship, an identification associated with the corresponding element; and and determining, based on the identification associated with the corresponding element, the corresponding element associated with the target configuration item in the target page.

8. A method for page presentation, comprising: receiving, at a server, an identification associated with a target page, an identification associated with a target element in the target page, and an identification associated with a service interface on which the target element depends, sent by a client; determining, based on the identification associated with the target page, the identification associated with the target element, the identification associated with the service interface on which the target element depends, and a second association relationship, first configuration information for a configuration page, a configuration item in the configuration page being used to adjust an element in the target page; and sending the first configuration information to the client.

9. The method of claim 8, wherein the first configuration information comprises an identification associated with a configuration form to which a corresponding configuration item belongs and an identification associated with the corresponding configuration item, the target element being associated with the corresponding configuration item.

10. The method of claim 8, further comprising: receiving, sent by the client, an identification associated with a configuration form to which a target configuration item in the configuration page belongs and an identification associated with the target configuration item; determining, based on the identification associated with the configuration form to which the target configuration item belongs, the identification associated with the target configuration item, and the second association relationship, second configuration information for the target page; and sending the second configuration information to the client.

11. The method of claim 10, wherein the second configuration information comprises an identification associated with the target page and an identification associated with a service interface on which a corresponding element associated with the target configuration item depends. 12.The method of claim 8, wherein the second association relationship indicates an association relationship between an identifier associated with the target page, an identifier associated with a service interface relied on by an element in the target page, an identifier associated with a configuration form to which a configuration item in the configuration page belongs, and an identifier associated with the configuration item in the configuration page. 13.An apparatus for page presentation, comprising: a first presentation module configured to present a target page and a configuration page for the target page during configuration of an element in the target page, the configuration item in the configuration page being used to adjust the element in the target page; a first sending module configured to send, in response to a selection operation on a target element in the target page, an identifier associated with the target page, an identifier associated with the target element, and an identifier associated with a service interface relied on by the target element to a server; a first determination module configured to determine, in response to receiving first configuration information sent by the server, a corresponding configuration item associated with the target element in the configuration page based on the first configuration information; and a second presentation module configured to display the corresponding configuration item in the configuration page distinguished from other configuration items. 14.An apparatus for page presentation, comprising: a receiving module configured to receive an identifier associated with a target page, an identifier associated with a target element in the target page, and an identifier associated with a service interface relied on by the target element sent by a client; a second determination module configured to determine, based on the identifier associated with the target page, the identifier associated with the target element, the identifier associated with the service interface relied on by the target element, and a second association relationship, first configuration information for a configuration page, the configuration item in the configuration page being used to adjust the element in the target page; and a second sending module configured to send the first configuration information to the client. 15.An electronic device, comprising: at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions when executed by the at least one processing unit cause the electronic device to perform the method according to any one of claims 1-7 or the method according to any one of claims 8-12. 16.A computer-readable storage medium having stored thereon a computer program, the computer program being executable by a processor to implement the method according to any one of claims 1-7 or the method according to any one of claims 8-12. 17.A computer program product comprising computer-executable instructions, wherein the computer-executable instructions, when executed by a processor, implement the method according to any one of claims 1-7 or the method according to any one of claims 8-12. ​ ​ ​

Images