Page generation method, system, equipment and medium

Abstract

The invention discloses a page generation method, system and device and a medium, and the method comprises the steps: obtaining page demand content and target page configuration through responding to a page generation instruction of a target field; obtaining a component knowledge base of the target field and a layout rule base configured by the target page; extracting a target component demand set, a target layout demand and a target priority demand from the page demand content; matching in a component knowledge base according to the target component demand set to obtain a corresponding candidate component set; matching in a layout rule base according to the target layout requirement to obtain a corresponding layout template; generating a target layout scheme according to the candidate component set and the layout template based on the target priority demand; the target page is generated according to the target layout scheme, automatic configuration and generation of the page can be achieved through natural language analysis and intelligent matching logic, and then page configuration and deployment are rapidly completed.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of computers, in particular to a page generation method, system, device and medium. BACKGROUND

[0002] As the core carrier of information display and interaction, pages are widely used in enterprise management back-end, e-commerce platforms, government service platforms, education platforms and other scenarios. For example, enterprise administrators need to quickly configure dedicated business management pages, and e-commerce operators need to build personalized product display pages. Such scenarios require pages to accurately match components and adapt to different devices, and the configuration efficiency and ease of use directly affect the progress of business development and user experience.

[0003] Current page generation technology has high configuration threshold. Ordinary users need to master professional configuration syntax such as Extensible Markup Language (XML) / JavaScript Object Notation (JavaScript) to manually write configuration files, making it difficult for non-technical personnel to independently complete the configuration. Moreover, it lacks the ability to automatically match components based on user needs, and requires manual design of layout, resulting in low generation efficiency, inability to meet the needs of rapid iteration of business, difficulty in automatically adapting to different resolution devices, and problems such as inconsistent component style and layout logic, which cannot form a standardized page generation system, thereby severely restricting the convenience and standardization level of page generation. SUMMARY

[0004] The following is a summary of the subject matter described in detail herein. This summary is not intended to limit the scope of the claims.

[0005] The main purpose of the embodiments of the present disclosure is to provide a page generation method, system, device and storage medium, which can realize automatic configuration and generation of pages through natural language analysis and intelligent matching logic, and thereby quickly complete page configuration and deployment.

[0006] The first aspect of the embodiments of the present application provides a page generation method for a central controller, the method comprising: in response to a page generation instruction of a target field, obtaining page requirement content and target page configuration; the page requirement content represents natural language describing page requirements; the target page configuration represents display configuration of a display page; obtaining a component knowledge base of the target field and a layout rule base of the target page configuration; extracting a target component requirement set, a target layout requirement and a target priority requirement from the page requirement content; According to the target component requirement set, matching is performed in the component knowledge base to obtain a corresponding candidate component set; According to the target layout requirement, matching is performed in the layout rule base to obtain a corresponding layout template; Based on the target priority requirement, a target layout scheme is generated according to the candidate component set and the layout template; A target page is generated according to the target layout scheme.

[0007] In some embodiments of the present application, the matching in the component knowledge base according to the target component requirement set to obtain a corresponding candidate component set comprises: The component names in the component requirement set and the component names in the component knowledge base are respectively converted into vectors to obtain requirement vectors and component vectors; Similarity calculation is performed according to the requirement vectors and the component vectors to obtain corresponding semantic similarities; Components with a semantic similarity greater than a preset similarity threshold are screened out to form the candidate component set.

[0008] In some embodiments of the present application, the generation of a target layout scheme based on the target priority requirement according to the candidate component set and the layout template comprises: According to the target priority requirement, a target priority weight of each candidate component in the candidate component set is determined; According to the area division rule of the layout template and the target priority weight of each candidate component, each candidate component is allocated to a corresponding area in the layout template; According to the device information in the target page configuration, the size of each area in the layout template is adaptively adjusted to generate the target layout scheme.

[0009] In some embodiments of the present application, the determination of a target priority weight of each candidate component in the candidate component set according to the target priority requirement comprises: An initial priority weight and a component call frequency weight of each candidate component are obtained; A user priority weight of each candidate component is extracted from the target priority requirement; Weighted calculation is performed according to the initial priority weight, the component call frequency weight, and the user priority weight to obtain a target priority weight of each candidate component.

[0010] In some embodiments of the present application, before the target page is generated according to the target layout scheme, the method further comprises: encapsulate the target layout scheme and the candidate component set as a configuration file in a target data format in the target page configuration; generate a preview page according to the configuration file; update the configuration file and the target layout scheme according to the adjustment operation in response to a user adjustment operation on the preview page.

[0011] In some embodiments of the present application, after the configuration file and the target layout scheme are updated according to the adjustment operation in response to a user adjustment operation on the preview page, the method comprises: generate an updated preview page according to the updated configuration file; perform integrity checking on the updated configuration file in response to a user confirmation instruction on the updated preview page, and obtain a checking result; in the case that the checking result is a pass, store the updated configuration file in a preset database; and in the case that the checking result is a fail, output a prompt information of configuration file checking error.

[0012] In some embodiments of the present application, after the target page is generated according to the target layout scheme, the method further comprises: retrieve a corresponding configuration file from the preset database according to the target layout scheme; retrieve a corresponding configuration component according to the configuration file; generate the target page according to the configuration file and the target page configuration based on the target layout scheme.

[0013] To achieve the above object, a second aspect of an embodiment of the present application provides a page generation system, which comprises: a response module configured to acquire page requirement content and target page configuration in response to a page generation instruction of a target field; the page requirement content represents a natural language describing page requirements; and the target page configuration represents display configuration of a display page; an acquisition module configured to acquire a component knowledge base of the target field and a layout rule base of the target page configuration; an extraction module configured to extract a target component requirement set, a target layout requirement and a target priority requirement from the page requirement content; a component module configured to match in the component knowledge base according to the target component requirement set, and obtain a corresponding candidate component set; a layout module configured to match in the layout rule base according to the target layout requirement, and obtain a corresponding layout template; The first module is configured to generate a target layout scheme based on the target priority requirement and according to the candidate component set and the layout template. The generating module is configured to generate a target page according to the target layout scheme.

[0014] To achieve the above object, a third aspect of the embodiments of the present application provides an electronic device, comprising at least one control processor and a memory connected in communication with the at least one control processor; the memory stores instructions executable by the at least one control processor, and the instructions are executed by the at least one control processor to enable the at least one control processor to perform the above-mentioned page generation method.

[0015] To achieve the above object, a fourth aspect of the embodiments of the present application provides a computer readable storage medium, which stores computer executable instructions for causing a computer to perform the above-mentioned page generation method.

[0016] The embodiments of the present application provide a page generation method, which obtains page requirement content and target page configuration in response to a page generation instruction of a target field; obtains a component knowledge base of the target field and a layout rule base of the target page configuration; extracts a target component requirement set, a target layout requirement and a target priority requirement from the page requirement content; matches in the component knowledge base according to the target component requirement set to obtain a corresponding candidate component set; matches in the layout rule base according to the target layout requirement to obtain a corresponding layout template; generates a target layout scheme based on the target priority requirement and according to the candidate component set and the layout template; and generates a target page according to the target layout scheme, which can realize automatic configuration and generation of a page through natural language analysis and intelligent matching logic, and then quickly complete page configuration and deployment.

[0017] It can be understood that the beneficial effects of the above-mentioned second aspect to fourth aspect and related technologies are the same as the beneficial effects of the above-mentioned first aspect and related technologies, which can be referred to the related description in the first aspect and will not be repeated here. BRIEF DESCRIPTION OF DRAWINGS

[0018] The above and / or additional aspects and advantages of the present application will become apparent and be readily appreciated from the following description, including the appended drawings, wherein: Figure 1 is a flowchart of a page generation method provided by the embodiments of the present application; Figure 2 is a structural schematic diagram of a page generation system provided by the embodiments of the present application; Figure 3FIG. 1 is a schematic diagram of a hardware structure of an electronic device provided by an embodiment of the present application. DETAILED DESCRIPTION

[0019] Embodiments of the present application are described in detail below with reference to the accompanying drawings, in which examples of embodiments are shown, and like or similar elements or elements having like or similar functions are denoted throughout the figures by like reference numerals. The embodiments described below with reference to the accompanying drawings are exemplary and are only used to explain the present application and cannot be understood as limiting the present application.

[0020] In the description of the present application, if the first, second, etc. are described, it is only for the purpose of distinguishing technical features, and cannot be understood as indicating or implying the relative importance of the indicated technical features or implying the number of the indicated technical features or implying the order of the indicated technical features.

[0021] In the description of the present application, it should be understood that the orientation description, such as the orientation or position relationship indicated by up, down, etc. is based on the orientation or position relationship shown in the drawings, and is only for the convenience of describing the present application and simplifying the description, and therefore cannot be understood as indicating or implying that the indicated device or element must have a specific orientation, be constructed and operated in a specific orientation, and therefore cannot be understood as limiting the present application.

[0022] In the description of the present application, it should be noted that, unless otherwise explicitly limited, the words such as setting, installing, connecting, etc. should be broadly understood, and those skilled in the art can reasonably determine the specific meaning of the above words in the present application in combination with the specific content of the technical solution.

[0023] As the core carrier of information display and interaction, pages are widely used in enterprise management back-end, e-commerce platforms, government service platforms, education platforms and other scenarios. For example, enterprise administrators need to quickly configure dedicated business management pages, and e-commerce operators need to build personalized product display pages. Such scenarios require pages to accurately match components and adapt to different devices, and the configuration efficiency and ease of use directly affect the progress of business development and user experience.

[0024] The current page generation technology has a high configuration threshold. Ordinary users need to master professional configuration syntax such as Extensible Markup Language (XML) / JavaScript Object Notation (JavaScript) to manually write configuration files, making it difficult for non-technical personnel to complete the configuration independently. Moreover, it lacks the ability to automatically match components based on user needs, and requires manual layout design. The generation efficiency is low, which cannot meet the rapid iteration needs of business, cannot automatically adapt to different resolution devices, is prone to problems such as inconsistent component style and layout logic, and cannot form a standardized page generation system, thereby seriously restricting the convenience and standardization level of page generation.

[0025] Based on this, the embodiment of the application provides a page generation method, system, electronic device and medium, aiming to realize automatic configuration and generation of a page through natural language analysis and intelligent matching logic, and then quickly complete page configuration and deployment.

[0026] The page generation method, system, electronic device and medium provided by the embodiment of the application are specifically described through the following embodiments. First, the page generation method in the embodiment of the application is described.

[0027] The embodiment of the application can acquire and process related data based on artificial intelligence technology. The artificial intelligence (AI) is a theory, method, technology and application system for using a digital computer or a machine controlled by a digital computer to simulate, extend and expand human intelligence, perceive environment, acquire knowledge and use knowledge to obtain the best results.

[0028] The artificial intelligence basic technology generally includes technologies such as sensors, special artificial intelligence chips, cloud computing, distributed storage, big data processing technology, operation / interaction system, mechatronics, etc. The artificial intelligence software technology mainly includes computer vision technology, robot technology, biometric technology, speech processing technology, natural language processing technology, and machine learning / deep learning, etc.

[0029] The page generation method provided by the embodiment of the application relates to the technical field of computers. The page generation method provided by the embodiment of the application can be applied to a terminal, can be applied to a server end, and can also be software running in a terminal or a server end. In some embodiments, the terminal can be a smart phone, a tablet computer, a notebook computer, a desktop computer, etc.; the server end can be configured as an independent physical server, can be configured as a server cluster or a distributed system composed of multiple physical servers, can also be configured as a cloud server providing cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN, and basic cloud computing services such as big data and artificial intelligence platforms; and the software can be an application for implementing the page generation method, but is not limited to the above forms.

[0030] The application is operable in a multitude of generic or specific computer system environments or configurations. Examples of well known computing systems, environments, and / or configurations that can be suitable for use with the application include personal computers, server computers, handheld or laptop devices, tablet devices, multiprocessor systems, microprocessor-based systems, set top boxes, programmable consumer electronics, network PCs, minicomputers, mainframe computers, distributed computing environments that include any of the above systems or devices, and the like. The application can be described in the general context of computer-executable instructions, such as program modules, being executed by a computer. Generally, program modules include routines, programs, objects, components, data structures, and the like, that perform particular tasks or implement particular abstract data types. The application can also be practiced in distributed computing environments where tasks are performed by remote processing devices that are linked through a communications network. In a distributed computing environment, program modules can be located in both local and remote computer storage media including memory storage devices.

[0031] It should be noted that in each specific embodiment of the present application, when it is necessary to process relevant data related to the identity or characteristics of the user according to user information, user behavior data, user history data, and user location information, etc., the user's permission or consent will be obtained first, and the collection, use and processing of these data will comply with relevant laws, regulations and standards. In addition, when the embodiments of the present application need to obtain sensitive personal information of the user, the separate permission or separate consent of the user will be obtained through a pop-up window or a jump to a confirmation page, and after obtaining the separate permission or separate consent of the user, the necessary user-related data for enabling the embodiments of the present application to normally operate will be obtained.

[0032] To this end, with reference to Figure 1 The embodiments of the present application provide a page generation method, the method is applied to a central controller, the controller can be a server, can be an electronic device, can also be a mobile terminal, etc., which is not specifically limited here, and the method comprises the following steps S110 to S170.

[0033] Step S110, in response to a page generation instruction of a target field, obtaining page requirement content and target page configuration; the page requirement content represents natural language describing page requirements; the target page configuration represents display configuration of a display page; Step S120, obtaining a component knowledge base of the target field and a layout rule base of the target page configuration; Step S130, extracting a target component requirement set, a target layout requirement, and a target priority requirement from the page requirement content; Step S140, matching in the component knowledge base according to the target component requirement set to obtain a corresponding candidate component set; Step S150, according to the target layout requirement, matching in the layout rule library, obtaining the corresponding layout template; Step S160, based on the target priority requirement, generating the target layout scheme according to the candidate component set and the layout template; Step S170, generating the target page according to the target layout scheme.

[0034] In this step, first, in response to the page generation instruction of the target field, the page requirement content and the target page configuration are obtained. The page requirement content refers to the page function and style requirements described in natural language by the user. Specifically, the text analysis technology can be used to extract key requirement elements, thereby reducing the language threshold for non-technical personnel to configure the page and avoiding the dependence on professional grammar to write configuration files. The target page configuration refers to the display parameter set of the page on different terminal devices. Specifically, device characteristic parameters such as resolution, screen size, and operating system type can be used to define, thereby ensuring that the generated page has cross-device adaptive capability and solving the poor layout adaptability problem of the traditional scheme.

[0035] Further, the component knowledge base of the target field and the layout rule library of the target page configuration are obtained. The component knowledge base refers to the reusable function component set pre-stored in the target field. Preferably, metadata such as component name, function description, and interface parameter are used for structured storage, thereby automatically filtering candidate components through semantic matching, replacing the process of manually finding components, and improving the component matching accuracy. The layout rule library refers to the layout template set that meets the visual specification of the target field. Preferably, the grid system, responsive breakpoint, and region division rule are used for template definition, thereby ensuring that the generated page meets the industry design standard and solving the problem of inconsistent layout style in the traditional scheme.

[0036] Further, the target component requirement set, the target layout requirement, and the target priority requirement are extracted from the page requirement content. According to the target component requirement set, the candidate component set is obtained by matching in the component knowledge base. The target component requirement set refers to the function component list parsed from the natural language requirement. Preferably, the named entity recognition technology is used to extract the component name, thereby accurately identifying the core function elements in the user requirement and providing clear input conditions for component matching. The target layout requirement refers to the description information of the user on the page visual structure. Preferably, the layout type keyword recognition technology is used for extraction, thereby determining the overall framework structure of the page and providing decision basis for layout template matching.

[0037] Further, according to the target layout requirement, matching is performed in the layout rule library to obtain a corresponding layout template. Then, based on the target priority requirement, a target layout scheme is generated according to the candidate component set and the layout template. The target priority requirement refers to the display weight level of the component in the page, and a keyword weight analysis algorithm is preferably used for quantification, so as to guide the position allocation of the component in the layout template and optimize the page information level presentation effect. The candidate component set refers to a component list obtained through semantic similarity matching, and a similarity score between the demand text and the component description is preferably calculated to determine the functional components that meet the user demand, so as to avoid the efficiency loss caused by manual screening. The layout template refers to a predefined page framework that meets the target layout requirement, and a region division markup language is preferably used for structured description, so as to provide a standardized layout basis and ensure that the generated page meets the industry design specification. Further, a target page is generated according to the target layout scheme, so as to realize cross-device resolution adaptive layout and solve the problem of repeated adjustment of device adaptation in the traditional scheme. The target layout scheme refers to a page structure definition that integrates the component position and the device adaptation parameter. Thus, this step extracts demand elements through natural language analysis, realizes intelligent screening of components and layout templates through a semantic matching algorithm, and finally generates an adaptive page scheme based on the priority weight and the device parameter, forms a complete automatic link from demand input to page output, realizes automatic page generation based on natural language demand, enables non-technical personnel to quickly complete page creation, and accelerates the iteration and update speed of the business system.

[0038] In some embodiments, in step S140, according to the target component demand set, matching is performed in the component knowledge base to obtain a corresponding candidate component set, including the following steps S210 to S230: Step S210, respectively converting each component name in the component demand set and each component name in the component knowledge base into a vector to obtain a demand vector and a component vector; Step S220, calculating the similarity according to each demand vector and each component vector to obtain a corresponding semantic similarity; Step S230, screening out components with a semantic similarity greater than a preset similarity threshold to form a candidate component set.

[0039] In the embodiment, first, the component names in the component requirement set and the component names in the component knowledge base are respectively converted into vectors to obtain a requirement vector and a component vector, so that the component names with similar semantics are closer in the vector space after the requirement vector and the component vector are converted by the unified model. Then, similarity calculation is performed, and high-correlation components are reserved by threshold filtering to avoid low-quality candidate interference in layout allocation. Thus, the screening mechanism based on semantics rather than literal matching can cover more synonymous expression scenarios, improve the integrity and accuracy of the candidate component set, and provide reliable input for subsequent priority weight allocation and layout generation.

[0040] Preferably, the vector conversion is implemented by mapping the component names into vector representations in a high-dimensional space through a natural language processing model, for example, by using a word embedding model or a pre-trained language model; the semantic similarity calculation quantifies the correlation between vectors by using a cosine similarity or a Euclidean distance algorithm; and the preset similarity threshold is dynamically adjusted according to historical matching data.

[0041] In some embodiments, in step S160, a target layout scheme is generated based on the target priority requirement, according to the candidate component set and the layout template, including the following steps S310 to S330: Step S310, determining target priority weights of the candidate components in the candidate component set according to the target priority requirement; Step S320, distributing the candidate components to corresponding regions in the layout template according to the region division rule of the layout template and the target priority weights of the candidate components; Step S330, adaptively adjusting the sizes of the regions in the layout template according to the device information in the target page configuration to generate the target layout scheme.

[0042] In the embodiment, first, target priority weights of the candidate components in the candidate component set are determined according to the target priority requirement. Preferably, the weight allocation process introduces historical calling data and user preference data. Preferably, a weighted calculation method is used to comprehensively consider factors such as the initial priority of the component, the calling frequency, and the user-defined priority, and to assign a target priority weight value to each candidate component.

[0043] Further, the candidate components are distributed to corresponding regions in the layout template according to the region division rule of the layout template and the target priority weights of the candidate components. Preferably, the region division rule defines the display levels of different regions based on a grid system or a percentage layout method, and the components with high priority weights are distributed to regions with high display levels.

[0044] Further, according to the device information in the target page configuration, the size of each region in the layout template is adaptively adjusted to generate a target layout scheme. Preferably, in the adaptive adjustment process, the device information includes screen resolution and device type, and the region size and component arrangement mode are dynamically calculated through a responsive design algorithm to dynamically adjust the size, position and proportion of each region according to the screen size, resolution and other parameters of different devices, so as to ensure that the page can be well displayed on different devices.

[0045] Therefore, the embodiment enhances the cross-device adaptability of the generated page by considering device information for adaptive adjustment, improves user experience, realizes intelligent component matching and layout generation based on user needs, and improves the automation and efficiency of page generation. At the same time, the component allocation mechanism based on priority ensures the prominent display of important information in the page, effectively improving the information transmission effect of the page.

[0046] In some embodiments, in step S310, the target priority weight of each candidate component in the candidate component set is determined according to the target priority requirement, including steps S410 to S430 as follows: Step S410, obtaining the initial priority weight and component call frequency weight of each candidate component; Step S420, extracting the user priority weight of each candidate component from the target priority requirement; Step S430, performing weighted calculation according to the initial priority weight, the component call frequency weight and the user priority weight to obtain the target priority weight of each candidate component.

[0047] In the embodiment, the initial priority weight and the component call frequency weight of each candidate component are obtained, wherein the initial priority weight is generated based on the preset importance level of the component in the knowledge base, and the component call frequency weight is dynamically adjusted according to historical usage data, for example, the higher the usage frequency, the greater the weight.

[0048] Further, the user priority weight of each candidate component is extracted from the target priority requirement to perform weighted calculation according to the initial priority weight, the component call frequency weight and the user priority weight to obtain the target priority weight of each candidate component, so as to realize the fusion of static configuration, dynamic behavior data and user explicit demand, so that the weight calculation takes into account system preset rules, actual usage habits and current task characteristics, ensures that high-priority components are accurately allocated to core areas of the page, and further more accurately reflects the importance of components in the page, which helps to generate a page layout that is more in line with user needs and usage habits, and improves the practicability and user experience of the page.

[0049] In some embodiments, before generating the target page according to the target layout scheme in step S170, the following steps S510-S530 are included: Step S510, encapsulating the target layout scheme and the candidate component set into a configuration file in a target data format in the target page configuration; Step S520, generating a preview page according to the configuration file; Step S530, updating the configuration file and the target layout scheme according to an adjustment operation of a user on the preview page.

[0050] In the embodiment, the target layout scheme and the candidate component set are encapsulated into a configuration file in a target data format in the target page configuration. The encapsulation operation converts the layout scheme and the component set into a configuration file in a standardized data format, ensuring data compatibility in subsequent processing procedures. Preferably, the configuration file is in JSON format and contains layout structure, component attributes and style information, and then a preview page is generated according to the configuration file, which is presented through a web browser.

[0051] Further, when generating the preview page, after dynamically rendering a visual interface by parsing the layout parameters and component information in the configuration file, the user can perform adjustment operations on the preview page, such as dragging components and modifying styles. Then, the adjustment operation of the user is acquired in real time when the user performs the operation on the preview page, and the corresponding field in the configuration file is updated in real time. For example, when the user drags a component to a new position, the coordinate information of the component in the configuration file is updated. At the same time, the target layout scheme is also updated to reflect the latest page structure.

[0052] Thus, the embodiment synchronizes the operation of the user to the underlying configuration, ensures the consistency of the configuration file and the actual page, and allows the user to verify the layout effect in real time before page generation, optimize the configuration parameters through interactive adjustment, realize the visualization and real-time preview of page configuration, avoid repeated generation caused by layout errors, improve the one-time success rate of page configuration and user experience, and greatly improve the efficiency and accuracy of page generation, so that non-technical personnel can easily complete page customization.

[0053] In some embodiments, after updating the configuration file and the target layout scheme according to the adjustment operation of the user on the preview page in step S110, the following steps S610-S630 are included: Step S610, generating an updated preview page according to the updated configuration file; Step S620, in response to a confirmation instruction of a user on the updated preview page, performing integrity check on the updated configuration file to obtain a check result; In a case where the verification result is a verification pass, the updated configuration file is stored in a preset database; in a case where the verification result is a verification failure, prompt information of a configuration file verification error is output.

[0054] In the embodiment, an updated preview page is generated according to the updated configuration file. Specifically, the updated preview page can be presented to a user through a web browser and contains a layout and components defined according to the configuration file. Further, when the user issues a confirmation instruction on the updated preview page, the updated configuration file is subjected to integrity verification, and a verification result is obtained.

[0055] Specifically, the integrity verification includes two dimensions of field integrity verification and format compliance verification. The field integrity verification is performed by traversing a mandatory field mark in the configuration file to detect whether there is an unassigned field. The format compliance verification is performed by parsing a data structure of the configuration file to detect whether a component reference relationship and a layout parameter conform to a predefined template specification.

[0056] Further, in a case where the verification result is a verification pass, the updated configuration file is stored in a preset database. The preset database can be a relational database or a document database, preferably adopts a distributed storage architecture, and a configuration data table is provided with a version number field and a timestamp field to realize version tracing and rollback capability of the configuration file, thereby being used for persistent storage of the configuration file.

[0057] Further, in a case where the verification result is a verification pass, the updated configuration file is stored in a preset database. Specifically, when the configuration file passes all verification rules, the configuration data is stored according to device types, and operation time and user identification are recorded in a database transaction log to form a complete configuration change audit chain. In addition, in a case where the verification result is a verification failure, prompt information of a configuration file verification error is output, thereby effectively preventing an error configuration from entering a production environment, and simultaneously realizing unified management of a cross-device page generation scheme through structured storage. The prompt information includes a specific error type and position, and specifically, an abnormal area can be highlighted to assist a user in locating a problem, so as to facilitate the user to make corrections.

[0058] Therefore, the embodiment realizes automatic verification and storage of the updated configuration file, can avoid an error configuration file from entering a production environment, improves reliability of page generation, and provides convenience for subsequent page generation and management. Meanwhile, through timely error feedback, the user is helped to quickly locate and repair a configuration problem, and efficiency of page configuration is improved.

[0059] In some embodiments, after the target page is generated according to the target layout scheme in step S170, the following steps S710 to S730 are included: Step S710: Retrieve the corresponding configuration file from the preset database according to the target layout scheme; Step S720: Retrieve the corresponding configuration component according to the configuration file; Step S730: Based on the target layout scheme, generate the target page according to the configuration file and target page configuration.

[0060] In this embodiment, the corresponding configuration file is retrieved from a preset database according to the target layout scheme. Specifically, the matching configuration file can be retrieved from the preset database using a unique identifier in the target layout scheme. The preset database adopts a distributed storage architecture and implements batch query and read operations of configuration files through a database interface. The configuration file contains component identifiers, version numbers, and dependency data.

[0061] Furthermore, the corresponding configuration components are retrieved based on the configuration file; that is, the corresponding components are retrieved from the component library based on the unique identifier of each component in the configuration file. Specifically, when retrieving configuration components, the corresponding code modules are matched in the local or remote resource library based on the component identifier, and dependency verification is performed in conjunction with the version number to ensure that the component runtime environment is compatible and to avoid rendering anomalies due to version conflicts.

[0062] Furthermore, based on the target layout scheme, the target page is generated according to the configuration file and the target page configuration. Specifically, the retrieved components are arranged according to the layout scheme, and the styles, interactions, and other settings in the target page configuration are applied. During the generation of the target page, the area division information in the layout scheme is mapped to the device resolution parameters in the target page configuration, and the component size and arrangement are dynamically adjusted. For example, on mobile devices, a responsive layout mode is automatically enabled, switching horizontally arranged components to vertically stacked components, thereby achieving layout adaptation.

[0063] Therefore, this embodiment ensures the consistency and repeatability of page generation by retrieving and using configuration files, achieving standardization and automation of the page generation process and improving page generation efficiency. Simultaneously, the method of retrieving corresponding components based on configuration files allows for flexible combination and reuse of page components, enabling rapid page generation and precise control, meeting personalized needs in different scenarios, and enhancing user experience.

[0064] In one embodiment, a page generation method is applied to a smart campus portal to construct a smart campus portal configuration generation system. The main generation steps are as follows: First, the system receives user input commands. Users can input natural language descriptions of their portal needs through the system interface (such as "generate a portal homepage containing personal class schedules and announcements"). Then, the system intelligently matches components and layouts. Specifically, it calls a pre-built knowledge base of educational components (including component identifiers, attributes, and keyword mappings) to match components according to user needs and generate a suitable responsive layout scheme. Finally, the matching results are encapsulated into a standard JSON format configuration file, containing the layout structure, component attributes, and interaction rules, to generate the configuration file.

[0065] Furthermore, the front-end renders a visual preview page based on the configuration file, allowing users to view and adjust the component arrangement and layout in real time. After the user confirms the generated page, the smart campus portal configuration generation system stores the JSON configuration in the database, completing configuration persistence. Finally, the smart campus portal configuration generation system reads the configuration file from the database, loads components according to the configuration, parses the layout rules, and generates the final portal page. Simultaneously, the smart campus portal configuration generation system completes deployment and generates an access link, which users can use to access the newly generated portal.

[0066] Specifically, the following example, using the administrator's command to "create a three-column portal containing today's class schedule, unread notifications, and a classroom reservation entry," details the implementation process of the smart campus portal configuration generation system. First, the administrator uses the interface provided by the Smart Campus Portal Configuration Generation System to enter the natural language command "Create a three-column portal containing today's class schedule, unread notifications, and classroom reservation entry" in the input box, and then clicks the "Generate" button. Upon receiving the generation command request, the Smart Campus Portal Configuration Generation System frontend sends the command text to the backend service.

[0067] Furthermore, the smart campus portal configuration generation system calls a pre-built knowledge base of educational components (including component identifiers, attributes, and keyword mappings) and a layout rule base. The component knowledge base stores component metadata (including component identifiers, attributes, and keyword mappings); the layout rule base stores preset layout templates (such as "three-column layout" and "two-column layout"), layout constraints (such as "the core component (timetable) must be placed in the first column on the left"), and resolution adaptation rules (such as "the width ratio of the three columns is 3:4:3 in 1920×1080 resolution").

[0068] Furthermore, a natural language processing model is used to segment and extract intent from the natural language requirement text, outputting a set of component requirements (such as {"Today's Timetable", "Unread Notification", "Classroom Reservation Entrance"}), layout requirements (such as "Three-column layout"), and priority requirements (optional) (such as "Timetable placed in the most conspicuous position").

[0069] Furthermore, the component most relevant to the "component requirement set" is matched from the component knowledge base. Specifically, the component name in the user requirement (e.g., "Today's Timetable") is first vectorized with the "component name" and "functional description" in the component knowledge base to obtain the requirement vector. With component vectors Then calculate semantic similarity. The calculation formula is as follows: ; in," " represents the vector dot product, " "" represents the L2 norm of a vector.

[0070] Furthermore, in this embodiment, a similarity threshold is set. ,filter The system uses the selected components as a candidate component set; if the number of candidate components is 0, it returns "No component matched, please provide more details about your requirements". Then, based on the layout requirements, scene parameters, and candidate component set, it completes the selection of the layout template and the sorting of components.

[0071] Specifically, regarding layout template selection, the system first matches preset templates from the layout rule library based on the layout description in the user's requirements (e.g., "three columns"). If the user does not specify a layout, a recommendation is made based on scenario parameters (e.g., "default three-column layout for education scenarios"). Regarding component sorting, the system first calculates component priority, then uses a combination of three factors to determine the final priority of each component. The formula is as follows: ; in, , , All are preset weighting coefficients, satisfying The default value is , , , Preset priority weights for components in the knowledge base (such as "Today's Timetable") ), Prioritize user needs by assigning weights (users specify "most prominent timetable") If not specified ), Component usage frequency weights (the frequency of component calls in this scenario over the past 30 days is statistically analyzed from the database and normalized to the [0,1] range).

[0072] Furthermore, according to Sort candidate components in descending order, placing high-priority components at the top of the column (e.g., "Today's Schedule"). →Top of the first column on the left, "Unread Notifications" →The middle of the first column on the left), and then adjust the layout size according to the screen resolution in the scene parameters. For example, in 1920×1080, the width ratio of the three columns is 3:4:3, the width of the left column is 576px, the width of the middle column is 768px, and the width of the right column is 576px.

[0073] Furthermore, the smart campus portal configuration generation system converts and encapsulates the processing results of the aforementioned steps (including component lists, component attributes, layout schemes, etc.) into a standard JSON format configuration file that can be recognized and parsed. This JSON configuration file fully describes all the structure and behavior information of the portal page and can be used for platform rendering, deployment, and persistent storage.

[0074] Specifically, the component list clearly lists all components included on the page, such as navigation bars, data cards, and form modules, specifying the unique identifier and type classification of each component; the component attribute details record the various attribute parameters of each component in detail, such as size specifications (width, height), style characteristics (color, font, border style), interaction state (default show / hide, clickable / non-clickable), data binding relationship (associated data source and field mapping rules), etc.; the layout structure information accurately describes how components are arranged on the page, including the position coordinates of each component (relative or absolute position), hierarchy relationship (top and bottom stacking order), layout rules (alignment, spacing, row and column distribution), and responsive layout settings (layout adaptation schemes for different device sizes); the interaction behavior definition records various interaction logics on the page, such as the linkage rules between components (a change in the state of a component triggers updates in other components), user operation responses (actions corresponding to clicks, inputs, etc.), page jump paths, and parameter passing methods, etc.

[0075] Furthermore, the smart campus portal configuration generation system's front-end obtains the JSON configuration and generates a preview. Based on the configuration file, the front-end renders a visual preview page, allowing users to view component arrangement and layout effects, and adjust them in real time. Specifically, the front-end obtains a JSON-formatted configuration file from the back-end via an API interface, containing core information such as component types, layout structure, style parameters, and interaction rules. It then parses the layout model (such as grid layout or flow layout) in the configuration file, renders the visual preview page according to responsive design principles, and provides a real-time editing panel. This panel allows users to drag and drop to adjust component positions, modify size ratios, switch style themes, and configure interaction logic, enabling instant preview functionality. The interface refreshes in real-time after user actions, synchronously displaying the modified effects. Simultaneously, a built-in validation mechanism alerts users to configuration conflicts (such as component overlap or size exceeding limits) to ensure layout rationality.

[0076] Furthermore, after the user confirms the preview effect, clicking the save button triggers the configuration submission process. The front end of the smart campus portal configuration generation system performs integrity verification on the current configuration, checking whether the required parameters are complete and whether the component configurations conform to the specifications. Then, the final JSON configuration is submitted to the backend service via an encrypted API, including metadata such as version information, modification history, and user identifier. The system then receives the save status returned by the backend of the smart campus portal configuration generation system. If successful, a confirmation message is displayed and options for the next step are provided; if unsuccessful, error details are displayed. Finally, the JSON configuration is stored in the database, completing the configuration persistence. A configuration staking function is also supported, allowing users to save a draft state for later editing.

[0077] Furthermore, the application portal renders the page by reading the JSON configuration from the database. Specifically, when the smart campus portal configuration generation system starts, it queries the target configuration file saved in the database through the server-side interface. The backend of the smart campus portal configuration generation system decrypts and verifies the format of the configuration data to ensure data integrity and security. Then, it loads the required component resources (modules, styles, images, etc.) according to the dependencies in the configuration file, parses the layout rules and combines them with the screen size of the current access device to generate an adapted page structure, initializes component interaction functions, binds event handling logic to ensure that the portal page can be operated normally, implements a configuration caching mechanism to improve page loading speed, and supports forced refresh to obtain the latest configuration. Finally, it completes the final deployment of the portal page and generates a unique access link.

[0078] Furthermore, the smart campus portal configuration generation system can also test the deployment results, verifying page loading performance, component rendering effects, and interactive functions. Simultaneously, the system displays metadata such as configuration version information and last modification time, and supports one-click link copying. In addition, the system provides entry points for subsequent operations, such as re-editing the configuration, creating a new portal, and viewing access statistics. Moreover, the system records deployment logs to the system database, facilitating subsequent traceability and troubleshooting.

[0079] like Figure 2 As shown in some embodiments of this application, a page generation system is provided. The system includes a response module 210, an acquisition module 220, an extraction module 230, a component module 240, a layout module 250, a first module 260, and a generation module 270. Specifically: The response module 210 is used to respond to the page generation instructions of the target domain, and obtain the page requirement content and the target page configuration; the page requirement content represents the natural language describing the page requirements; the target page configuration represents the display configuration of the page. Module 220 is used to acquire the component knowledge base of the target domain and the layout rule base of the target page configuration; The extraction module 230 is used to extract the target component requirement set, target layout requirement, and target priority requirement from the page requirement content; Component module 240 is used to match the target component requirement set in the component knowledge base to obtain the corresponding candidate component set; The layout module 250 is used to match the target layout requirements in the layout rule library to obtain the corresponding layout template. The first module 260 is used to generate a target layout scheme based on the target priority requirements, the candidate component set, and the layout template. The generation module 270 is used to generate the target page based on the target layout scheme.

[0080] It should be noted that the page generation system provided in this embodiment is based on the same inventive concept as the page generation method described above. Therefore, the relevant content of the page generation method described above also applies to the content of the page generation system, and will not be repeated here.

[0081] To this end, the system responds to page generation instructions in the target domain, obtaining page requirements and target page configuration; it also obtains the component knowledge base and layout rule base for the target page configuration; it extracts the target component requirement set, target layout requirements, and target priority requirements from the page requirements; based on the target component requirement set, it matches them in the component knowledge base to obtain the corresponding candidate component set; based on the target layout requirements, it matches them in the layout rule base to obtain the corresponding layout template; based on the target priority requirements, it generates the target layout scheme according to the candidate component set and the layout template; and finally, it generates the target page based on the target layout scheme. In this way, through natural language parsing and intelligent matching logic, the system can achieve automated page configuration and generation, thereby quickly completing page configuration and deployment.

[0082] This application also provides an electronic device, which includes a memory and a processor. The memory stores a computer program, and the processor executes the computer program to implement the above-described page generation method.

[0083] like Figure 3 , Figure 3 This is a schematic diagram of the hardware structure of an electronic device provided in an embodiment of this application. The electronic device includes: At least one battery; At least one memory; At least one processor; At least one program; The program is stored in memory, and the processor executes at least one program to implement the page generation method described above in this disclosure.

[0084] This electronic device can be any smart terminal, including mobile phones, tablets, personal digital assistants (PDAs), and in-vehicle computers.

[0085] The electronic devices according to embodiments of this application will now be described in detail.

[0086] The processor 1600 can be implemented using a general-purpose central processing unit (CPU), microprocessor, application-specific integrated circuit (ASIC), or one or more integrated circuits, and is used to execute relevant programs to implement the technical solutions provided in the embodiments of this disclosure. The memory 1700 can be implemented as a read-only memory (ROM), static storage device, dynamic storage device, or random access memory (RAM). The memory 1700 can store the operating system and other application programs. When the technical solutions provided in the embodiments of this specification are implemented through software or firmware, the relevant program code is stored in the memory 1700 and is called and executed by the processor 1600 to execute a page generation method according to an embodiment of this disclosure.

[0087] The input / output interface 1800 is used to implement information input and output. The communication interface 1900 is used to enable communication and interaction between this device and other devices. Communication can be achieved through wired means (such as USB, Ethernet cable, etc.) or wireless means (such as mobile network, WIFI, Bluetooth, etc.). Bus 2000 transmits information between various components of the device (e.g., processor 1600, memory 1700, input / output interface 1800, and communication interface 1900); The processor 1600, memory 1700, input / output interface 1800 and communication interface 1900 are connected to each other within the device via bus 2000.

[0088] This disclosure also provides a storage medium, which is a computer-readable storage medium storing computer-executable instructions for causing a computer to perform the page generation method described above.

[0089] Memory, as a non-transitory computer-readable storage medium, can be used to store non-transitory software programs and non-transitory computer-executable programs. Furthermore, memory may include high-speed random access memory, and may also include non-transitory memory, such as at least one disk storage device, flash memory device, or other non-transitory solid-state storage device. In some embodiments, memory may optionally include memory remotely located relative to the processor, and these remote memories can be connected to the processor via a network. Examples of such networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.

[0090] The embodiments described in this disclosure are for the purpose of more clearly illustrating the technical solutions of this disclosure and do not constitute a limitation on the technical solutions provided by this disclosure. As those skilled in the art will know, with the evolution of technology and the emergence of new application scenarios, the technical solutions provided by this disclosure are also applicable to similar technical problems.

[0091] Those skilled in the art will understand that the technical solutions shown in the figures do not constitute a limitation on the embodiments of this disclosure, and may include more or fewer steps than shown, or combine certain steps, or different steps.

[0092] The device embodiments described above are merely illustrative. The units described as separate components may or may not be physically separate; that is, they may be located in one place or distributed across multiple network units. Some or all of the modules can be selected to achieve the purpose of this embodiment according to actual needs.

[0093] Those skilled in the art will understand that all or some of the steps in the methods disclosed above, as well as the functional modules / units in the systems and devices, can be implemented as software, firmware, hardware, or suitable combinations thereof.

[0094] The terms “first,” “second,” “third,” “fourth,” etc. (if present) in the specification and accompanying drawings of this application are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this application described herein can be implemented in orders other than those illustrated or described herein. Furthermore, the terms “comprising” and “having,” and any related variations, are intended to cover a non-exclusive inclusion; for example, a process, method, system, product, or apparatus that comprises a series of steps or units is not necessarily limited to those steps or units explicitly listed, but may include other steps or units not explicitly listed or inherent to such processes, methods, products, or apparatus.

[0095] It should be understood that in this application, "at least one (item)" means one or more, and "more than" means two or more. "And / or" is used to describe the relationship between related objects, indicating that three relationships can exist. For example, "A and / or B" can represent three cases: only A exists, only B exists, and both A and B exist simultaneously, where A and B can be singular or plural. The character " / " generally indicates that the preceding and following related objects are in an "or" relationship. "At least one (item) of the following" or similar expressions refer to any combination of these items, including any combination of single or plural items. For example, at least one (item) of a, b, or c can represent: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, and c can be single or multiple.

[0096] In the several embodiments provided in this application, it should be understood that the disclosed apparatus and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, the division of units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between apparatuses or units may be electrical, mechanical, or other forms.

[0097] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0098] Furthermore, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit.

[0099] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or all or part of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes multiple instructions to cause an electronic device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods of the various embodiments of this application. The aforementioned storage medium includes various media capable of storing programs, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0100] The above is a detailed description of the preferred embodiments of this application. However, the embodiments of this application are not limited to the above-described implementation methods. Those skilled in the art can make various equivalent modifications or substitutions without departing from the spirit of the embodiments of this application. All such equivalent modifications or substitutions are included within the scope defined by the claims of the embodiments of this application.

[0101] The embodiments of this application have been described in detail above with reference to the accompanying drawings. However, this application is not limited to the above embodiments. Within the scope of knowledge possessed by those skilled in the art, various changes can be made without departing from the spirit of this application.

Claims

1. A page generation method characterized by, The method comprises: in response to a page generation instruction of a target field, obtaining page requirement content and target page configuration; the page requirement content represents natural language describing page requirements; the target page configuration represents display configuration of a display page; obtaining a component knowledge base of the target field and a layout rule base of the target page configuration; extracting a target component requirement set, a target layout requirement and a target priority requirement from the page requirement content; according to the target component requirement set, matching in the component knowledge base to obtain a corresponding candidate component set; according to the target layout requirement, matching in the layout rule base to obtain a corresponding layout template; based on the target priority requirement, generating a target layout scheme according to the candidate component set and the layout template; generating a target page according to the target layout scheme.

2. The page generation method of claim 1, wherein, The method comprises: vector conversion is performed on each component name in the component requirement set and each component name in the component knowledge base to obtain a requirement vector and a component vector; according to each requirement vector and each component vector, similarity calculation is performed to obtain a corresponding semantic similarity; components with a semantic similarity greater than a preset similarity threshold are screened out to form the candidate component set.

3. The page generation method of claim 1, wherein, The method comprises: according to the target priority requirement, determining a target priority weight of each candidate component in the candidate component set; according to a region division rule of the layout template and the target priority weight of each candidate component, each candidate component is distributed to a corresponding region in the layout template; according to device information in the target page configuration, the size of each region in the layout template is adaptively adjusted to generate the target layout scheme.

4. The page generation method of claim 3, wherein, The method comprises: obtaining an initial priority weight and a component call frequency weight of each candidate component; extracting a user priority weight of each candidate component from the target priority requirement; according to the initial priority weight, the component call frequency weight and the user priority weight, weighted calculation is performed to obtain a target priority weight of each candidate component.

5. The page generation method of claim 1, wherein, Before the target page is generated according to the target layout scheme, the method further comprises: encapsulating the target layout scheme and the candidate component set into a configuration file in a target data format in the target page configuration; generating a preview page according to the configuration file; in response to an adjustment operation of a user on the preview page, updating the configuration file and the target layout scheme according to the adjustment operation.

6. The page generation method of claim 5, wherein, After the configuration file and the target layout scheme are updated according to the adjustment operation of the user on the preview page, the method comprises: generating an updated preview page according to the updated configuration file; In response to the user's confirmation instruction for the updated preview page, the updated configuration file is subjected to integrity checking to obtain a checking result; In a case where the checking result is a checking pass, the updated configuration file is stored in a preset database; in a case where the checking result is a checking failure, prompt information of a configuration file checking error is output.

7. The page generation method of claim 1, wherein, After the target page is generated according to the target layout scheme, the method further comprises: According to the target layout scheme, a corresponding configuration file is retrieved from the preset database; According to the configuration file, a corresponding configuration component is retrieved; Based on the target layout scheme, the target page is configured and generated according to the configuration file and the target page.

8. A page generation system, characterized by, The system comprises: In response to a page generation instruction of a target field, a page requirement content and a target page configuration are obtained; the page requirement content represents a natural language describing a page requirement; the target page configuration represents a display configuration of a display page; A component knowledge base of the target field and a layout rule base of the target page configuration are obtained; A target component requirement set, a target layout requirement and a target priority requirement are extracted from the page requirement content; According to the target component requirement set, a corresponding candidate component set is obtained by matching in the component knowledge base; According to the target layout requirement, a corresponding layout template is obtained by matching in the layout rule base; Based on the target priority requirement, a target layout scheme is generated according to the candidate component set and the layout template; A target page is generated according to the target layout scheme.

9. An electronic device, comprising: The computer readable storage medium stores computer executable instructions for causing a computer to execute the page generation method of any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that, The computer readable storage medium stores computer executable instructions for causing a computer to execute the page generation method of any one of claims 1 to 7.

Images