A page layout method, apparatus, device, medium, and program product

Abstract

This paper provides a page layout method, apparatus, device, medium, and program product, relating to the field of computer technology. The method includes: in response to a first operation, adding a first component to a first area, the first area being located in a first page, the first page being used to configure a template for a second page, the template being used to evaluate an intelligent system; obtaining first configuration information and second configuration information, the first configuration information containing a first variable, the first variable including variables bound to the first component, the first component being used to render the second component, the length corresponding to the first variable being related to a second number of the second component, the second number being related to the running result of the intelligent system, the second configuration information containing a data source bound to the second component; and generating a file, the file being used to indicate the layout of the second page. This solves the technical problem of being unable to lay out a page for evaluation of an intelligent system, achieving the effect of laying out a second page for the intelligent system.

Description

Technical Field

[0001] This relates to the field of computer technology, and in particular to a page layout method, apparatus, device, medium, and program product. Background Technology

[0002] Intelligent systems are systems capable of autonomous control based on machine learning models. With the increasing demand for evaluating intelligent systems, a series of automated evaluation platforms have emerged. These platforms can be used to evaluate the process and results of intelligent systems performing tasks, typically by generating detailed pages to display the content to be evaluated, allowing evaluators to conduct their assessments.

[0003] Currently, existing page layout methods are not suitable for evaluating intelligent systems. Summary of the Invention

[0004] This document provides a page layout method, apparatus, device, medium, and program product that can effectively layout a second page suitable for intelligent systems.

[0005] In one scenario, this paper provides a page layout method that includes: In response to the first operation, the first component is added to the first area, which is located in the first page. The first page is used to configure the template of the second page, which is used to evaluate the intelligent system. Obtain first configuration information and second configuration information. The first configuration information contains a first variable, which includes a variable bound to the first component. The first component is used to render the second component. The length of the first variable is related to a second number of the second component. The second number is related to the running result of the intelligent system. The second configuration information contains a data source bound to the second component. A file is generated, which contains the first configuration information, the second configuration information, and the layout information of the components included in the first area. The file is used to indicate the layout of the second page.

[0006] In one instance, this document also provides a page layout apparatus, which includes: An add module is used to add a first component to a first area in response to a first operation. The first area is located on a first page, and the first page is used to configure a template for a second page, which is used to evaluate the intelligent system. The module is used to obtain first configuration information and second configuration information. The first configuration information includes a first variable, which includes a variable bound to the first component. The first component is used to render the second component. The length of the first variable is related to a second number of the second component. The second number is related to the running result of the intelligent system. The second configuration information includes a data source bound to the second component. A generation module is used to generate a file containing the first configuration information, the second configuration information, and the layout information of the components included in the first area. The file is used to indicate the layout of the second page.

[0007] In one instance, this document also provides an electronic device comprising: One or more processing devices; Storage device for storing one or more programs. When the one or more programs are executed by the one or more processing devices, the one or more processing devices perform any of the methods described herein.

[0008] In one instance, this document also provides a storage medium containing computer-executable instructions that, when executed by a computer processor, are used to perform any of the methods described herein.

[0009] In another scenario, this document also provides a computer program product comprising a computer program that, when executed by a processor, implements any of the methods described herein.

[0010] The above method, in response to the first operation, adds a first component to a first area, where the first area is located on a first page. The first page is used to configure a template for a second page, which is used to evaluate the intelligent system. Then, first configuration information and second configuration information are obtained. The first configuration information includes a first variable, which includes variables bound to the first component. The second configuration information contains the data source bound to the second component. The first component is used to render the second component. The number of second components is related to the length corresponding to the first variable and is also related to the running result of the intelligent system. Finally, a file is generated containing the first configuration information, the second configuration information, and the component layout information. This file can serve as a template for the second page, indicating the layout of the second page during rendering. This scheme achieves the layout of the second page of the intelligent system, enabling the determination of the number of second components based on the data source bound to the second component after the intelligent system obtains its running results. This facilitates the rendering of the corresponding number of second components, solving the problem that related technologies cannot lay out pages for evaluation of the intelligent system. Attached Figure Description

[0011] The above and other features, advantages, and aspects of the various situations described herein will become more apparent when viewed in conjunction with the accompanying drawings and with reference to the following specific manner. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the originals and elements are not necessarily drawn to scale.

[0012] Figure 1 This is a structural diagram of a page layout system under one scenario. Figure 2 This is a flowchart illustrating a page layout method for one scenario. Figure 3 This is a flowchart illustrating another page layout method. Figure 4 This is a schematic diagram of the first page in another scenario; Figure 5 This is a schematic diagram of the first page in another scenario; Figure 6 This is a schematic diagram of the first page in another scenario; Figure 7 This is a flowchart illustrating another page layout method. Figure 8 This is a comparison diagram of pages under one scenario; Figure 9 This is a schematic diagram illustrating the page layout and display architecture in one scenario. Figure 10 This is a schematic diagram of a page layout device in one scenario. Figure 11 This is a schematic diagram of the structure of an electronic device used to implement a page layout method in one scenario. Detailed Implementation

[0013] The present invention will now be described in more detail with reference to the accompanying drawings. While certain scenarios are shown in the drawings, it should be understood that the solutions can be implemented in various forms and should not be construed as limited to the scenarios described herein. Rather, these scenarios are provided to provide a more thorough and complete understanding of the solutions herein. It should be understood that the accompanying drawings and implementations are for illustrative purposes only and are not intended to limit the scope of this document.

[0014] It should be understood that the steps described in the method may be performed in different orders and / or in parallel. Furthermore, the method may include additional steps and / or omit the steps shown. The scope of this document is not limited in this respect.

[0015] The term "comprising" and its variations as used herein are open-ended inclusions, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one situation" means "at least one situation"; the term "another situation" means "at least one additional situation"; the term "some situations" means "at least some situations". Definitions of other terms will be given in the following description.

[0016] It should be noted that the concepts of "first" and "second" mentioned are only used to distinguish different devices, modules or units, and are not used to limit the order of the functions performed by these devices, modules or units or their interdependencies.

[0017] It should be noted that the terms "one" and "more" used in this document are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0018] The names of messages or information exchanged between multiple devices in this document are for illustrative purposes only and are not intended to limit the scope of these messages or information.

[0019] It is understandable that before using the technical solutions disclosed in each scenario in this document, users should be informed of the type, scope of use, and usage scenarios of the personal information involved in this document in an appropriate manner in accordance with relevant laws and regulations, and user authorization should be obtained.

[0020] For example, upon receiving a user's active request, a prompt message is sent to the user to explicitly inform them that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the software or hardware, such as electronic devices, applications, servers, or storage media, that perform the operations described herein, based on the prompt message.

[0021] As an optional but non-limiting implementation, in response to a user's active request, sending a prompt message to the user can be done via a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0022] It is understood that the above notification and user authorization process is merely illustrative and does not constitute a limitation on the implementation method described in this article. Other methods that comply with relevant laws and regulations may also be applied to the implementation method described in this article.

[0023] It is understood that the data involved in the technical solutions in this article (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and related provisions.

[0024] As the number of business scenarios integrated into the evaluation platform increases, the focus of each business on the details page also varies. Currently, the display of the details page is implemented by users of the evaluation platform through coding when defining the evaluation method. This implementation method has a high understanding cost. Furthermore, once an evaluation task is initiated, updating the details page layout requires reimplementing the code and re-initiating the evaluation, which also imposes unnecessary overhead on the model. In addition, for the evaluation of intelligent systems, the intermediate results are dynamically generated and cannot be predicted during the definition phase.

[0025] The evaluation platform can be a platform for evaluating and fine-tuning intelligent systems. The details page can be a page for users to conduct evaluations. The evaluation method can be a standard for evaluating intelligent systems.

[0026] In this paper, an intelligent system refers to a system capable of autonomous control based on machine learning models. An intelligent system is, for example, a virtual object or physical entity capable of making decisions and autonomously executing actions based on machine learning models to achieve preset goals or complete preset tasks. An intelligent system can be an automated program that understands user intent and can utilize models or invoke tools to complete various types of tasks. In some contexts, examples of intelligent systems may include, but are not limited to: intelligent agents, robot programs, chatbots, digital avatars, intelligent customer service, digital assistants, etc. Alternatively, an intelligent system can also be an intelligent role implemented based on a machine learning model. Intelligent systems can process user requests based on generative models (e.g., language models, multimodal models) to perform specified types of tasks. In some cases, intelligent systems may also relate to virtual accounts.

[0027] To address the aforementioned technical issues, this paper presents a page layout method that can be applied to page layout systems.

[0028] In some cases, Figure 1 This is a structural diagram of a page layout system under one scenario. The solution provided in this article can be applied to... Figure 1The page layout system shown may include a client 101 and a server 102. The client 101 may include, but is not limited to, browsers, applications (Apps), HyperText Markup Language (HTML) applications, lightweight applications (also known as mini-programs), or cloud applications. The client 101 may be deployed on an electronic device, relying on the operation of that electronic device or certain applications within it to achieve its functions. The client 101 can provide a front-end interface for the evaluation platform. The electronic device may be, for example, a device with a display screen that supports information browsing, such as a smartphone, tablet, personal computer, or other client terminal. For ease of understanding, Figure 1 The client is primarily represented in the form of a device. Other types of applications can also be configured on the electronic device, such as media content publishing applications, session applications, etc. Server 102 can be one or more servers providing various services. That is, it can be implemented as a distributed server cluster composed of multiple servers 102, or as a single server 102; furthermore, it can be a distributed system server 102, a server 102 integrating blockchain technology, a cloud server, or an intelligent cloud computing server or intelligent cloud host deployed with machine learning models, etc.

[0029] The method described herein allows client 101 to interact with server 102, such as receiving or sending messages. For example, in this paper, server 102 can receive a file sent by client 101 based on an information carrier and send the file back to client 101 so that client 101 can display a second page.

[0030] It should be noted that the method provided in this paper can be executed on client 101, or by client 101 and server 102, with different functional parts of the corresponding device deployed on client 101 and server 102 respectively; client 101 and server 102 achieve data interaction and functional collaboration through network communication. It should be understood that... Figure 1 The number of client 101 and server 102 shown is for illustrative purposes only. Any number of client 101 and server 102 can be configured according to implementation requirements.

[0031] Figure 2 This is a flowchart illustrating a page layout method for one scenario. This method is applicable to scenarios involving page layout, particularly for laying out the second page of an evaluation intelligence system. The method can be executed by a page layout device, which can be implemented in software and / or hardware, optionally through an electronic device such as a mobile terminal, PC, or server. Figure 2As shown, this page layout method may specifically include: S210, In response to the first operation, add the first component to the first region.

[0032] The first area is located on the first page. In this document, the first page can be a page used for template configuration, such as configuring a template for the second page used for evaluating the intelligent system. The first page can be displayed on an electronic device, and after the user triggers the first operation through the first page, the first component can be added. The first page can be displayed in sections, with different sections corresponding to different functions. For example, the first page can include a first area, a second area, and a third area. The first area can be the area for displaying the canvas, where the user can configure the template. The second area can be the area for displaying components, where the user can select the desired components to place in the first area. The third area can be the area for configuring components. The distribution of each area on the first page is not limited here. The third area can be displayed on the first page when component configuration is required.

[0033] The template can be a second-page template used for evaluating intelligent systems. The template can be applied to different tasks. The task can be an evaluation of the intelligent system; different tasks can select the configured template to render the second-page during the evaluation process, thereby achieving the evaluation of the intelligent system.

[0034] The first action can be adding a component. Users can add components to the first area by triggering the first action. For example, the first action might correspond to adding the first component. The method of action is not limited here; the first component can be added to the first area by clicking, dragging, etc.

[0035] The first component can also be called a container component. The first component can be the parent component of a second component, containing the second component. For example, a dynamically numbered number of components can be rendered within the first component; that is, the first component supports rendering a dynamically numbered number of second components. The second component can be any component other than the first component, and can be a basic component. The second component can also be a child component that can be contained within a container, used to display specific content. The number of second components within the first component is uncertain during the template configuration phase and can be determined based on the results of the intelligent system's operation.

[0036] In one example, the second component can include various types, such as presentational and interactive components. Presentational components are those that are displayed on the page. Interactive components are those that enable human-computer interaction on the page.

[0037] In one scenario, one first component corresponds to one type of second component; for example, only one type of second component can be added to a first component. During the rendering of the second page, multiple second components of that type can be rendered. The number of second components can be determined by the result of the intelligent system's operation.

[0038] In one scenario, the first component displays the results to be evaluated, including those obtained after the intelligent system has run. These results can be the final output of the intelligent system or intermediate results. Intermediate results refer to intermediate data generated by the intelligent system during one or more specific processing stages within its processing flow from receiving input to generating the final output. For example, in a multi-level processing intelligent system, intermediate results may include, but are not limited to, feature vectors generated during the feature extraction stage or subtask outputs after task decomposition. The evaluation of these intermediate results is used to verify the correctness, consistency, or interpretability of the internal processing logic of the intelligent system.

[0039] The type of the second component is related to the type of the result. For example, during the template layout stage, the user selects the corresponding type of the second component based on the type of result that the intelligent system needs to evaluate. This allows the second component to render the result during the rendering stage of the second page.

[0040] In this article, a first action can be received on the first page, such as receiving a user's first input action. Then, based on the first action, a first component is added to the first area, such as adding it to the position in the first area corresponding to the first action. When rendering the second page, the position of the first component on the second page can be the same as the position of the first component in the first area.

[0041] S220: Obtain the first configuration information and the second configuration information.

[0042] The first configuration information includes a first variable bound to the first component, the first component being used to render the second component, the length corresponding to the first variable being related to a second number of the second component, the second number being related to the running result of the intelligent system, and the second configuration information including the data source bound to the second component.

[0043] The first configuration information can be considered the configuration information of the first component. This first configuration information may include information configured for the first component through the third area, such as the first variable. The first variable can be considered the variable bound to the first component. Users can bind the first variable to the first component in the third area. The data type of the first variable is not limited, as long as it enables the first component to render a dynamically numbered number of second components. For example, the data type could be an array, where the dynamically numbered number can be considered as the number of second components determined during the page rendering phase, and the number of second components is related to the running result of the intelligent system. During the configuration phase of the first component, the data type of the first component can be defined, but the length of the array cannot be defined, so that the number of second components rendered within the first component is unknown during the page layout phase. The length corresponding to the first component can be equal to the second number of the second component. The second number can be considered as the number of second components. The number of second components is unknown during the page layout phase. It can be dynamically determined after the intelligent system runs. Therefore, during the rendering of the laid-out page, based on the running result of the intelligent system, the number of second components is determined, and thus the corresponding number of second components is rendered. The corresponding second component can obtain data from the data source bound to the second component and render the data onto the page, which can be called the second page.

[0044] The operational results of an intelligent system can be those generated during its operation, including both the final output and intermediate results. The output is dynamic during system operation. Therefore, this paper associates the operational results with a second number and binds a first variable to the first component to support rendering a dynamically sized number of second components. This means that the number of second components is not configured during page layout; instead, it is determined based on the operational results during page rendering, thus displaying a dynamic operational outcome.

[0045] The second configuration information can be considered the configuration information of the second component. This second configuration information may include the data source bound to the second component. The second configuration information can be a general configuration for the second component; multiple second components rendered during the rendering phase can all be rendered based on this second configuration information.

[0046] In this article, the data source bound to the second component can be bound in the form of a variable, such as a second variable. This second variable is associated with the corresponding data source, from which the data to be rendered can be obtained. The data source can store the results generated after the intelligent system runs. During the process of obtaining the data to be rendered, the second variable can be used as the key to query the value corresponding to that key from the data source, and this value can be used as the data to be rendered.

[0047] In one example, the second variable can serve as a key, and values ​​can be retrieved from the data source for that key. The number of values ​​retrieved can be equal to the number of second components. That is, the number of second components can depend on the number of values ​​that can be retrieved from the data source.

[0048] In this document, the electronic device can receive configurations of a first component from a user on a first page, and use the information corresponding to these configurations as first configuration information. The electronic device can also receive operations from the user on the first page, such as adding a second component to the first component, and configuring the second component, using the configuration of the second component as second configuration information.

[0049] S230, Generate file.

[0050] The file contains the first configuration information, the second configuration information, and the layout information of the components included in the first area. The file is used to indicate the layout of the second page.

[0051] The components included in the first region include a first component and a second component. Layout information can be information representing the layout of the components in the first region, such as the coordinates of the components on the canvas and / or the size of the components.

[0052] In this paper, the electronic device can receive operations on the first page. These operations can be triggered by a control, and once the operation is triggered, it can be assumed that the user has completed the template configuration. In response to this operation, the electronic device can generate a file, in which first configuration information, second configuration information, and layout information are saved in a predefined format.

[0053] After generating the file, the electronic device can transfer it to the server for saving. During the use of the template on the electronic device, it can retrieve the necessary files from the server to complete the rendering of the second page.

[0054] In this scenario, in response to the first operation, a first component is added to a first area, which is located on a first page. The first page is used to configure a template for a second page, which is used to evaluate the intelligent system. Then, first configuration information and second configuration information are obtained. The first configuration information includes a first variable, which includes variables bound to the first component. The second configuration information contains the data source bound to the second component. The first component is used to render the second component. The number of second components is related to the length corresponding to the first variable and is also related to the running result of the intelligent system. Finally, a file is generated containing the first configuration information, the second configuration information, and the component layout information. This file can serve as a template for the second page, indicating the layout of the second page during rendering. This solution achieves the layout of the second page for the intelligent system, enabling the determination of the number of second components based on the data source bound to the second component after the intelligent system obtains its running results. This facilitates the rendering of the corresponding number of second components, solving the problem that related technologies cannot lay out pages for evaluation of the intelligent system.

[0055] Based on the above situation, a variation of the above situation is proposed. It should be noted that, in order to keep the description brief, the variation only describes the differences from the above situation.

[0056] In one scenario, the first configuration information is obtained, including: In response to the second operation, first configuration information is obtained, the second operation being used to bind the first variable to the first component.

[0057] The second operation can be considered as configuring the first component.

[0058] In this scenario, the electronic device can receive a second operation and use the configuration triggered by the second operation as the first configuration information. For example, the electronic device receives the second operation within a third area and uses the configuration entered by the user within the third area as the first configuration information. The configuration of the first component is not limited here, but may include configuring the attributes of the first component and / or configuring the style of the first component. For example, the configuration entered by the user may include a first variable bound to the first component.

[0059] The operation method for the second operation is not limited, and may include input operations and / or selection operations.

[0060] In one scenario, the data type of the first variable includes an array to support the rendering of a dynamically numbered number of second components.

[0061] In one scenario, the second configuration information is obtained, including: In response to the third operation, a second component is obtained, the second component including the component added to the first component; In response to a fourth operation, second configuration information is obtained, the fourth operation being used to bind a second variable to the second component, the second variable being associated with the data source.

[0062] The third operation can be considered as adding a second component. The electronic device can receive the user's selection of a second component to add the second component to the first component. For example, the electronic device receives the user's click on the first component, then receives the user's selection of a second component in a second area, and adds the second component to the first component to complete the addition of the second component.

[0063] The fourth operation can be considered as configuring the second component.

[0064] In this scenario, the electronic device can receive a fourth operation and use the configuration triggered by the fourth operation as the second configuration information. The configuration of the second component is not limited here; it may include configuring the attributes of the second component and / or configuring the style of the second component. For example, the configuration may include a second variable bound to the second component and the data type set for the second variable.

[0065] The operation method of the fourth operation is not limited, and may include input operation and / or selection operation, etc.

[0066] Figure 3 For a flowchart illustrating another page layout method, see [link / reference]. Figure 3 The first page includes a second area 1, a first area 2, and a third area 3. The second area 1 contains various components for user use, such as a first sub-area 10 providing selectable first components, a second sub-area 11 providing display-type second components, and a third sub-area 12 providing interactive second components. In response to a first operation, a first component 20 can be added to the first area 2. In response to a second operation, such as clicking on the first component 20, configuration options are displayed in the third area 3. These options include options for configuring the attributes and styles of the first component 20. In the attribute configuration, a component title can be configured for the first component 20 to identify it. One first component 20 corresponds to one component title, which is displayed directly according to the configured content during page rendering. For example, if configured as 'a', 'a' will be displayed during page rendering. The attribute configuration also allows configuring the data source for the first component 20, such as specifying or binding a first variable. For example, the first variable can be entered in the first option 30 corresponding to the content variable. After entering the first variable, you can enter the data type of the first variable in the second option 31 corresponding to the data type, such as an array.

[0067] In one scenario, options for configuring the first variable are displayed on the first page. These options may include a first option 30 corresponding to the content variable and a second option 31 corresponding to the data type. The first option 30 can be used to configure the first variable; for example, the variable entered in the first option 30 can serve as the first variable. The variable name of the first variable may include fields that represent the data source, and may also include fields representing the keys to be queried from that data source. The second option 31 is used to configure the data type for the first variable.

[0068] In one example, a user clicks on a component in the first sub-region 10 within the second region 1, adding the first component 20 to the canvas, and sets a first variable in the third region 3. The first variable is an array. During the page rendering phase, the first component 20 can be rendered based on the number of elements in the array, including any second components it contains. After selecting the first component 20, the user can click on a component in the second sub-region 11 or the third sub-region 12 to add a second component to the first component 20, and set the title and second variable of the second component.

[0069] Figure 4 As a schematic diagram of the first page in another scenario, a second component 21 is added to the first component 20. The third area 3 includes options for configuring the second component 21, such as the third option 32 for configuring the title variable, the fourth option 33 for configuring the content variable, and the fifth option 34 for configuring the data type. Alternatively, a component title can be configured for the second component 21 to identify it. The content configured in the component title of the second component 21 can be directly displayed during the page rendering stage; see the component title of the first component 20 mentioned above, which will not be elaborated upon here.

[0070] Option 33 (fourth option) allows configuration of content variables. Option 34 (fifth option) allows configuration of the data type for the second variable. Option 32 (third option) allows configuration of the title variable. Options 32 (third option) and 33 (fourth option) can be configured as keys. After the intelligent system runs, the obtained values ​​can be rendered.

[0071] In one scenario, options for configuring the second variable are displayed on the first page. These options may include a third option 32 corresponding to the title variable, a fourth option 33 corresponding to the content variable, and a fifth option 34 corresponding to the data type. Third option 32 and fourth option 33 can be displayed in pairs. One title can correspond to one piece of content, forming a title-content pair. During the rendering phase, the number of second components 21 can be equal to the number of title-content pairs. The second variable can include both title and content variables. The variable names of both title and content variables can contain the corresponding data source, indicating the source of the data. The data sources included in the title and content variables can be the same or different. During the second page rendering phase, the title and content variables can be used as keys to query the corresponding values ​​from the corresponding data sources, which are then used as the rendered data.

[0072] In this article, when adding a second component to the first component, the configuration of the second component is detailed in the above description of the configuration of the second component, and will not be repeated here.

[0073] For example, when the second component is a presentation component, and taking the second component for code comparison as an example, Figure 5 For another scenario, see the page diagram of the first page. Figure 5 After the second component for code comparison in the second sub-area 11 is selected, the second component 22 can be placed at the dragged position. The third area 3 displays the configuration of the second component 22, allowing the setting of the component title. The content variables of the second component can include the first control 35 and the second control 36. The two controls can be bound to variables of the compared code to associate them with the corresponding data source, so that the corresponding code can be found from the data source using the content variable as the key. If the second component 22 is bound to the first component, the second component 22, except for... Figure 5 In addition to the options provided, you can also add options to configure title variables; see [link / reference]. Figure 4 This allows each component to have a title set.

[0074] Furthermore, the configuration of text-displaying components within presentational components can be directly bound to variables in the content variables to associate them with the corresponding data source. The third area (3) corresponding to text-displaying components within presentational components can also include the rendering type, such as the website's rendering type.

[0075] Figure 6 This is a page illustration of the first page in yet another scenario. Figure 6 This illustrates how to set the style of a component. When configuring the component style, you can configure the programming language of the code, the heading style, the font size, and whether the displayed content is bold, etc.

[0076] Figure 7 This is a flowchart illustrating a page layout method for another scenario. The solution in this scenario can be combined with solutions from other scenarios. For identical or related parts, descriptions of other scenarios can be used, and these will not be repeated here. Figure 7 As shown, the method in this case may specifically include: S710, in response to the first operation, adds the first component to the first region.

[0077] S720: Obtain first configuration information and second configuration information.

[0078] S730, Generate File.

[0079] S740, in response to the fifth operation, displays the second page.

[0080] The fifth action could be triggering the display of the second page; the method of action is not limited here. For example, a user creates a task for evaluating an intelligent system. On the creation page, a template can be selected. After task creation is complete, the second page can be displayed directly, or it can be displayed after clicking a control that triggers the display. Correspondingly, the second action could be either a trigger action upon task creation or a click on the control that displays the second page.

[0081] During the display of the second page, the file corresponding to the selected template can be obtained first. Based on the layout information, first configuration information, and second configuration information contained in the file, the components included in the second page are laid out. When rendering the components displayed on the second page, the results of the intelligent system's operation can be obtained, and these results can be used as values ​​in key-value pairs to populate the corresponding components.

[0082] The layout of the second page is determined based on the aforementioned file, and the content displayed on the second page includes data obtained from the data source. For example, on the second page, the content rendered by the second component within the first component is data obtained from the data source. Based on the second variable of the second component, the corresponding value is obtained from the data source and rendered to the corresponding position on the second page.

[0083] For example, after triggering the display of the second page, the corresponding file for the second page is retrieved via an interface. The content contained in the file is obtained, and the position of the layout component on the second page is determined based on the layout information saved in the template. Based on the variables bound to the component, the bound data source is determined, and the content returned by the data source is used as the value of the variable key, which is then rendered within the first component.

[0084] In one scenario, the second number is related to the first number, which is used to represent the number of data items.

[0085] In this scenario, the second number can be the length of the array. The array length can be determined during the actual rendering of the second page based on the number of elements returned by the intelligent system. The rendering of the first component's content can be done by rendering the corresponding number of second components based on the number of elements in the array. The number of elements can be equal to the number of data items retrieved. During the setup phase of the second component, the second variable bound to the second component can serve as a key. The value corresponding to that key is retrieved from the data source associated with the second variable, and this value can be used as the retrieved data and displayed on the second page. The number of values ​​retrieved from the data source is taken as the number of elements.

[0086] Figure 8 This is a page comparison diagram under one scenario; see [link / reference]. Figure 8 During the page layout phase, the first area 2 includes a first component 20 and a second component 22. When rendering the second page 4, the first component 20 is rendered as component 40 corresponding to the first component 20. The second component 22 is rendered as component 41 corresponding to the second component 22. The relative positions of each component in the first area 2 are the same as their relative positions in the second page 4. In addition, the coordinates of each component in the first area 2 can also be equal to their coordinates in the second page 4.

[0087] Component 40, corresponding to the first component 20, can display multiple values ​​corresponding to title variables. The number of these values ​​is the second number, and the same as the first. Under each value corresponding to a title variable, the value of the corresponding content variable is displayed. Title variables and content variables can have a corresponding relationship; the title variable can be the title of a variable, and the content variable can be the specific content obtained for that variable. This content can be the result output by the intelligent system, which can be displayed on the second page 4 for evaluation by assessors. The second component can have only one component title. The number of second components can be equal to the number of values ​​corresponding to title variables and equal to the number of values ​​corresponding to content variables. This is illustrated using the intelligent system integrity index evaluation as an example. Figure 8 The values ​​corresponding to multiple title variables can represent different stages of the intelligent system, and the values ​​corresponding to content variables can represent the content used to evaluate completeness at the corresponding stage.

[0088] In this article, during the page layout phase, each component is bound to a data source via variables. During the page rendering phase, these variables can be used as keys to retrieve corresponding values ​​from the data source, and then the values ​​are rendered on the second page. The number of values ​​can be equal to the number of components in the second page.

[0089] In this article, the second page can display the results generated by the intelligent system, or the results after automatic evaluation, for the evaluation personnel's reference. The evaluation content of the intelligent system in this article can be the intelligent system's indicators or the results output by the intelligent system.

[0090] In this scenario, after configuring the template, the second page is displayed through the fifth operation to assist the evaluators in evaluating the intelligent system, thus realizing the application of the template and providing a foundation for the evaluation.

[0091] The page layout method presented in this paper can be considered as a task-feature-based interactive interface layout generation method. The layout page is also known as the second page and can be used to evaluate intelligent systems.

[0092] Because the number of stages in the process of executing the evaluation questions by the intelligent system is not fixed, and the name definition of each stage, the content style of the results returned by the stage, and the number of results returned are also not fixed (for example, the intelligent system may return multiple results in a certain execution stage, and any result that hits must be counted as correct during the evaluation), this results in a high manual cost for the evaluation platform to implement the page layout.

[0093] The evaluation question can be a specific task or problem to assess the capabilities of the intelligent system. A stage can be a series of coherent, logically ordered steps or subtasks that the intelligent system breaks down internally to complete the evaluation question. The evaluation of an intelligent system involves not only assessing its final output but also evaluating its intermediate results, such as the results output at each stage within the system.

[0094] To address the aforementioned issues, this paper categorizes components into two types: display-type second components and interactive-type second components. For example, display-type second components include those for showcasing text, code, lightweight markup language, content comparison, and websites. Similarly, interactive-type second components include code display components with interactive features. Component categorization can be determined based on the type of content to be evaluated. For results with a variable number of elements, rendering can be achieved using container components.

[0095] The second component can serve as the base component of the template. The canvas for the layout template can be implemented using a grid layout system that supports dragging and resizing. The canvas can automatically generate component coordinates based on user dragging, pulling, and / or sizing operations.

[0096] The first page contains a configuration panel for each component. This configuration panel can be located in the third area, where users can bind the component's data source. The data source refers to the source of data generated after the evaluation task is executed and needs to be displayed in the component. The evaluation task can be a specific, executable evaluation instance based on the evaluation method.

[0097] After the template is configured, click save. The component coordinates on the canvas and their corresponding data sources will be transmitted to the server in the set format for later use.

[0098] In the evaluation method, data can be populated for the data source of each component in the template.

[0099] When a user triggers the display of a second page, such as a review details page, the layout configuration, such as a parsing file, is parsed to implement the page layout corresponding to the template.

[0100] Figure 9 This is a schematic diagram illustrating the page layout and display architecture in one scenario. See [link / reference] Figure 9 The page layout can be called template construction, which can be achieved through a constructor that implements the interactive interface layout, used for building page layouts for intelligent system evaluation. The first page contains three parts: the component area (i.e., the second area), the canvas area (i.e., the first area), and the configuration area (i.e., the third area).

[0101] The component area includes multiple components based on business scenarios. Component types can be continuously enriched as business expands. Container components allow users to render a dynamically selected number of other components within the container component, i.e., a second component. The canvas area implements drag-and-drop layout through the component library, supporting user-defined component sizes and layouts.

[0102] The configuration area allows you to configure the data source and style for each component.

[0103] Figure 9 The component layout module corresponds to the combination of the component area and the canvas area; the component configuration module corresponds to the configuration area.

[0104] After the user completes component layout (by dragging and dropping components) and component configuration (configuring data sources, styles, interaction events, etc.), a file is finally generated and stored. This file fully reflects the page layout based on task characteristics and can be saved to a database.

[0105] Template rendering can be achieved during the template application phase. This can be implemented through the interpreter of the interactive interface layout. A page layout parsing layer for model evaluation parses components, data sources, styles, and / or interactive events. When a user triggers access to a second page, a file is retrieved for rendering.

[0106] During the rendering of the second page, the file is parsed (the format of the configuration file is not limited here), and each component in the file is rendered to its corresponding position according to its position information. Combined with the component configuration information (i.e., data source, style, and interaction event) in the file, the user's original request is restored.

[0107] This article uses components to support users' personalized needs. One component can address a large number of scenarios (e.g., a component for customized videos can evaluate videos on the second page).

[0108] Each type of business scenario can be a combination of different components. Components can act as customizable atoms, and user requests can be fulfilled through configurations such as dragging and dropping on the canvas (equivalent to various permutations and combinations of atoms). Among them, data source, style, and interaction events can be considered as the properties of atoms.

[0109] In this paper, file storage can be independent of the evaluation task (the same file can be reused between different tasks). Therefore, changes to the interface layout take effect in real time without having to re-initiate the evaluation of the intelligent system, which greatly saves feature units, such as tokens, and reduces team costs.

[0110] This article designs template configuration as an attribute of the evaluation task. Attribute updates take effect immediately without re-executing the evaluation method, reducing the consumption of feature units in the intelligent system. Users can configure templates through drag-and-drop, lowering the learning curve; simultaneously, this visual approach is applied to the page layout.

[0111] For evaluation content with a variable number of items, no coding is required; it can be flexibly displayed using the first component. Taking the evaluation of a data-collecting agent as an example, the evaluation content can be a metric, which can be the correctness of the logic during a Structured Query Language (SQL) query. Logical correctness may include the following evaluation angles; different angles can correspond to different second components, and the number of angles can be equal to the number of second components: 1. Have you selected the correct table and its fields? The key can be the selected field in the table, and the corresponding value can be the specific field selected. 2. Is the logic of the SQL statement JOIN correct (such as in the scenario of multi-table join query)? JOIN is used to combine data from two or more tables based on related columns to form a larger result set.

[0112] 3. Are the filtering conditions correct?

[0113] 4. Is the sorting correct? (For example, if a user needs to retrieve the top 3 data, the SQL statement should ultimately return the data in descending order, not ascending order.)

[0114] Before the task runs, the evaluation cannot know in advance how many aspects of logical correctness are involved. This article can use the first component to carry out the evaluation of this indicator. The first component corresponds to the array type data of the computer, that is, it is a collection of multiple sub-data. Each element of this array is designed as an object (that is, the sub-data is designed as an object, and an object can correspond to multiple key-value pairs). The object's properties include: title, content variable, title variable, formatting method during display, etc. In actual rendering, it is only necessary to traverse each object in this array, and combine the style and bound variable settings of the second component within the first component to dynamically generate the content under this indicator.

[0115] Because the template configuration is flexible, users can freely configure the size of page components and set the content to be displayed by dragging and dropping (achieved through data source binding). Therefore, the display of the second page is also flexible when initiating an evaluation task. The page layout method described in this article improves the efficiency of evaluation (such as content comparison components and content components with formatting functions), and the business can adjust its template at any time to adjust the evaluation points of the intelligent system during continuous iteration.

[0116] This article supports users in building a second page on the platform based on task characteristics, and adjusting the page layout after the model initiates evaluation. Templates are configured through a template engine, and can be bound to tasks during task creation, allowing each task to have its own unique page layout. Simultaneously, it supports nested container rendering, enabling dynamic loading of non-fixed numbers of results within a container.

[0117] Figure 10 This is a schematic diagram of a page layout device in one scenario, such as... Figure 10 As shown, the device includes: Add module 1010, which is used to add a first component to a first area in response to a first operation. The first area is located in a first page. The first page is used to configure a template for a second page. The template is used to evaluate the intelligent system. The module 1020 is used to obtain first configuration information and second configuration information. The first configuration information includes a first variable, which includes a variable bound to the first component. The first component is used to render the second component. The length of the first variable is related to the second number of the second component. The second number is related to the running result of the intelligent system. The second configuration information includes the data source bound to the second component. The generation module 1030 is used to generate a file containing the first configuration information, the second configuration information, and the layout information of the components included in the first area. The file is used to indicate the layout of the second page.

[0118] In one scenario, module 1020 is specifically used to obtain first configuration information in response to a second operation, wherein the second operation is used to bind the first variable to the first component.

[0119] In one scenario, the data type of the first variable includes an array.

[0120] In one scenario, module 1020 is specifically configured to, in response to a third operation, acquire a second component, the second component including a component added to the first component; and, in response to a fourth operation, acquire second configuration information, the fourth operation being configured to bind a second variable to the second component, the second variable being associated with the data source.

[0121] In one scenario, the first component is used to display the results to be evaluated, including the results obtained after the intelligent system has been running.

[0122] In one scenario, one first component corresponds to one type of second component, and the type of the second component is related to the type of the result.

[0123] In one embodiment, the device further includes a display module for: displaying the second page in response to a fifth operation, the layout of the second page being determined based on the document, and the content displayed on the second page including data obtained from the data source.

[0124] In one scenario, the second number is related to the first number, which is used to represent the number of data items.

[0125] The above-described apparatus can execute the method provided in any of the cases described herein, and has the corresponding functional modules and beneficial effects for executing the method.

[0126] It is worth noting that the various units and modules included in the above-mentioned device are 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 each functional unit are only for easy differentiation and are not used to limit the scope of protection of this document.

[0127] Figure 11 This is a schematic diagram of the structure of an electronic device used to implement a page layout method in one scenario. (Refer to the following...) Figure 11This document illustrates a schematic diagram of an electronic device (e.g., a terminal device) 700 suitable for implementing the above-described method. The terminal device described herein may include, but is not limited to, mobile terminals such as mobile phones, laptops, digital radio receivers, personal digital assistants (PDAs), tablet computers (PADs), portable multimedia players (PMPs), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital televisions and desktop computers. Figure 11 The electronic device 700 shown is merely an example and should not impose any limitations on the functionality and scope of this document.

[0128] like Figure 11 As shown, the electronic device 700 may include a processing unit (e.g., a central processing unit, a graphics processing unit, etc.) 701, which can perform various appropriate actions and processes according to a program stored in a read-only memory 702 or a program loaded from a storage device 708 into a random access memory 703. The random access memory 703 also stores various programs and data required for the operation of the electronic device 700. The processing unit 701, the read-only memory 702, and the random access memory 703 are interconnected via a bus 704. An input / output interface 705 is also connected to the bus 704.

[0129] Typically, the following devices can be connected to the input / output interface 705: input devices 706 including, for example, a touchscreen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 707 including, for example, a liquid crystal display (LCD), speaker, vibrator, etc.; storage devices 708 including, for example, magnetic tape, hard disk, etc.; and communication devices 709. Communication device 709 allows electronic device 700 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 11 An electronic device 700 with various devices is shown; however, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively.

[0130] Specifically, the process described in the flowchart above can be implemented as a computer software program. For example, the technical solution of this document includes a computer program product comprising a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the methods shown in the flowchart. In such a case, the computer program can be downloaded and installed from a network via communication device 709, or installed from storage device 708, or installed from read-only memory 702. When the computer program is executed by processing device 701, it performs the functions defined in the method of this document.

[0131] The names of messages or information exchanged between multiple devices in this document are for illustrative purposes only and are not intended to limit the scope of these messages or information.

[0132] The electronic device provided in this document and the method provided in the above-described technical solution belong to the same concept. Technical details not described in detail in this document can be found in the above-described situation, and this situation has the same beneficial effects as the above-described situation.

[0133] This article provides a computer storage medium on which a computer program is stored, which, when executed by a processor, implements the methods provided above.

[0134] It should be noted that the computer-readable medium mentioned above can be a computer-readable signal medium, a computer-readable storage medium, or any combination thereof. 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 thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, a random access memory, a read-only memory, an erasable programmable read-only memory (EPROM, also known as 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 thereof. In this document, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in connection with an instruction execution system, apparatus, or device. In this document, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such transmitted data signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. The computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, radio frequency, etc., or any suitable combination thereof.

[0135] Based on one or more scenarios described in this article, Example 1 provides a page layout method, including: In response to the first operation, the first component is added to the first area, which is located in the first page. The first page is used to configure the template of the second page, which is used to evaluate the intelligent system. Obtain first configuration information and second configuration information. The first configuration information contains a first variable, which includes a variable bound to the first component. The first component is used to render the second component. The length of the first variable is related to a second number of the second component. The second number is related to the running result of the intelligent system. The second configuration information contains a data source bound to the second component. A file is generated, which contains the first configuration information, the second configuration information, and the layout information of the components included in the first area. The file is used to indicate the layout of the second page.

[0136] Based on one or more scenarios described in this article, Example 2 provides the method of Example 1 to obtain the first configuration information, including: In response to the second operation, first configuration information is obtained, the second operation being used to bind the first variable to the first component.

[0137] Based on one or more scenarios in this article, Example 3 provides the method of Example 1 or Example 2, where the data type of the first variable includes an array.

[0138] Based on one or more scenarios described in this article, Example 4 provides the method of Example 1 to obtain second configuration information, including: In response to the third operation, a second component is obtained, the second component including the component added to the first component; In response to a fourth operation, second configuration information is obtained, the fourth operation being used to bind a second variable to the second component, the second variable being associated with the data source.

[0139] According to one or more scenarios in this paper, Example 5 provides the method of Example 1 or Example 4, wherein the first component is used to display the results to be evaluated, including the results obtained after the intelligent system is run.

[0140] According to one or more scenarios in this paper, Example 6 provides the method of Example 5, in which a first component corresponds to a second component of a certain type, the type of which is related to the type of the result.

[0141] According to one or more scenarios described herein, Example 7 provides the method of Example 1, which, in response to the fifth operation, displays the second page, the layout of which is determined based on the document, and the content displayed on the second page includes data obtained from the data source.

[0142] Based on one or more scenarios in this paper, Example 8 provides the method of Example 7, where the second number is related to the first number, which is used to represent the number of data.

[0143] According to one or more scenarios described herein, [Example 9] provides a page layout apparatus comprising: An add module is used to add a first component to a first area in response to a first operation. The first area is located on a first page, and the first page is used to configure a template for a second page, which is used to evaluate the intelligent system. The module is used to obtain first configuration information and second configuration information. The first configuration information includes a first variable, which includes a variable bound to the first component. The first component is used to render the second component. The length of the first variable is related to a second number of the second component. The second number is related to the running result of the intelligent system. The second configuration information includes a data source bound to the second component. A generation module is used to generate a file containing the first configuration information, the second configuration information, and the layout information of the components included in the first area. The file is used to indicate the layout of the second page.

[0144] According to one or more of the provisions herein, [Example 10] provides an electronic device comprising: One or more processing devices; Storage device for storing one or more programs. When the one or more programs are executed by the one or more processing devices, the one or more processing devices implement the methods provided herein.

[0145] According to one or more of the embodiments herein, [Example 11] provides a storage medium containing computer-executable instructions that, when executed by a computer processor, are used to perform the methods provided herein.

[0146] According to one or more of the embodiments described herein, [Example 12] provides a computer program product including a computer program that, when executed by a processor, implements the methods provided herein.

[0147] In some scenarios, clients and servers can communicate using any currently known or future-developed network protocol, such as HTTP (Hypertext Transfer Protocol), and can interconnect with digital data communication (e.g., communication networks) of any form or medium. Examples of communication networks include Local Area Networks (LANs), Wide Area Networks (WANs), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., end-to-end networks), as well as any currently known or future-developed networks.

[0148] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.

[0149] The aforementioned computer-readable medium carries one or more programs, which, when executed by the electronic device, cause the electronic device to: in response to a first operation, add a first component to a first area, the first area being located in a first page, the first page being used to configure a template for a second page, the template being used to evaluate the intelligent system; Obtain first configuration information and second configuration information. The first configuration information contains a first variable, which includes a variable bound to the first component. The first component is used to render the second component. The length of the first variable is related to a second number of the second component. The second number is related to the running result of the intelligent system. The second configuration information contains a data source bound to the second component. A file is generated, which contains the first configuration information, the second configuration information, and the layout information of the components included in the first area. The file is used to indicate the layout of the second page.

[0150] Computer program code for performing the operations described herein can be written in one or more programming languages ​​or a combination thereof, including but not limited to object-oriented programming languages ​​such as Java, Smalltalk, and C++, as well as conventional procedural programming languages ​​such as the "C" programming language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including local area networks (LANs) or wide area networks (WANs), or it can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0151] The flowcharts and block diagrams in the accompanying figures illustrate the architecture, functionality, and operation of possible implementations of the systems, methods, and computer program products according to the various scenarios described herein. In this respect, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the figures. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in 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, may be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0152] The modules or units described herein can be implemented in software or hardware. The name of a module or unit does not necessarily limit the module or unit itself; for example, adding a module can also be described as "component adding a module".

[0153] 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 at least one of the following: Field-Programmable Gate Array (FPGA), Application-Specific Integrated Circuit (ASIC), Application-Specific Standard Product (ASSP), System on Chip (SOC), Complex Programmable Logic Device (CPLD), etc.

[0154] In the context of this document, a machine-readable medium can be a tangible medium that may contain or store a program for use by or in conjunction 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 be, 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 machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory, read-only memory, erasable programmable read-only memory (flash memory), optical fibers, portable compact disk read-only memory, optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0155] The above description is merely a preferred implementation of this document and an explanation of the technical principles employed. Those skilled in the art should understand that the scope of disclosure herein is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-described disclosed concept. For example, technical solutions formed by substituting the above features with (but not limited to) technical features disclosed herein that have similar functions.

[0156] Furthermore, while the operations are described in a specific order, this should not be construed as requiring these operations to be executed in the specific order shown or in a sequential order. Multitasking and parallel processing may be advantageous in certain contexts. Similarly, while some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of this paper. Certain features described in the context of a single implementation can also be implemented in combination in a single implementation. Conversely, various features described in the context of a single implementation can also be implemented individually or in any suitable sub-combination in multiple implementations.

[0157] Although the subject matter has been described using a programming language specific to structural features and / or methodological logic, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. Rather, the specific features and actions described above are merely illustrative forms of implementing the claims.

Claims

1. A page layout method, comprising: In response to the first operation, the first component is added to the first area, which is located in the first page. The first page is used to configure the template of the second page, which is used to evaluate the intelligent system. Obtain first configuration information and second configuration information. The first configuration information contains a first variable, which includes a variable bound to the first component. The first component is used to render the second component. The length of the first variable is related to a second number of the second component. The second number is related to the running result of the intelligent system. The second configuration information contains a data source bound to the second component. A file is generated, which contains the first configuration information, the second configuration information, and the layout information of the components included in the first area. The file is used to indicate the layout of the second page.

2. The method according to claim 1, wherein obtaining the first configuration information includes: In response to the second operation, the first configuration information is obtained, and the second operation is used to bind the first variable to the first component.

3. The method according to claim 1 or 2, wherein the data type of the first variable includes an array.

4. The method according to claim 1, wherein obtaining the second configuration information includes: In response to the third operation, the second component is obtained, the second component including the component added to the first component; In response to a fourth operation, the second configuration information is obtained, the fourth operation being used to bind a second variable to the second component, the second variable being associated with the data source.

5. The method according to claim 1 or 4, wherein the first component is used to display the result to be evaluated, the result including the result obtained after the intelligent system has been running.

6. The method according to claim 5, wherein one first component corresponds to one type of second component, and the type corresponding to the second component is related to the type of the result.

7. The method according to claim 1, further comprising: In response to the fifth operation, the second page is displayed. The layout of the second page is determined based on the document, and the content displayed on the second page includes data obtained from the data source.

8. The method according to claim 7, wherein the second number is related to the first number, and the first number is used to represent the number of data.

9. A page layout device, comprising: An add module is used to add a first component to a first area in response to a first operation. The first area is located on a first page, and the first page is used to configure a template for a second page, which is used to evaluate the intelligent system. The module is used to obtain first configuration information and second configuration information. The first configuration information includes a first variable, which includes a variable bound to the first component. The first component is used to render the second component. The length of the first variable is related to a second number of the second component. The second number is related to the running result of the intelligent system. The second configuration information includes a data source bound to the second component. A generation module is used to generate a file containing the first configuration information, the second configuration information, and the layout information of the components included in the first area. The file is used to indicate the layout of the second page.

10. An electronic device, the electronic device comprising: One or more processing devices; Storage device for storing one or more programs. When the one or more programs are executed by the one or more processing devices, the one or more processing devices perform the method as described in any one of claims 1-8.

11. A storage medium comprising computer-executable instructions, which, when executed by a computer processor, are used to perform the method as described in any one of claims 1-8.

12. A computer program product comprising a computer program that, when executed by a processor, implements the method as described in any one of claims 1-8.

Images