Page generation method, electronic equipment, storage medium and computer program product

Abstract

The invention provides a page generation method, electronic equipment, a storage medium and a computer program product. The page generation method comprises the steps that a configuration file of a target page is generated based on a visual editor, and the configuration file comprises page layout information, component configuration information of page components and data source information of the page components; according to the data source information, page component data is obtained, the data source information indicates a storage address of the page component data, and the page component data is used for filling a page component; and rendering the target page according to the page layout information, the component configuration information and the page component data.

Description

Technical Field

[0001] The present disclosure relates to the technical field of page processing and the like. In particular, the present disclosure relates to a page generation method, an electronic device, a storage medium, and a computer program product. Background Art

[0002] With the increasing complexity and diversity of enterprise-level applications (B-side), the demand for system interfaces is also growing. Traditional page development methods face many challenges: pages with similar functional layouts but different displayed data frequently appear, resulting in heavy repetitive development tasks; public components in most projects are limited to the implementation of specific functional modules, and it is difficult to find a balance between generality and flexibility, resulting in low code reuse rate and high development costs. Each page update requires multiple steps such as code compilation, project construction, and release to production, which is not only time-consuming but also error-prone. Existing technical solutions often rely on complex low-code platforms or manually write a large amount of code, lacking intuitive visual editing tools, resulting in low development efficiency. Summary of the Invention

[0003] The present disclosure provides a page generation method, an electronic device, a storage medium, and a computer program product.

[0004] According to one aspect of the present disclosure, there is provided a page generation method, including: generating a configuration file of a target page based on a visual editor, the configuration file including page layout information, component configuration information of page components, and data source information of the page components; obtaining page component data according to the data source information, the data source information indicating a storage address of the page component data, the page component data being used to populate the page components; and rendering the target page according to the page layout information, the component configuration information, and the page component data.

[0005] In some embodiments, generating a configuration file of a target page based on a visual editor includes: controlling the visual editor to display a plurality of layout templates, and using the layout template hit by a first operation as the page layout information of the target page, the page layout information defining a plurality of component areas in the target page where page components can be set; determining the component configuration information for the component areas based on the visual editor; controlling the visual editor to display data source configuration controls for the component areas, and using the storage address written to the data source configuration controls as the data source information of the page components set in the component areas; and generating the configuration file according to the page layout information, the component configuration information, and the data source information.

[0006] In some embodiments, determining the component configuration information for the component area based on a visual editor includes: controlling the visual editor to display various component types of the component area, and using the component type hit by a first operation as the component type of the page component set in the component area; and controlling the visual editor to display the property definition controls of the component area, and using the information written into the property definition controls as the component properties of the page component set in the component area, so as to obtain the component configuration information including the component type and the component properties.

[0007] In some embodiments, obtaining page component data according to the data source information includes: processing at least one of the data source information based on a first interface to obtain the page component data corresponding to the data source information.

[0008] In some embodiments, processing at least one of the data source information based on a first interface to obtain the page component data corresponding to the data source information includes: controlling the first interface to parse the data source information to determine the data source type and the data source, where the first interface can read the page component data of multiple data source types; controlling the first interface to determine a data reading strategy applicable to the data source type; and reading the page component data in the data source according to the data reading strategy.

[0009] In some embodiments, after obtaining the page component data, it includes: performing a security check on the page component data to determine the status of the page component data; and intercepting the page component data in an abnormal state.

[0010] In some embodiments, it further includes: controlling the visual editor to display a bus unit; in response to the change path written in the bus unit, controlling the bus unit to determine the area to be changed in the existing page according to the change path; and rendering a new component in the area to be changed according to the component configuration file to form a target page including the new component.

[0011] According to another aspect of the present disclosure, there is provided an electronic device, including: a memory that stores execution instructions; and a processor that executes the execution instructions stored in the memory, so that the processor executes the page generation method of any embodiment of the present disclosure.

[0012] According to still another aspect of the present disclosure, there is provided a readable storage medium in which execution instructions are stored, and when the execution instructions are executed by a processor, they are used to implement the page generation method of any embodiment of the present disclosure.

[0013] According to another aspect of the present disclosure, there is provided a computer program product including a computer program which, when executed by a processor, implements the page generation method according to any embodiment of the present disclosure. Description of the Drawings

[0014] The drawings illustrate exemplary embodiments of the present disclosure and, together with the description thereof, are used to explain the principles of the present disclosure. The drawings are included to provide a further understanding of the present disclosure and are incorporated in and constitute a part of this specification.

[0015] Figure 1 is an application scenario diagram of the page generation method according to an embodiment of the present disclosure.

[0016] Figure 2 is a flowchart of the page generation method according to an embodiment of the present disclosure.

[0017] Figure 3 is a flowchart of the process for obtaining a target page according to an embodiment of the present disclosure.

[0018] Figure 4 is a schematic block diagram of the structure of a visual editor according to an embodiment of the present disclosure.

[0019] Figure 5 is a schematic diagram of the configuration process of a visual editor according to an embodiment of the present disclosure.

[0020] Figure 6 is a schematic block diagram of the structure of a page generation device according to an embodiment of the present disclosure.

[0021] Figure 7 is a schematic block diagram of the structure of an electronic device according to an embodiment of the present disclosure. Detailed Embodiments

[0022] The present disclosure will be further described in detail below with reference to the drawings and examples. It can be understood that the specific examples described herein are only for explaining the relevant content and do not limit the present disclosure. Additionally, it should be noted that for the sake of description, only parts related to the present disclosure are shown in the drawings.

[0023] It should be noted that, without conflict, the embodiments in the present disclosure and the features in the embodiments may be combined with each other. The technical solutions of the present disclosure will be described in detail below with reference to the drawings and embodiments.

[0024] As the complexity and diversity of enterprise-level applications (B-side) continue to increase, the demand for system interfaces is also growing continuously. Traditional page development methods face many challenges. Specifically, pages with similar functional layouts but different displayed data frequently appear, resulting in heavy repetitive development tasks. For example, in an e-commerce management system, the product list page, order details page, and user information page are similar in layout but display different data. Each time these pages are added or modified, developers need to rewrite a large amount of code, which not only increases the workload but also easily introduces errors.

[0025] In addition, due to the lack of a unified component library and standardized development processes, enterprises have to invest a large amount of resources in developing and maintaining these pages. The common components in each project are usually limited to the implementation of specific functional modules, and it is difficult to find a balance between generality and flexibility, resulting in a very low code reuse rate. This situation further raises the overall development cost and makes the maintenance work more complex and time-consuming.

[0026] For this reason, the present disclosure proposes a page generation method.

[0027] Figure 1 It is a schematic diagram of the application scenario of the page generation method according to the embodiments of the present disclosure. As Figure 1 shown, in this application scenario, it may include a server 100 and a terminal device 200. The server 100 and the terminal device 200 can be connected through a network or Bluetooth for data interaction. The server 100 can be a cloud server or a physical server, and the terminal device 200 can be an intelligent device such as a computer, a mobile phone, or a tablet. The server 100 is used to provide the basic data required to run the page generation method, and the terminal device 200 executes the page generation method of the present disclosure based on the basic data provided by the server 100.

[0028] For the convenience of description and to make the technical solutions of the specific embodiments of the present disclosure easier to understand, before describing the page generation method implemented in the present disclosure, the technical terms involved in the specific embodiments of the present disclosure are explained as follows: Visual editor: It is a visual plug-in for configuring pages, having a rendering engine and a building engine. The building engine can accept the configuration operations of developers to generate a configuration file, and the rendering engine can render the corresponding page according to the configuration file.

[0029] Configuration file: It is the result generated by the visual editor according to the configuration operations of developers, including page layout information, component configuration information of page components, and data source information of page components, etc.

[0030] Page component: It is an independent unit that constitutes the target page and can include visual display and interaction functions.

[0031] Page layout information: That is, page layout configuration information. For example, it describes the page structure and the arrangement of components, and can include the positions, sizes of each component, and the positional relationships between components.

[0032] Component configuration information of page components: Defines the component types and component attributes of each page component.

[0033] Page component data: It is the data associated with page components, which determines the content and interaction behaviors displayed by page components.

[0034] Figure 2 It is a flowchart of a page generation method according to an embodiment of the present disclosure. As Figure 2 shown, the present disclosure proposes a page generation method M200. Through steps S210 to S230, it calls a visual editor to generate a configuration file, reads page component data, and independently renders a target page. Compared with the high-code way of generating pages in related technologies, the present disclosure proposes a standardized page generation process, which reduces the page development cost and improves the page development efficiency.

[0035] In step S210, a configuration file for the target page is generated based on the visual editor.

[0036] The visual editor is a plug-in for configuring pages, which can provide a visual configuration window for developers. By performing simple operations such as selecting a layout template, dragging and dropping common components, setting component attributes, and writing data sources, developers can determine content such as page layout information, component configuration information of page components, and data source information of page components. Through the visual editor, developers can design and build pages in a non-programming language form, improving the efficiency of page generation and overcoming errors that may occur in code writing.

[0037] The target page is a specific page that developers need to create or modify, and each page has different page layouts and functional requirements. Developers can use the visual editor to personalized design the target page to meet the expected layout and functions of the page.

[0038] The configuration file contains the necessary information for building the target page, including page layout information, component configuration information, and data source information. Among them, the page layout information describes the sizes, arrangements, and positional relationships of each component in the page. The component configuration information describes the component types and component attributes of page components set in the target page. The component type can be a dropdown type, a table type, an input box type, etc., and the component attributes can be the name, style, etc. of the component. Different component types need to define different dimensions of component attributes. The data source information records the storage address of the data filled by the component, etc. Each page component has component configuration information, and page components that need to retrieve data sources have data source information.

[0039] In some embodiments, the building engine of the visual editor has tools such as layout templates, component types, property definition controls, data source configuration controls, etc.

[0040] During the page building process, the visual editor will display multiple layout templates. The developer performs a first operation on the layout template that meets their expectations among the multiple layout templates. The first operation can be an operation such as a mouse click or a touch screen click, and is not limited here. Further, control the visual editor to use the layout template hit by the first operation as the page layout information of the target page. The page layout information at least defines multiple component areas in the target page where page components can be set. The component areas define the positions and display ranges where page components can be set.

[0041] Further, based on the visual editor, determine the component configuration information for the component area.

[0042] Specifically, control the visual editor to display the data source configuration control for the component area, and use the storage address written into the data source configuration control as the data source information of the page component set in the component area; and generate a configuration file according to the page layout information, component configuration information, and data source information.

[0043] Of course, when the visual editor displays component types, it can be displayed in the form of common components with different component types, allowing developers to drag the common components with component types to the corresponding component areas of the page layout by dragging to determine the component types of the areas.

[0044] Further, control the visual editor to display the data source configuration control for the component area, and use the storage address written into the data source configuration control as the data source information of the page component set in the component area.

[0045] The visual editor has a pop-up window function. After configuring the component properties for the page component, the data source configuration control can be popped up in the form of a pop-up window, and then receive the data source information of the developer about the page component. Of course, the data source configuration control can also be popped up by the developer's click operation, and is not limited here. The data source configuration control can be an input box.

[0046] Finally, integrate the page layout information, the component configuration information of multiple page components, and the data source information of each page component to generate a configuration file. The configuration file is the data basis for the rendering engine to render the page.

[0047] In step S220, according to the data source information, obtain the page component data.

[0048] Among them, the data source information is used to indicate the storage address of the page component data, and the page component data is used to populate the page components.

[0049] The visual editor has a first interface. The first interface can parse the data source information of multiple data source types and has the ability to read the page component data from multiple types of data sources. In other words, the first interface can be a general data reading interface. During the page configuration process, reading of multiple types of data sources is involved. Through the setting of the first interface, multiple page component data can be obtained through one request, improving the data acquisition efficiency.

[0050] Specifically, control the first interface to parse the data source information to determine the data source type and the data source. The first interface can read the page component data of multiple data source types; control the first interface to determine the data reading strategy applicable to the data source type; according to the data reading strategy, read the page component data from the data source.

[0051] In the first interface of the present disclosure, multiple data reading strategies are designed to adapt to different types of external data sources. Specifically, the data source can include a network platform, a database, a system local memory, etc. According to the different types of data sources, corresponding reading strategies are adopted to obtain the data required by the components.

[0052] For example, for a data source of the network platform type, this type of data source is usually accessed through an API interface. For a data source of the database type, when the data comes from a relational database or a non-relational database, a connection to the database needs to be established to execute a query operation and obtain the data. This usually involves a backend service as an intermediary to process SQL statements or other query languages and return the results to the frontend. For a data source of the system local memory type, for data stored in the local file system, the data can be obtained by directly reading the file. These files may contain data in various formats such as JSON, XML, CSV, etc., which are suitable for static content that does not need to be updated frequently.

[0053] In addition, the first interface of the present disclosure also takes into account other special data source types, such as stream data (for real-time data processing), cache data (to improve performance), etc., and provides a dedicated reading strategy for each type. By identifying the type of data source, the interface can automatically select the most suitable reading method, thus ensuring the effectiveness and efficiency of the data.

[0054] This flexible design enables developers to easily configure the data source according to specific business requirements, while ensuring the scalability and maintainability of the system.

[0055] In step S230, render the target page according to the page layout information, component configuration information, and page component data.

[0056] The rendering engine that controls the visual editor parses the page layout information to determine the overall structure of the target page and the positions of each page component.

[0057] Further, the system extracts the component attributes and component types from the configuration file according to the unique identifiers of each page component; then, based on the parsed page layout and component configuration information, it renders the component model and embeds it in the corresponding position of the page. The rendered component has the functions and styles defined by its attributes and realizes these functions by executing the corresponding processing logic; finally, the page component data is filled into the corresponding page component accordingly, so as to obtain the complete target page.

[0058] The page generation method of the present disclosure proposes a visual editor, and this editor can provide an intuitive page configuration window, and after obtaining the configuration file, it can parse the configuration file in a standardized manner, and then render the target page. Compared with the traditional page generation method, the present disclosure has a more convenient, efficient and accurate page generation effect, and at the same time can also improve the reuse rate of some components and reduce the code development cost of the page for developers.

[0059] Figure 3 It is a flowchart of the process for obtaining the target page according to the embodiments of the present disclosure. The following will be combined with Figure 3 to provide a more systematic and complete description of the process for obtaining the target page of the present disclosure.

[0060] In step 301, a visual editor is introduced into the management system.

[0061] The management system can be a B-side management system, that is, the enterprise's server side, etc. When enterprise developers go live with a new page or perform functional iteration on an old page, they can directly use the visual editor for visual configuration. When developers use the visual editor, they can intuitively design and adjust the page layout, component types, component attributes, etc., and have a good configuration experience and high development efficiency.

[0062] In step 302, control the visual editor to display various items to be edited and bus units.

[0063] The items to be edited include multiple layout templates, various component types, property definition controls, data source configuration controls, etc.

[0064] In some embodiments, various items to be edited in the visual editor are displayed and information is obtained in the form of a multi-dimensional form. According to the associations between the various items to be edited, the forms of different dimensions are gradually presented to display different items to be edited.

[0065] For example, if you want to configure sales data for a specific city, the item to be edited shown in the first - dimension form should be "component type". For example, you can choose a dropdown box or a table. Among them, the "dropdown box" is suitable for selecting a single value (such as selecting the name of a city), while the "table" is more suitable for displaying multiple records (such as listing the sales data of each city). The item to be edited shown in the second - dimension form is "component property". After selecting the component type (i.e., after completing the first - dimension form), the developer then needs to set a name for this component, such as naming it "city". In addition, other properties can also be set, such as default value, whether it is editable, etc. The item to be edited shown in the third - dimension form can be a data - source configuration control. For the selected city component, the developer needs to configure its data source, such as obtaining the sales data of each city from a database. At this time, the developer may also need to further specify which fields correspond to "city name" and which fields represent "sales amount", etc.

[0066] The entire configuration process unfolds step by step according to the relevance between each item to be edited. After completing the configuration of each dimension, the system will dynamically adjust the options of the next dimension based on the existing selections. For example, after selecting "table" as the component type, the system can automatically provide a data - source configuration control suitable for table display. This way not only simplifies the user's operation process but also ensures that each step is closely related and has a clear purpose, thus improving the overall configuration efficiency and accuracy. Through this method, even a complex page design can be decomposed into a series of simple and intuitive tasks, enabling non - technical personnel to easily get started.

[0067] In step 303, the visual editor generates a configuration file according to the information selected or input by the developer.

[0068] This configuration file includes the component configuration information of page components, page layout information, and data - source information of page components, which can be used as the basis for subsequent page rendering and will not be elaborated here.

[0069] In step 304, page component data is obtained according to the data - source information in the configuration file.

[0070] According to the data - source information defined in the configuration file, the first interface of the visual editor determines the data - source type, selects the corresponding data - reading strategy according to the data - source type, and then obtains page component data from the data source. This data can include static content, dynamic data, or information provided by other external services, which is not restricted here.

[0071] In step 306, the page component data is verified.

[0072] The visual editor has an interceptor. After obtaining the page component data, the interceptor will verify this data to ensure that its format is correct and it meets the expectations. The verification process includes data type checking, integrity verification, etc., to prevent page rendering problems caused by data errors.

[0073] In step 307, determine whether the status of the page component data is an abnormal status.

[0074] After being verified, the page component data will obtain a status, including an abnormal status or a normal status. If it is in a normal status, it can be synchronized to the rendering engine for page rendering. Otherwise, it will be intercepted, and the data can be retrieved again or the developer can be prompted to correct the error.

[0075] In step 308, determine whether the bus unit is triggered.

[0076] The bus unit is a tool in the building engine of the visual editor to specifically replace or modify specified components, and it has the ability to determine the area to be changed in the existing page according to the change path.

[0077] In step 302, the visual editor displays the bus unit. If the developer does not have the need to create a new page but iterates on some components of the existing page, then the change path can be written in the bus unit. If the change path is written in the bus unit, it proves that the bus unit is triggered; otherwise, it means the bus unit is not triggered.

[0078] If the bus unit is not triggered, then execute step 309 to generate the target page according to the page component data, page layout information, and component configuration information of the page components.

[0079] If the bus unit is triggered, then execute step 310 to control the bus unit to determine the area to be changed according to the change path. Then, execute step 311 to render the new component in the area to be changed according to the component configuration file to generate the target page.

[0080] After the bus unit is triggered, the developer still needs to write or select the component configuration information of the new component and the page components through the to-be-configured items displayed by the building engine, thereby generating the component configuration file. Then, control the visual editor to perform the processing from step 305 to step 307 on the component configuration file.

[0081] Figure 4 It is a schematic block diagram of the structure of the visual editor according to an embodiment of the present disclosure. As Figure 4 shown, the structure of the visual editor is shown, including a core part and a communication part. The core part includes a rendering engine and a building engine, and the communication part includes a first interface, a second interface, a template modification and creation interface, a batch request interface, an interceptor, etc.

[0082] Specifically, the building engine provides developers with a window for building and configuration. It can visually display various items to be edited and bus units, etc. Developers can hit the required items through a first operation such as mouse clicks. For example, in multiple layout templates, they can hit the target template as page layout information.

[0083] The building engine has various units such as a building interface unit, a pop-up window unit, a bus unit, a common component unit, a data source configuration unit, and a multi-dimensional form unit. These units cooperate with each other to present a visually and conveniently page configuration window for developers.

[0084] The interface building unit provides developers with functions such as the selection of multiple layout templates, the creation and modification of templates, etc. The pop-up window unit provides a pop-up window function for configuring forms, while the multi-dimensional form defines the configuration order between levels of forms. The configuration form is used to collect various items to be configured, and the functions provided by the page building unit can also be presented in the form of a configuration form. The data source configuration unit provides developers with data source configuration controls, which can be presented in the configuration form and appear in the form of a pop-up window. The common component unit provides developers with a function for selecting common components. Different common components represent different component types and processing logics, and these common components can be presented in the configuration form and appear in the form of a pop-up window.

[0085] The rendering engine includes a function layout unit, a module configuration unit, a business data acquisition unit, a component library, and a custom component unit.

[0086] The function layout unit can parse the page layout information in the configuration file to determine the structure of each page and the positions of each component. The module configuration unit can parse the component configuration information of the page components in the configuration file and render each page component according to the component type and component attributes. The business data unit can control the first interface to obtain page component data and fill it into the corresponding page components. The component library contains the codes of various existing components, including logic codes and style codes. When the component type is the same as that of the existing components in the component library, the components in the component library can be directly called, saving the rendering process. When there is no component of the component type in the configuration file in the component library, a new component can be constructed according to the component type and component attributes.

[0087] The first interface is a general interface for obtaining page component data and can obtain page component data of various component types in parallel.

[0088] The second interface is a general interface for submitting data. After the page is put into use and customer information is collected on the target page, the second interface can be called for information submission.

[0089] The template creation and modification interface is an interface for calling the building engine to create new templates and modify existing layout templates, providing support for the building engine to create and modify templates and improving the flexibility of page development. The batch request interface supports entering multiple configuration information at one time and enables the building engine to generate multiple configuration files at one time to generate multiple target pages. The interceptor can verify the status of the page component data obtained and intercept abnormal data.

[0090] The management system involved in this disclosure has a backend gateway, including a configuration storage unit, a service gateway, a public interface, a data aggregation unit, and a proxy request unit. The backend gateway provides hardware support for the operation of the target page.

[0091] The configuration storage unit is used to store contents such as configuration files. The service gateway provides verification for the data accessing the system, including verification of sensitive data, verification of access permissions, etc. The public interface is used to provide public services, including login services such as "user login". The data aggregation unit allows visitors to access a batch of pages at one time. The proxy request unit is used to help users without access permissions send access requests to the page, such as requests from the external network of the system to the internal network of the system.

[0092] The page generation method of this disclosure proposes a visual editor, and this editor can provide an intuitive page configuration window. After obtaining the configuration file, it can parse the configuration file in a standardized manner and then render the target page. Compared with the traditional page generation method, this disclosure has a more convenient, efficient, and accurate page generation effect. At the same time, it can also improve the reuse rate of some components and reduce the code development cost of developers for the page.

[0093] Figure 5 It is a schematic diagram of the configuration process of the visual editor according to the embodiments of this disclosure. Refer to Figure 5 , which shows the configuration form of the attribute definition control of the component when the component type is a table. Among them, rowKey is used to set the unique identifier of each row of data, and the default value is id. Show paging, indicating whether to enable the paging function, and the current setting is the enabled state.

[0094] Number of items per page: You can select the number of data items to be displayed per page. The options include 10, 20, 50, and 100 items. Currently, 10 and 20 items are selected. Scroll width: Set the scroll width of the table. The default value is 2000 pixels. ID: Displays the column header as "ID", and the corresponding field name is id. City: Displays the column header as "City", and the corresponding field name is cityName. Bill ID: Displays the column header as "Bill ID", and the corresponding field name is itemId. Remarks: Displays the column header as "Remarks", and the corresponding field name is remark. Status: Displays the column header as "Status", and the corresponding field name is isDeletedDesc. Name of the person who added: Displays the column header as "Name of the person who added", and the corresponding field name is addUsername. UCID of the person who added: Displays the column header as "UCID of the person who added", and the corresponding field name is addUcid. Name of the person who invalidated: Displays the column header as "Name of the person who invalidated", and the corresponding field name is deleteUsername.

[0095] This interface allows developers to customize the component properties of a component with a table component type. By setting different fields and paging options, the display effect of the table can be flexibly controlled. Each list item can be controlled to be shown or hidden through the switch button on the left, which is convenient for developers to adjust the display content of the table according to actual needs.

[0096] Figure 6 It is a structural schematic diagram of a page generation device according to an embodiment of the present disclosure.

[0097] As Figure 6 shown, a page generation device is presented, including: a configuration file generation module 610 for generating a configuration file of a target page based on a visual editor. The configuration file includes page layout information, component configuration information of page components, and data source information of page components; a data acquisition module 620 for acquiring page component data according to the data source information. The data source information indicates the storage address of the page component data, and the page component data is used to populate the page components; and a page rendering module 630 for rendering the target page according to the page layout information, component configuration information, and page component data.

[0098] The page generation device 600 of the present disclosure may be in the form of computer software, and each module of the page generation device 600 may be in the form of a computer software module.

[0099] Each module of the page generation device 600 of the present disclosure is set to implement each step of the page generation method. Its execution principle and steps can be referred to the foregoing, and will not be elaborated herein.

[0100] Figure 7is a schematic block diagram of an electronic device according to an embodiment of the present disclosure. As Figure 7 shown, the present disclosure also provides an electronic device 1000, including: a processor 1200 and a memory 1300, the memory 1300 stores execution instructions; the processor 1200 executes the execution instructions stored in the memory 1300, so that the processor 1200 executes a page generation method.

[0101] The hardware structure of the electronic device 1000 can be implemented by using a bus architecture. The bus architecture can include any number of interconnected buses and bridges, depending on the specific application of the hardware and the overall design constraints. The bus 1100 connects various circuits including one or more processors 1200, the memory 1300, and / or hardware modules together. The bus 1100 can also connect various other circuits 1400 such as peripheral devices, voltage regulators, power management circuits, external antennas, etc.

[0102] The bus 1100 can be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, or an Extended Industry Standard Component (EISA) bus, etc. The bus can be divided into an address bus, a data bus, a control bus, etc. For the sake of representation, only one connection line is used in this figure, but it does not mean that there is only one bus or one type of bus.

[0103] The present disclosure also provides a readable storage medium, in which a computer program is stored, and the computer program is used to implement the above method when executed by a processor. The "readable storage medium" can be any device that can contain, store, communicate, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. More specific examples of the readable storage medium include the following: an electrical connection part (electronic device) having one or more wirings, a portable computer disk cartridge (magnetic device), a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber device, and a portable read-only memory (CDROM), etc.

[0104] The present disclosure also provides a computer program product. The methods of the present disclosure can be implemented in whole or in part by software, hardware, firmware, or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer programs or instructions. When the computer program or instructions are loaded and executed, the processes or functions of the present disclosure are executed in whole or in part.

[0105] The computer program or instructions can be stored in a readable storage medium, or transmitted from one readable storage medium to another. For example, the computer program or instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center in a wired or wireless manner. The readable storage medium can be any available medium that can be accessed, or a data storage device such as a server or data center that integrates one or more available media. The available medium can be a magnetic medium, such as a floppy disk, hard disk, or magnetic tape; it can also be an optical medium, such as a digital video disc; or it can be a semiconductor medium, such as a solid-state drive. The computer-readable storage medium can be a volatile or non-volatile storage medium, or can include both volatile and non-volatile types of storage media.

[0106] Those skilled in the art should understand that the embodiments of the present disclosure can be provided as methods, electronic devices, readable storage media, or computer program products. Therefore, the present disclosure can take the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware aspects. Moreover, the present disclosure can take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk memories, CD-ROMs, optical memories, etc.) that contain computer-usable program code.

[0107] The present disclosure is described with reference to the flowcharts and / or block diagrams of methods, devices (systems), and computer program products according to the present disclosure. It should be understood that each process and / or block in the flowchart and / or block diagram, and the combination of processes and / or blocks in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to the processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing devices to generate a machine, such that the instructions executed by the processor of the computer or other programmable data processing devices generate means for implementing the functions specified in one Figure 1 one process or multiple processes and / or blocks Figure 1 one block or multiple blocks.

[0108] These computer program instructions can also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to operate in a particular manner, such that the instructions stored in the computer-readable memory produce a manufacture including an instruction device that implements the functions specified in one or more of the acts Figure 1 act or acts and / or boxes Figure 1 box or boxes.

[0109] These computer program instructions can also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer-implemented process, so that the instructions executed on the computer or other programmable apparatus provide steps for implementing the functions specified in one or more of the acts Figure 1 act or acts and / or boxes Figure 1 box or boxes.

[0110] In the description of this specification, the descriptions with reference to the terms "one embodiment / way", "some embodiments / ways", "example", "specific example", or "some examples", etc. mean that the specific features, structures, or characteristics described in connection with the embodiment / way or example are included in at least one embodiment / way or example of the present disclosure. In this specification, the schematic representations of the above terms are not necessarily directed to the same embodiment / way or example. Moreover, the specific features, structures, or characteristics described can be combined in any one or more embodiments / ways or examples in a suitable manner. In addition, without contradiction, those skilled in the art can combine and combine the different embodiments / ways or examples described in this specification and the features of different embodiments / ways or examples.

[0111] In addition, the terms "first" and "second" are used for descriptive purposes only and cannot be construed as indicating or implying relative importance or implicitly indicating the quantity of the indicated technical features. Thus, the features defined with "first" and "second" can explicitly or implicitly include at least one of the features. In the description of the present disclosure, "a plurality of" means at least two, such as two, three, etc., unless otherwise specifically defined.

[0112] Those skilled in the art should understand that the above embodiments are only for clearly illustrating the present disclosure and are not intended to limit the scope of the present disclosure. For those skilled in the art, other changes or variations can be made based on the above disclosure, and these changes or variations are still within the scope of the present disclosure.

Claims

1. A page generation method, characterized in that, including: generating a configuration file of a target page based on a visual editor, the configuration file including page layout information, component configuration information of page components, and data source information of the page components; obtaining page component data according to the data source information, the data source information indicating a storage address of the page component data, the page component data being used to populate the page components; and rendering the target page according to the page layout information, the component configuration information, and the page component data.

2. The page generation method according to claim 1, wherein Generating a configuration file of a target page based on a visual editor, including: controlling the visual editor to display a plurality of layout templates, and using the layout template hit by a first operation as the page layout information of the target page, the page layout information defining a plurality of component areas in the target page where page components can be set; determining the component configuration information for the component areas based on the visual editor; controlling the visual editor to display data source configuration controls for the component areas, and using the storage address written into the data source configuration controls as the data source information of the page components set in the component areas; and generating the configuration file according to the page layout information, the component configuration information, and the data source information.

3. The page generation method according to claim 2, wherein Determining the component configuration information for the component areas based on the visual editor, including: controlling the visual editor to display various component types for the component areas, and using the component type hit by a first operation as the component type of the page components set in the component areas; and controlling the visual editor to display property definition controls for the component areas, and using the information written into the property definition controls as the component properties of the page components set in the component areas, obtaining component configuration information including the component type and the component properties.

4. The page generation method according to claim 1, wherein Obtaining page component data according to the data source information, including: processing at least one of the data source information based on a first interface to obtain page component data corresponding to the data source information.

5. The page generation method according to claim 4, wherein Processing at least one of the data source information based on a first interface to obtain page component data corresponding to the data source information, including: controlling the first interface to parse the data source information to determine a data source type and a data source, the first interface being capable of reading page component data of multiple data source types; controlling the first interface to determine a data reading strategy applicable to the data source type; reading the page component data from the data source according to the data reading strategy.

6. The page generation method according to claim 4 or 5, characterized in that After obtaining the page component data, including: performing a security check on the page component data to determine the status of the page component data; and intercepting page component data in an abnormal state.

7. The page generation method according to claim 1, wherein Further including: controlling the visual editor to display a bus unit; responding to a change path written into the bus unit, controlling the bus unit to determine a region to be changed in an existing page according to the change path; and rendering a new component in the region to be changed according to the configuration file to form a target page including the new component.

8. An electronic device, characterized in that, including: A memory that stores execution instructions; And A processor that executes the execution instructions stored in the memory, such that the processor executes the page generation method according to any one of claims 1 to 7.

9. A readable storage medium, characterized in that, Execution instructions are stored in the readable storage medium, and when the execution instructions are executed by a processor, they are used to implement the page generation method according to any one of claims 1 to 7.

10. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the page generation method according to any one of claims 1 to 7.

Images