Page anchor point configuration method, electronic equipment and storage medium

Abstract

The invention relates to the field of computers, and discloses a page anchor point configuration method, electronic equipment and a storage medium, the method comprises the following steps: in response to a configuration operation for a page component of a target page to be built in a visual interface, obtaining first structured data of the target page; wherein the first structured data comprises a page component in the target page and configuration information of the page component; the configuration information is used for determining data content displayed by the page component; analyzing the first structured data through the intelligent agent to obtain a target component used for configuring an anchor point in the page component; and configuring an anchor point for positioning the target component in the target page. The problem that the page anchor point configuration efficiency is low can be solved.

Description

Technical Field

[0001] This invention relates to the field of computer technology, and more specifically to page anchor point configuration methods, electronic devices, and storage media. Background Technology

[0002] In front-end development, anchor point positioning is a core technology for implementing internal page navigation. It allows users to directly jump to a specific location on the page by clicking on a link anchor point, thereby improving the browsing efficiency and user experience of long pages such as documents, official website homepages, and event pages. In recent years, with the rise of low-code or no-code visual page building projects, anchor point positioning still requires developers to create anchor point components. After the anchor point components are released and deployed, users configure them in a visual interface according to their needs to build pages with anchor points. For example, when users build Business Intelligence (BI) data reports on a low-code platform, they need to wait for developers to develop anchor point components adapted to BI data reports, and then configure the anchor points in the BI data report based on the provided components. Therefore, configuring pages such as BI data reports often requires collaboration with developers to develop anchor point components suitable for the page content to achieve anchor point configuration. This involves communication with developers regarding requirements, development scheduling, testing, and deployment, resulting in low efficiency in anchor point configuration. Summary of the Invention

[0003] This invention provides a page anchor point configuration method, an electronic device, and a storage medium to solve the problem of low efficiency in page anchor point configuration.

[0004] In a first aspect, the present invention provides a method for configuring page anchor points, including: In response to a configuration operation of page components for a target page to be built in a visual interface, the first structured data of the target page is obtained; wherein, the first structured data includes page components in the target page and configuration information of the page components; the configuration information is used to determine the data content displayed by the page components; The intelligent agent analyzes the first structured data to obtain the target component in the page component used to configure the anchor point; Configure anchor points for locating the target component on the target page.

[0005] In a second aspect, the present invention provides an electronic device, comprising: a memory and a processor, wherein the memory and the processor are communicatively connected to each other, the memory stores computer instructions, and the processor executes the computer instructions to perform the page anchor configuration method of the first aspect or any corresponding embodiment described above.

[0006] Thirdly, the present invention provides a computer-readable storage medium storing computer instructions for causing a computer to execute the page anchor configuration method of the first aspect or any corresponding embodiment thereof.

[0007] The page anchor point configuration method provided in this embodiment has two advantages. First, it allows for the configuration of the target page through a visual interface. Therefore, compared to manually writing code for page configuration, this visual approach effectively reduces the difficulty and improves efficiency. Second, while improving efficiency, this method also utilizes an intelligent agent to analyze the first structured data of the target page, automatically identifying suitable target components for anchor point configuration and automatically configuring anchor points for these components within the target page. Thus, during page configuration, there is no need for collaborative R&D personnel to develop anchor point components suitable for the target page, automatically achieving anchor point configuration and effectively improving the efficiency of anchor point configuration. Attached Figure Description

[0008] To more clearly illustrate the specific embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the specific embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are some embodiments of the present invention. For those skilled in the art, other drawings can be obtained from these drawings without creative effort.

[0009] Figure 1 This is a schematic diagram of the first type of page anchor configuration method according to an embodiment of the present invention; Figure 2 This is a schematic diagram of a second process for configuring page anchor points according to an embodiment of the present invention; Figure 3 This is a schematic diagram of the target page according to an embodiment of the present invention; Figure 4 This is a structural block diagram of a page anchor point configuration device according to an embodiment of the present invention; Figure 5 This is a schematic diagram of the hardware structure of an electronic device according to an embodiment of the present invention. Detailed Implementation

[0010] To make the objectives, technical solutions, and advantages of the embodiments of the present invention clearer, the technical solutions of the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of the present invention.

[0011] It is understood that before using the technical solutions disclosed in the various embodiments of the present invention, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in the present invention and their authorization should be obtained in accordance with relevant laws and regulations through appropriate means.

[0012] The terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature. In the description of this invention, "a plurality of" means two or more, unless otherwise explicitly specified.

[0013] For ease of description below, the terms used in this article are explained as follows: Anchor point positioning: As a core technology for implementing internal page navigation in front-end development, anchor point positioning links "anchor links" with "target components", allowing users to jump directly to a specified location on the page after clicking the link, thereby significantly improving the browsing efficiency of long pages.

[0014] Low-code: A visual development technology that builds applications by combining drag-and-drop components with configuration logic, eliminating the need to write a lot of code, effectively lowering the development threshold, and is widely used in front-end page building and enterprise application development scenarios.

[0015] No-code: Compared to low-code, no-code technology has a lower barrier to entry. It requires no coding at all and can be used to build applications simply by configuring them through a visual interface. It is mainly aimed at users without a technical background.

[0016] BI data report: A visual data report generated based on business data. It typically includes charts and data metrics such as data cards, line charts, and bar charts to showcase business results and support decision-making.

[0017] Intelligent agent: An artificial intelligence agent with autonomous task processing capabilities, which can automatically perform operations such as data analysis, logical judgment and result output according to preset rules or instructions.

[0018] JSON: A lightweight data-interchange format that uses a key-value pair structure to store data, making it easy for humans to read and write, as well as easy for machines to parse and generate. The JSON data on a webpage is used to store the page's structured data, such as the location of page components, attributes, and page information.

[0019] Page components: In low-code platforms, pre-developed reusable components, such as buttons, charts, and forms, are developed by developers and then published to the page configuration platform for users to drag and drop directly.

[0020] In front-end development, anchor point positioning is a core technology for implementing internal page navigation, allowing users to directly jump to a specified location on the page by clicking on a link, thereby improving browsing efficiency and user experience for long pages such as documents, official website homepages, and event pages. In common front-end projects, anchor point positioning often requires front-end developers to implement it by coding based on page content, resulting in inefficient anchor point configuration. Even in low-code / no-code visual front-end page building projects, anchor point positioning still requires developers to first create material components, which are then configured by dragging and dropping according to specific needs after release and updates. This patent aims to provide a method for configuring page anchor points, enabling the automatic generation of page navigation functionality using Agent AI capabilities in low-code front-end projects.

[0021] High dependency on component development: When building Business Intelligence (BI) data reports and other pages on a low-code platform, anchor navigation functionality relies on developers to develop components in advance. If the platform lacks anchor components adapted to complex page scenarios, or if existing components cannot meet specific needs, such as dynamically generating anchors based on data thresholds, non-technical personnel can only wait for development intervention. This involves processes such as requirements communication, development scheduling, and testing and deployment, significantly delaying project progress and making it difficult to meet the needs of rapid business iteration.

[0022] Lack of intelligent linking and updates: Page data is dynamic, and updates may cause changes to chart titles, content, and even quantities. The existing anchor functionality of low-code platforms struggles to detect these changes and automatically update navigation. For example, if a page originally had an anchor for "Monthly Sales Total Chart," and the chart title changed to "Quarterly Sales Total Chart" after a data update, the anchor text and link wouldn't automatically update, requiring manual adjustments—a process prone to errors and inefficient.

[0023] Complex and unintuitive configuration: Even though low-code platforms provide anchor components, configuring page anchors is still quite complex for non-technical users. Non-technical users need to understand technical concepts such as "how to set a unique identifier" and "how to associate navigation buttons with target icons," and accurately select and set numerous configuration items. This increases the barrier to entry, making it difficult for users to build pages with anchor navigation.

[0024] According to an embodiment of the present invention, a method for configuring page anchor points is provided. It should be noted that the steps shown in the flowchart in the accompanying drawings can be executed in a computer system such as a set of computer-executable instructions. Furthermore, although a logical order is shown in the flowchart, in some cases, the steps shown or described may be executed in a different order than that shown here.

[0025] This embodiment provides a page anchor configuration method, which can be used in page configuration platforms. Figure 1 This is a flowchart of a page anchor configuration method according to an embodiment of the present invention, such as... Figure 1 As shown, the process includes the following steps: Step S101: In response to the configuration operation of the page components of the target page to be built in the visualization interface, the first structured data of the target page is obtained; wherein, the first structured data includes the page components in the target page and the configuration information of the page components; the configuration information is used to determine the data content displayed by the page components.

[0026] The target page is a page described using JSON (JavaScript Object Notation) data, such as a BI data report page, or a dynamic page whose data content can be dynamically updated using other page components. Alternatively, the target page can also be a page described using non-JSON data, such as a static page using HyperText Markup Language (HTML) or Cascading Style Sheets (CSS).

[0027] In practical applications, the first structured data of the target page can be obtained once the target page is built for the first time.

[0028] Specifically, the first structured data is JSON data.

[0029] Optionally, page components include at least one of buttons, charts, forms, and cards, and may also be other types of components, without specific limitations.

[0030] Optionally, the configuration information includes at least one of the page component type, title, and display status, which are not specifically limited here.

[0031] Furthermore, the first structured data also includes page information, which includes page dimensions (such as page width, page height, etc.), page background, page title, page update frequency, etc. Specifically, a visual interface is displayed, which shows at least one configurable component. In response to configuration operations on the configurable component, the target page is configured. For example, the configurable component can be moved in the visual interface using methods such as dragging, pulling, and dropping to build the target page.

[0032] Optionally, the page configuration platform can be a low-code platform, a no-code platform, or other page configuration platforms that use visualization technology to visualize the interface; no specific limitations are made here.

[0033] Furthermore, after the target page is built and saved, the page configuration platform automatically generates the first structured data of the target page.

[0034] For example, taking a BI data report page as the target page, drag and drop page components such as the "Timely Delivery Amount" chart and the "Total Rewards and Penalties" chart on the page configuration platform to build the corresponding target page for the BI data report. After adjusting the position of each page component, click the save control. The page configuration platform automatically organizes the page components in the target page into a JSON data (i.e., the first structured data mentioned above). The JSON data records the page information of the target page, the configuration information of the page components, and preset fields. In some specific implementations, the page information of the target page includes, for example, a page width of 1280, a page height of 1043, a white page background, a page title of "2323", and a page update frequency of daily. The configuration information of the page components includes component identifiers, component positions, and component titles. For example, the "Timely Delivery Amount" chart is located on the target page with a horizontal coordinate of 79 and a vertical coordinate of 61. Preset fields, such as the anchor field, are blank before the anchor information is filled in, waiting for the anchor information to be filled in.

[0035] Step S102: The agent analyzes the first structured data to obtain the target component in the page component used to configure the anchor point.

[0036] Specifically, using an intelligent agent and the first structured data, the page components in the target page are analyzed, and the target components used to configure anchor points are selected from the page components. The intelligent agent can be constructed using a language model, a large language model, or other models; no specific limitations are made here.

[0037] Step S103: Configure anchor points for locating target components on the target page.

[0038] Specifically, anchor points for locating the target component can be configured on the target page based on the target component's configuration information. For example, anchor points for locating the target component can be configured on the target page based on the target component's component type, component title, component position, etc.

[0039] The page anchor point configuration method provided in this embodiment has two advantages. First, it allows for the configuration of the target page through a visual interface. Therefore, compared to manually writing code for page configuration, this visual approach effectively reduces the difficulty and improves efficiency. Second, while improving efficiency, this method also utilizes an intelligent agent to analyze the first structured data of the target page, automatically identifying suitable target components for anchor point configuration and automatically configuring anchor points for these components within the target page. Thus, during page configuration, there is no need for collaborative R&D personnel to develop anchor point components suitable for the target page, automatically achieving anchor point configuration and effectively improving the efficiency of anchor point configuration.

[0040] In some optional implementations, the step S102 above, which involves analyzing the first structured data using an intelligent agent to obtain the target component in the page component used to configure the anchor point, includes: Step a1: Obtain target prompt information; wherein, the target prompt information is used to instruct the agent to determine the target component for configuring anchor points in the page components based on the first structured data, and add the anchor point label of the target component to the first structured data to obtain the second structured data.

[0041] Among them, target prompt information can be represented in the form of prompt words.

[0042] Specifically, the agent identifies the target component for configuring the anchor point within the page components based on the target prompt, and adds the target component's anchor point tag to the first structured data. For example, adding the field `anchorFlag: true` to the target component's props as the target component's anchor point tag results in the second structured data.

[0043] Step a2: Input the target prompt information and the first structured data into the agent to obtain the second structured data.

[0044] Specifically, the target prompt information and the first structured data are input into the agent. Based on the target prompt and the first structured data, the agent determines the target component for configuring the anchor point in the page components and adds the anchor point label of the target component to the first structured data to obtain the second structured data.

[0045] Step a3: Based on the anchor tags in the second structured data, identify the target component in the components of the target page.

[0046] Specifically, based on the anchor tags in the second structured data, page components with anchor tag identifiers on the target page are selected as target components.

[0047] The page anchor point configuration method provided in this embodiment inputs target prompt information and first structured data into an intelligent agent, adds anchor point tags for the target component to the first structured data to obtain second structured data. Based on the anchor point tags in the second structured data, the target component is identified among the components of the target page. The intelligent agent achieves automatic identification of the target component, reduces manual annotation costs, and improves the efficiency of page anchor point configuration.

[0048] In some alternative implementations, the configuration information includes at least one of the page component's type, title, and display status. Target hint information includes how the target component is identified.

[0049] The identification methods include at least one of the following: If the type of the page component matches the preset anchor type, then the page component is determined to be the target component; If the title of a page component is related to the business of the target page, then the page component is determined to be the target component; If the display state of a page component indicates that the page component is visible and not obscured, then the page component is determined to be the target component.

[0050] Specifically, the target prompt information is input into the intelligent agent, and the intelligent agent determines the target component used to configure the anchor point in the page components based on the first structured data and the identification method of the target component in the target prompt information.

[0051] Specifically, if the type of a page component simultaneously satisfies the preset anchor type, the title of the page component is related to the business of the target page, and the display state of the page component indicates that the page component is visible and not obscured, then the page component will be used as the target component.

[0052] The page anchor point configuration method provided in this embodiment determines the target component in the page components based on the identification method of the target component in the target prompt information. The introduction of target prompt information effectively improves the flexibility of anchor point configuration and defines the judgment criteria of target components from multiple dimensions, thereby improving the accuracy of target component judgment.

[0053] In some optional implementations, the aforementioned target prompt information is also used to instruct the agent to delete the anchor tags of non-target components or to set the anchor tags of non-target components to an invalid state when there are anchor tags of non-target components in the first structured data.

[0054] Specifically, when the target prompt information is input into the agent, if the first structured data contains anchor tags of non-target components that do not meet the recognition method, the anchor tags of non-target components need to be deleted from the first structured data, or the anchor tags of non-target components need to be set to an invalid state.

[0055] The page anchor configuration method provided in this embodiment instructs the agent to delete or invalidate non-target component anchor tags in the first structured data that do not meet the recognition requirements through target prompt information. This avoids interference from invalid tags with subsequent data processing and improves the reliability of the agent's output.

[0056] In some optional implementations, the first structured data further includes a preset anchor point display position and a preset field corresponding to the preset anchor point display position; the target prompt information is also used to instruct the agent to determine the anchor point information corresponding to the target component based on the configuration information of the target component, and to add the anchor point information to the preset field in the first structured data.

[0057] The step S103 above, which configures the anchor point for locating the target component on the target page, includes: configuring the anchor point for locating the target component at the preset anchor point display position on the target page according to the anchor point information of the preset field in the second structured data.

[0058] Specifically, after determining the anchor point information corresponding to the target component in the target component's configuration information, the anchor point information is added to a preset field in the first structured data to form the second structured data. Then, based on the anchor point information in the second structured data, anchor points for locating the target component are configured at preset anchor point display positions on the target page.

[0059] The page anchor configuration method provided in this embodiment configures anchor points for locating target components at preset anchor point display positions on the target page based on anchor point information of preset fields in the second structured data. This achieves dynamic anchor point configuration based on anchor point information and ensures the accuracy of target component positioning.

[0060] In some optional implementations, the sorting of anchor information in the preset fields is consistent with the sorting of the target components corresponding to the anchor information in the first structured data.

[0061] The page anchor point configuration method provided in this embodiment ensures that the anchor point of the component displayed at the preset anchor point display position is consistent with the sorting of the target component in the first structured data, so as to better locate the content of the target component in the target page and improve the visualization effect of the target page.

[0062] In some optional implementations, the target prompt information is also used to instruct the agent to clear the contents of the preset field before adding anchor information in the preset field of the first structured data.

[0063] Specifically, first, clear any content in the preset fields of the first structured data that does not conform to the configuration information, and then add the anchor information to the preset fields of the first structured data. For example, before the target page is updated, the target page may have already been configured with anchors. After the target page is updated, the historical anchors will no longer be compatible, so it is necessary to delete and reconfigure the new anchors for the target page.

[0064] The page anchor configuration method provided in this embodiment effectively avoids interference from historical anchor information and erroneous content on anchor configuration by clearing the preset fields of the first structured data before adding anchor information, thus ensuring the accuracy of anchor information.

[0065] In some optional implementations, the page anchor configuration method of this application further includes: in response to an update instruction of the data content displayed by the page component, obtaining third structured data of the target page; analyzing the third structured data through an intelligent agent, redetermining the target component in the page component used for configuring the anchor, and updating the anchor in the target page according to the redetermined target component.

[0066] It should be noted that the specific method for redetermining the target component using third-party structured data can be referenced from the specific method for redetermining the target component using first-party structured data, and will not be elaborated further here.

[0067] In some optional implementations, the page anchor configuration method of this application further includes: in response to an update instruction for page components and / or configuration information of page components in a target page, obtaining fourth structured data of the target page; analyzing the fourth structured data through an intelligent agent to redetermine the target components used for configuring anchors in the page components; and updating the anchors in the target page according to the redetermined target components.

[0068] It should be noted that the specific method for redetermining the target component using the fourth structured data can be referenced from the specific method for redetermining the target component using the first structured data, and will not be elaborated further here.

[0069] Taking a BI data report page as an example, users can build a BI data report page on the page configuration platform. The page configuration platform responds to the configuration save command for the BI data report page by retrieving the first structured data of the BI data report page. The page configuration platform inputs the target prompt information and the first structured data of the BI data report page into the agent. The agent analyzes the first structured data based on the target prompt information, determines the target component in the BI data report page used for configuring anchor points, and adds anchor point tags for the target component to the first structured data, obtaining the second structured data. Based on the second structured data, the page configuration platform configures the anchor points for locating the target component in the BI data report page. Therefore, the anchor point navigation function of the BI data report page can be automatically implemented without waiting for developers to develop anchor point components for the BI data report page, thereby reducing the dependence of BI data report page anchor point configuration on developers and improving the efficiency of page anchor point configuration.

[0070] For example Figure 3 As shown, the BI data report page is configured with two page components: "Overview" and "Products." "Overview" displays the number of express delivery packages received, while "Products" displays logistics data tables for category A and category B items. Assuming the agent analyzes the first structured data from the BI data report page and determines that the "Overview" and "Products" page components can be used as anchor points, the agent adds anchor tags for these two page components to the first structured data, obtaining the second structured data. Subsequently, the page configuration platform adds anchor points for the "Overview" and "Products" page components to the BI data report page based on the second structured data, such as... Figure 3 The anchor points shown are for "Probability" and "Product" in the anchor point navigation.

[0071] Furthermore, when the data content displayed on the BI data report page is updated, the page configuration platform can also respond to update commands for the BI data report page and re-acquire the third-party structured data of the BI data report page. The page configuration platform can input the re-acquired third-party structured data into the agent, which will then redetermine the target components used to configure anchors based on the third-party structured data and re-add anchor tags to the target components, obtaining new structured data. The page configuration platform then reconfigures the anchors in the BI data report page based on the new structured data. Therefore, when page data such as chart titles, content, and the number of charts in the BI data report page is updated, the anchors in the BI data report page can be automatically updated, improving the efficiency of page anchor updates, avoiding anchor function errors due to page data updates, and thus meeting the needs of rapid business iteration.

[0072] As can be seen, by adopting the page anchor configuration method of this application, non-technical personnel do not need to understand the technical concept of page anchor configuration when configuring anchors for pages such as BI data report pages. This effectively reduces the threshold for using page anchor configuration, and even non-technical personnel can easily build pages with anchor navigation.

[0073] As an example, here is an example of how target prompt messages are displayed: <Role Information> You are a professional front-end expert and data analyst.

[0074] <Work Objective> Based on the configuration information of the target page and the first structured data, you need to select suitable page components as anchors, add anchor tags and generate navigation configurations, and finally return the second structured data.

[0075] The analysis criteria will select page components that simultaneously meet the following conditions as target components: 1. Valid page component type: The page component type must belong to the preset anchor type. The preset anchor types include: "IndexCard", "LineChart", "BarChart", "Table", etc. If the page component type does not belong to the preset anchor type, it will not be regarded as the target component even if other conditions are met.

[0076] 2. Valid page component titles: Page component titles must meet the following requirements: not empty (cannot be null or undefined); not a default placeholder (cannot be names without actual business meaning such as "unnamed page component", "new card", "chart"); contain business keywords (such as "amount", "quantity", "rate", "trend", "total", etc., which can reflect the business value of the page component). 3. Page component display status: The page component properties show that the page component is not hidden and is not completely obscured by other page components.

[0077] If a page component is hidden or obscured, it will not be considered a target component even if other conditions are met.

[0078] <Workflow> Modify the following content based on the first structured data: 1. Add anchor tags: For all page components that meet the criteria, add a field "anchorFlag": true to their "props" field; For page components that do not meet the criteria, if the "anchorFlag" field already exists, it needs to be deleted or set to "false". 2. Generate anchor navigation list: (1) Clear the original anchor information in the first structure data and keep only the anchor information of the page components that meet the conditions; (2) Each target component must include: the ID of the target component (unique identifier, used to jump to the associated page), the title of the target component (the text displayed in the navigation), and the anchor tag; (3) The order of the anchor information must be consistent with the order of appearance of the corresponding target components in the first structure data.

[0079] 3. Retain other fields: Except for the newly added fields of the target component and the regenerated anchor information in the first structured data, other fields in the first structured data (such as "config", "reportInfo", "anchor.showDesc", etc.) must be retained as is and must not be modified or deleted.

[0080] The following content must not be modified on the first structure data: <Prohibited Actions> 1. No new or deleted page components may be added to the first structure data (only new fields may be added to the target component).

[0081] 2. The original attributes of page components (such as ID, page component type, etc., except for adding "anchorFlag" according to the rules) must not be tampered with.

[0082] 3. Data must not be fabricated (e.g., if the title of a page component is empty, the title must not be manually filled in).

[0083] <Output Result> The second structure data after the first structure data is modified.

[0084] As an application embodiment of the present invention, see Figure 2 First, the user moves page components on the page configuration platform using drag-and-drop to build the target page. After the user saves the built target page, the system automatically generates the first structured data. Then, the first structured data and target prompts are input into the agent. The target prompts instruct the agent to process the first structured data, generating second structured data with anchor tags. The second structured data is input into the page configuration platform, which then configures anchor points on the target page that can locate the target components based on the anchor information in the second structured data.

[0085] This embodiment also provides a page anchor point configuration device for implementing the above embodiments and preferred embodiments; details already described will not be repeated. As used below, the term "module" can refer to a combination of software and / or hardware that performs a predetermined function. Although the device described in the following embodiments is preferably implemented in software, hardware implementation, or a combination of software and hardware, is also possible and contemplated.

[0086] This embodiment provides a page anchor point configuration device, such as... Figure 4 As shown, it includes: The data acquisition module 401 is used to respond to the configuration operation of the page components of the target page to be built in the visualization interface and obtain the first structured data of the target page; wherein, the first structured data includes the page components in the target page and the configuration information of the page components; the configuration information is used to determine the data content displayed by the page components.

[0087] The data analysis module 402 is used to analyze the first structured data through an intelligent agent to obtain the target component in the page component used to configure the anchor point.

[0088] Anchor configuration module 403 is used to configure anchor points for locating target components on the target page.

[0089] In some alternative implementations, the data analysis module 402 includes: The first acquisition unit is used to acquire target prompt information; wherein, the target prompt information is used to instruct the agent to analyze the first structured data, obtain the target component in the page component used to configure the anchor point, and add the anchor point label of the target component to the first structured data to obtain the second structured data.

[0090] The second processing unit is used to input the target prompt information and the first structured data into the intelligent agent to obtain the second structured data.

[0091] The third processing unit is used to determine the target component from the components of the target page based on the anchor tags in the second structured data.

[0092] In some optional implementations, the configuration information in the data acquisition module 401 includes at least one of the page component type, title, and display status; the target prompt information in the first acquisition unit includes the identification method of the target component; wherein, the identification method includes at least one of the following: The first identification subunit is used to determine that the page component is the target component if the type of the page component meets the preset anchor type.

[0093] The second identification subunit is used to determine that a page component is the target component if the title of the page component is related to the business of the target page.

[0094] The third identification subunit is used to determine the page component as the target component if the display state of the page component indicates that the page component is visible and not obscured.

[0095] In some optional implementations, the target hint information is also used to instruct the agent to delete the anchor tags of non-target components or to disable the anchor tags of non-target components if anchor tags of non-target components are provided in the first structured data.

[0096] In some optional implementations, the first structured data further includes a preset anchor point display position and a preset field corresponding to the preset anchor point display position; the target prompt information is also used to instruct the agent to determine the anchor point information corresponding to the target component based on the configuration information of the target component, and to add the anchor point information to the preset field in the first structured data; the anchor point configuration module 403 further includes: The fourth processing unit is used to configure anchor points for locating target components at preset anchor point display positions on the target page based on anchor point information of preset fields in the second structured data.

[0097] In some optional implementations, the fourth processing unit is also used to ensure that the sorting of anchor information in the preset field is consistent with the sorting of the target component corresponding to the anchor information in the first structured data.

[0098] In some alternative implementations, the target prompt information is also used to instruct the agent to clear the contents of the preset field before adding anchor information in the preset field of the first structured data.

[0099] In some optional implementations, the page anchor point configuration device of this application further includes: The update response module is used to respond to update instructions for the data content displayed by page components and obtain third-party structured data from the target page.

[0100] The anchor update module is used to analyze the third-party structured data through an intelligent agent, redetermine the target component in the page components used to configure the anchor, and update the anchor in the target page according to the redetermined target component.

[0101] The page anchor point configuration device provided in this embodiment of the invention can execute the page anchor point configuration method provided in any embodiment of the invention, and has the corresponding functional modules and beneficial effects of the method execution. Further functional descriptions of the above modules and units are the same as those in the corresponding embodiments described above, and will not be repeated here.

[0102] Figure 5 This is a schematic diagram of the structure of an electronic device provided in an embodiment of the present invention.

[0103] The following is a detailed reference. Figure 5This diagram illustrates a suitable structural schematic for implementing an electronic device according to embodiments of the present invention. The electronic device may include a processor (e.g., a central processing unit, graphics processor, etc.) 501, which can perform various appropriate actions and processes based on a program stored in read-only memory (ROM) 502 or a program loaded from memory 508 into random access memory (RAM) 503. The RAM 503 also stores various programs and data required for the operation of the electronic device. The processor 501, ROM 502, and RAM 503 are interconnected via a bus 504. An input / output (I / O) interface 504 is also connected to the bus 504.

[0104] Typically, the following devices can be connected to I / O interface 504: input devices 506 including, for example, touchscreens, touchpads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc.; output devices 507 including, for example, liquid crystal displays (LCDs), speakers, vibrators, etc.; memory devices 508 including, for example, magnetic tapes, hard disks, etc.; and communication devices 509. Communication device 509 allows electronic devices to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 5 Electronic devices with various devices are shown, but it should be understood that it is not required to implement or have all of the devices shown, and more or fewer devices may be implemented or have instead.

[0105] In particular, according to embodiments of the present invention, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of the present invention include 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 flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via a communication device 509, or installed from a memory 508, or installed from a ROM 502. When the computer program is executed by the processor 501, it performs the functions defined in the page anchor configuration method of the embodiments of the present invention.

[0106] Figure 5 The electronic device shown is merely an example and should not be construed as limiting the functionality and scope of the embodiments of the present invention.

[0107] This invention also provides a computer-readable storage medium. The methods described above according to embodiments of the invention can be implemented in hardware or firmware, or implemented as computer code that can be recorded on a storage medium, or implemented as computer code downloaded over a network and originally stored on a remote storage medium or a non-transitory machine-readable storage medium and then stored on a local storage medium. Thus, the methods described herein can be processed by software stored on a storage medium using a general-purpose computer, a dedicated processor, or programmable or dedicated hardware. The storage medium can be a magnetic disk, optical disk, read-only memory, random access memory, flash memory, hard disk, or solid-state drive, etc.; further, the storage medium can also include combinations of the above types of memory. It is understood that computers, processors, microprocessor controllers, or programmable hardware include storage components capable of storing or receiving software or computer code. When the software or computer code is accessed and executed by the computer, processor, or hardware, the page anchor configuration method shown in the above embodiments is implemented.

[0108] A portion of this invention can be applied as a computer program product, such as computer program instructions, which, when executed by a computer, can invoke or provide the methods and / or technical solutions according to the invention through the operation of the computer. Those skilled in the art will understand that the forms in which computer program instructions exist in a computer-readable medium include, but are not limited to, source files, executable files, installation package files, etc. Correspondingly, the ways in which computer program instructions are executed by a computer include, but are not limited to: the computer directly executing the instructions, or the computer compiling the instructions and then executing the corresponding compiled program, or the computer reading and executing the instructions, or the computer reading and installing the instructions and then executing the corresponding installed program. Here, the computer-readable medium can be any available computer-readable storage medium or communication medium accessible to a computer.

[0109] Although embodiments of the invention have been described in conjunction with the accompanying drawings, those skilled in the art can make various modifications and variations without departing from the spirit and scope of the invention, and such modifications and variations all fall within the scope defined by the appended claims.

Claims

1. A method for configuring page anchor points, characterized in that, include: In response to a configuration operation of page components for a target page to be built in a visual interface, the first structured data of the target page is obtained; wherein, the first structured data includes page components in the target page and configuration information of the page components; the configuration information is used to determine the data content displayed by the page components; The intelligent agent analyzes the first structured data to obtain the target component in the page component used to configure the anchor point; Configure anchor points for locating the target component on the target page.

2. The page anchor point configuration method according to claim 1, characterized in that, The step of analyzing the first structured data through an intelligent agent to obtain the target component in the page component used for configuring anchor points includes: Obtain target prompt information; wherein, the target prompt information is used to instruct the agent to determine the target component for configuring anchor points in the page components based on the first structured data, and add the anchor point label of the target component to the first structured data to obtain the second structured data; The target prompt information and the first structured data are input into the intelligent agent to obtain the second structured data; Based on the anchor tags in the second structured data, the target component is determined from the components of the target page.

3. The page anchor point configuration method according to claim 2, characterized in that, The configuration information includes at least one of the page component's type, title, and display status; the target prompt information includes the identification method of the target component; The identification method includes at least one of the following: If the type of the page component meets the preset anchor type, then the page component is determined to be the target component; If the title of the page component is related to the business of the target page, then the page component is determined to be the target component; If the display state of the page component indicates that the page component is visible and not obscured, then the page component is determined to be the target component.

4. The page anchor point configuration method according to claim 2, characterized in that, The target prompt information is also used to instruct the agent to delete the anchor tag of the non-target component or to set the anchor tag of the non-target component to an invalid state when there is an anchor tag of the non-target component in the first structured data.

5. The page anchor point configuration method according to claim 2, characterized in that, The first structured data also includes a preset anchor point display position and a preset field corresponding to the preset anchor point display position; the target prompt information is also used to instruct the agent to determine the anchor point information corresponding to the target component according to the configuration information of the target component, and add the anchor point information to the preset field in the first structured data; Configuring anchor points for locating the target component on the target page includes: Based on the anchor information of the preset field in the second structured data, an anchor point for locating the target component is configured at the preset anchor point display position on the target page.

6. The page anchor point configuration method according to claim 5, characterized in that, The sorting of the anchor information in the preset field is consistent with the sorting of the target component corresponding to the anchor information in the first structured data.

7. The page anchor point configuration method according to claim 5, characterized in that, The target prompt information is also used to instruct the agent to clear the contents of the preset field before adding the anchor information in the preset field of the first structured data.

8. The page anchor point configuration method according to claim 1, characterized in that, Also includes: In response to an update instruction for the data content displayed by the page component, obtain the third structured data of the target page; The agent analyzes the third structured data, redetermines the target component in the page component for configuring anchor points, and updates the anchor points in the target page according to the redetermined target component.

9. An electronic device, characterized in that, include: A memory and a processor are communicatively connected, the memory stores computer instructions, and the processor executes the page anchor configuration method according to any one of claims 1 to 8 by executing the computer instructions.

10. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer instructions for causing a computer to perform the page anchor configuration method according to any one of claims 1 to 8.

Images