A page generation method, device and medium

Abstract

The application discloses a page generation method and device and a medium. The method is applied to an electronic device deployed with a real environment and a simulation environment, the real environment and the simulation environment correspond to different scopes, and the method comprises the following steps: loading a material library to obtain an object material set in the simulation environment; transferring the object material set from the simulation environment to the real environment; receiving a page generation request carrying page configuration information sent by a client in the real environment; determining at least one target object material from the object material set based on the page configuration information in the real environment, and performing instantiation processing on the at least one target object material to obtain a target instance; mounting the target instance to a node in the simulation environment; and rendering the node in the simulation environment to obtain a target page. The application can improve the efficiency and stability of page generation and reduce the occurrence of data loss.

Description

Technical Field

[0001] This invention relates to the field of Internet communication technology, and in particular to a page generation method, apparatus and medium. Background Technology

[0002] With the rapid development of internet communication technology, people can access massive amounts of information on the internet through various means to meet their needs in life, work, study, and other aspects.

[0003] In related technologies, web pages can be used for information dissemination and business promotion. The specific page building process is as follows: first, operations personnel propose relevant requirements; then, designers create corresponding designs based on these requirements; and finally, developers develop the pages based on these designs. Developers typically possess a certain level of coding skill. The page building process involves work nodes that rely on different staff members, resulting in low page generation efficiency and high labor costs. For application scenarios with a large number of page development needs, the page building solutions provided by related technologies cannot adequately support them. Therefore, a more efficient page generation solution is needed. Summary of the Invention

[0004] To address the problems of low page generation efficiency and high labor costs in existing technologies, this invention provides a page generation method, apparatus, and medium:

[0005] On one hand, the present invention provides a page generation method applied to an electronic device having a real environment and a simulated environment deployed thereon, wherein the real environment and the simulated environment correspond to different scopes, and the method includes:

[0006] In the simulated environment, a collection of object materials is obtained by loading the material library;

[0007] The object material set is transferred from the simulated environment to the real environment;

[0008] In the real-world environment, receive a page generation request sent by the client, which carries page configuration information;

[0009] In the real-world environment, at least one target object material is determined from the object material set based on the page configuration information, and the at least one target object material is instantiated to obtain a target instance;

[0010] Mount the target instance to a node in the simulation environment;

[0011] The node is rendered in the simulated environment to obtain the target page.

[0012] On the other hand, a page generation device is provided, applied to an electronic device with a real environment and a simulated environment deployed thereon, wherein the real environment and the simulated environment correspond to different scopes, and the device includes:

[0013] Material library loading module: used to load the material library to obtain a collection of object materials in the simulation environment;

[0014] Object Material Collection Transfer Module: Used to transfer the object material collection from the simulation environment to the real environment;

[0015] Page generation request receiving module: used to receive page generation requests carrying page configuration information sent by the client in the real environment;

[0016] Instantiation processing module: used to determine at least one target object material from the object material set based on the page configuration information in the real environment, and to perform instantiation processing on the at least one target object material to obtain a target instance;

[0017] Instance mounting module: used to mount the target instance to a node in the simulation environment;

[0018] Rendering module: Used to render the node in the simulation environment to obtain the target page.

[0019] On the other hand, an electronic device is provided, comprising a processor and a memory, wherein the memory stores at least one instruction or at least one program, the at least one instruction or the at least one program being loaded and executed by the processor to implement the page generation method as described above.

[0020] On the other hand, a computer-readable storage medium is provided, wherein at least one instruction or at least one program is stored therein, the at least one instruction or the at least one program being loaded and executed by a processor to implement the page generation method as described above.

[0021] The page generation method, apparatus, and medium provided by this invention have the following technical effects:

[0022] This invention provides a general-purpose electronic device capable of providing page generation services. This electronic device generates a target page based on a set of object assets and page configuration information received from the client. This improves page generation efficiency, reduces excessive reliance on and limitations of manual processes in page creation, and lowers labor costs. The electronic device is deployed in both a real and a simulated environment. During page generation, it uses a relatively circuitous path to transfer the set of object assets and page configuration information between the two environments, which improves the stability of page generation and reduces the possibility of data loss during the process. Attached Figure Description

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

[0024] Figure 1 This is a schematic diagram of an application environment provided by an embodiment of the present invention;

[0025] Figure 2 This is a flowchart illustrating a page generation method provided in an embodiment of the present invention;

[0026] Figure 3 This is a schematic diagram of a process for instantiating at least one target object material to obtain a target instance, provided by an embodiment of the present invention.

[0027] Figure 4 This is a schematic diagram of a process for packaging target object materials before instantiating the at least one target object material, provided by an embodiment of the present invention;

[0028] Figure 5 This is also a schematic diagram of a process for instantiating at least one target object material to obtain a target instance, provided by an embodiment of the present invention;

[0029] Figure 6 This is a schematic diagram of the interface created when starting an activity in the user interaction interface provided by the page generation system, as provided in an embodiment of the present invention.

[0030] Figure 7 This is a schematic diagram of an interface for filling in activity-related information in a user interaction interface provided by a page generation system, as provided in an embodiment of the present invention.

[0031] Figure 8-10 This is a schematic diagram of the interface for activity editing in the user interaction interface provided by the page generation system, as provided in an embodiment of the present invention.

[0032] Figure 11 This is a schematic diagram of an interface that triggers a local preview in the user interaction interface provided by the page generation system, as provided in an embodiment of the present invention.

[0033] Figure 12 This is a schematic diagram of an interface that triggers external network publication from the user interaction interface provided by the page generation system, as provided in an embodiment of the present invention.

[0034] Figure 13This is a schematic diagram of the architecture of the page generation system provided in an embodiment of the present invention;

[0035] Figure 14 This is a schematic diagram of the architecture of the business material library provided in an embodiment of the present invention;

[0036] Figure 15 This is a schematic diagram of the workflow of the editor provided in an embodiment of the present invention;

[0037] Figure 16 This is a schematic diagram of the process for loading a material library according to an embodiment of the present invention;

[0038] Figure 17 This is a schematic diagram of the architecture of the debugging material library provided in an embodiment of the present invention;

[0039] Figure 18 This is a schematic diagram of the process for updating the candidate material library provided in an embodiment of the present invention;

[0040] Figure 19 These are illustrations of the instantiation processes for different front-end development frameworks provided in this embodiment of the invention.

[0041] Figure 20 This is a block diagram of a page generation device provided in an embodiment of the present invention;

[0042] Figure 21 This is a schematic diagram of the structure of an electronic device provided in an embodiment of the present invention. Detailed Implementation

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

[0044] It should be noted that the terms "comprising" and "having" and any variations thereof in the specification, claims, and accompanying drawings of this invention are intended to cover non-exclusive inclusion. For example, a process, method, system, product, or server that includes 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 these processes, methods, products, or devices.

[0045] Please see Figure 1 , Figure 1This is a schematic diagram of an application environment provided by an embodiment of the present invention, which may include a client 01 and a server 02, with the client and server connected via a network. A user can send a page generation request to the server through the client. The server generates the target page based on the material library and the received page generation request, and simultaneously returns the generated target page to the client for the user to view. It should be noted that... Figure 1 This is just one example.

[0046] Specifically, client 01 can include physical devices such as smartphones, desktop computers, tablets, laptops, augmented reality (AR) / virtual reality (VR) devices, digital assistants, and smart wearable devices. It can also include software running on physical devices, such as computer programs. The operating system running on client 01 can include, but is not limited to, Android, iOS (a mobile operating system developed by Apple), Linux, and Microsoft Windows.

[0047] Specifically, server 02 may include a standalone server, a distributed server, or a server cluster consisting of multiple servers. Server 02 may include a network communication unit, a processor, and memory, etc. Server 02 can provide background services for the aforementioned clients.

[0048] In practical applications, a target page can be an activity page awaiting launch during product operations. After successful testing, the target page can be launched to aid marketing efforts, aiming to attract new users, retain existing users, increase user activity, and boost revenue. In daily product operations, there is often a significant demand for developing web activity pages to achieve the goals of "acquiring users, stimulating activity, and improving conversion rates." For such pages, the most basic development requirements are "fastest speed and lowest cost."

[0049] The following describes a specific embodiment of a page generation method according to the present invention. Figure 2 This is a flowchart illustrating a page generation method according to an embodiment of the present invention. This specification provides the operational steps of the method described in the embodiments or flowcharts, but based on conventional or non-inventive methods, more or fewer operational steps may be included. The order of steps listed in the embodiments is merely one possible execution order among many and does not represent the only possible execution order. In actual system or server product execution, the method can be executed sequentially according to the embodiments or drawings, or in parallel (e.g., in a parallel processor or multi-threaded processing environment). Specifically, as shown in the figures... Figure 2As shown, the method may include:

[0050] S201: Load the material library in the simulation environment to obtain a collection of object materials;

[0051] In this embodiment of the invention, the page generation method is applied to an electronic device deployed with a real environment and a simulated environment. This electronic device can be a physical device such as a smartphone, desktop computer, tablet computer, laptop computer, augmented reality / virtual reality device, digital assistant, or smart wearable device; it can also be a server. The real environment and the simulated environment correspond to different scopes, thus ensuring the independence between the two environments and avoiding data corruption.

[0052] The resource library can include a basic resource library and a business resource library. Resources in the basic resource library have a relevance to business objects below a threshold, while resources in the business resource library have a relevance to their corresponding business objects above a threshold. Resources in a business resource library share the same business attributes. Business attributes can correspond to products within the same category, such as instant messaging products corresponding to business attribute A, and short video products corresponding to business attribute C; business attributes can also correspond to a specific product, such as "Tencent Classroom" corresponding to business attribute A, and "Penguin Tutoring" corresponding to business attribute B. This multi-dimensional resource classification improves the efficiency of reusing existing resources. The resource library can be hosted in the form of data packages. Accordingly, when building the resource library, related resources can be packaged based on UMD (Universal Module Definition) to obtain the resource library.

[0053] The collection of object assets obtained by loading the asset library in the simulation environment is bound to the scope corresponding to that simulation environment. The collection of object assets can include components, plugins, actions, and compile containers. Components can be divided into ordinary components and nested components.

[0054] In practical applications, such as Figure 15As shown, the real environment deployed by the electronic device can point to an editor (external editor), and the simulated environment deployed by the electronic device can point to the simulator within the editor. When the editor initializes the simulator, it loads a resource library into the simulator. For page development targeting different products, the corresponding business resource library can be loaded. That is, if developing pages related to a transit code product, the loaded resource library can be a basic resource library and a resource library corresponding to the transit code product. This improves the versatility and compatibility of the page generation method provided by this invention. Of course, the editor and the simulator can also be visually displayed in the user interface provided by the electronic device.

[0055] In one specific embodiment, before loading the material library to obtain the object material set in the simulation environment, the method further includes loading the material library in the simulation environment:

[0056] 1) When the loaded material library does not exist in the simulation environment, the material library is constructed based on the materials in the candidate material library and loaded into the simulation environment;

[0057] 2) When a loaded material library exists in the simulation environment, obtain the current version number of the loaded material library; obtain the maximum version number of the candidate material library; when the maximum version number is greater than the current version number, obtain the corresponding material from the candidate material library based on the version number difference between the maximum version number and the current version number, and load the corresponding material into the simulation environment.

[0058] like Figure 16 As shown, the various templates in the candidate material library are obtained by encapsulating code based on conventions, specifications, and configurations. Specifically, when specifying "building the material library based on materials in the candidate material library" and "retrieving corresponding materials from the candidate material library based on the version number difference between the maximum version number and the current version number," users can be guided to input configurations. In other words, template resources can be retrieved based on user filtering.

[0059] In another specific embodiment, before loading the material library to obtain the object material set in the simulated environment, the method further includes debugging the material library:

[0060] First, the material library transmitted by the debugging device is received; the material library is obtained by the debugging device through local debugging of the original material library.

[0061] Then, determine the debugging port and debug the material library based on the debugging port;

[0062] Furthermore, when the debugging results indicate that everything is normal, the step of loading the material library to obtain the object material set in the simulation environment is triggered.

[0063] For reference Figure 17 The media library is first debugged locally using a debugging device (such as a local CLI tool; CLI stands for command-line interface). After successful local debugging, the debugging device transfers the media library to the electronic device. When the electronic device encounters anomalies in its use of the media library, it can determine the debugging port and perform online debugging of the media library based on that port. Specifically, the online debugging of the media library can be performed by the editor corresponding to the electronic device. The debugging device is independent of the electronic device and can be maintained using the npm (a package management tool) module.

[0064] In a specific embodiment, such as Figure 18 As shown, the page generation method further includes updating the candidate material library: first, acquiring material data; then, performing continuous integration processing on the material data; and third, when the processing result meets preset requirements, updating the candidate material library based on the processed material data. The continuous integration (CI) processing items include at least one of the following: code verification, compilation and build, and file transfer. At the level of each business object (product), material data (corresponding business material library code) can be pushed to the corresponding candidate material library. This enables automatic updating of the candidate material library.

[0065] S202: Transfer the object material set from the simulation environment to the real environment;

[0066] In this embodiment of the invention, a collection of object materials can be transferred from a simulated environment to a real environment based on a reference.

[0067] In practical applications, such as Figure 15 As shown, the real environment deployed by the electronic device can point to an editor (external editor), and the simulated environment deployed by the electronic device can point to the simulator inside that editor. The simulator can pass a collection of object assets to the external editor via references.

[0068] S203: Receive a page generation request carrying page configuration information sent by the client in the real environment;

[0069] In this embodiment of the invention, due to the instability of the simulated environment, performing the instantiation process in the simulated environment can easily lead to the loss of page configuration information. For example, the simulator corresponding to the simulated environment is configured with a refresh module. When a jump event is triggered in the simulator based on the refresh module, the current data is easily lost because it has not been saved. Therefore, based on the setting of performing instantiation processing in the real environment, the page generation request carrying page configuration information sent by the client is also received in the real environment.

[0070] Page configuration information represents the user's selections corresponding to the generated target page. This information can include the specific object assets selected by the user, as well as the user's editing of the object assets' attributes (such as setting specific data, styles, events, and animations). See also... Figure 8-10 .

[0071] Furthermore, when the electronic device is a physical device such as a smartphone, desktop computer, tablet, laptop, augmented reality / virtual reality device, digital assistant, or smart wearable device, the client here refers to the software running on the aforementioned physical device.

[0072] S204: In the real environment, based on the page configuration information, at least one target object material is determined from the object material set, and the at least one target object material is instantiated to obtain a target instance;

[0073] In this embodiment of the invention, if the object material set includes 10 object materials, and based on the page configuration information, it is determined that 5 of these object materials are selected by the user, then these 5 object materials are designated as 5 target object materials. According to the user's attribute editing instructions for these 5 target object materials in the page configuration information, the 5 target object materials are instantiated to obtain target instances.

[0074] In one specific embodiment, the page generation method provided by the present invention can be based on a first type of scripting language development framework, such as the React framework (a JavaScript framework originating within Facebook; Facebook, Facebook; JavaScript, a lightweight, interpreted or just-in-time compiled programming language with function priority).

[0075] 1) When the resource library is built based on a first-class scripting language development framework, for the first-class scripting language development framework, such as... Figure 3 As shown, instantiation can be performed using the following steps:

[0076] S301: Create a corresponding virtual object based on the at least one target object material;

[0077] S302: Obtain the target event corresponding to the at least one target object material based on the page configuration information;

[0078] S303: Bind the corresponding virtual object to the corresponding target event based on the at least one target object material.

[0079] When there is one target object material, firstly, a corresponding virtual object is created based on this target object material; then, the target event corresponding to this target object material is obtained based on the page configuration information; furthermore, the corresponding virtual object and the corresponding target event are bound to realize the instantiation process of this target object material.

[0080] When there are at least two target object assets, firstly, a corresponding virtual object is created based on each target object asset, such as virtual object 1 (corresponding to target object asset 1) and virtual object 4 (corresponding to target object asset 4); then, the target event corresponding to each target object asset is obtained based on the page configuration information, such as target event 1 (corresponding to target object asset 1) and target event 4 (corresponding to target object asset 4); furthermore, the corresponding virtual object and target event are bound to each target object asset, such as binding virtual object 1 and target event 1, binding virtual object 4 and target event 4, thereby realizing the instantiation processing of each target object asset.

[0081] 2) When the resource library is built based on a second-type scripting language development framework, such as the Vue framework (a progressive JavaScript framework for building user interfaces) or the jQuery framework (also known as the Backbone framework, a fast and concise JavaScript framework), ... Figure 4 As shown, the following steps can be performed before instantiation:

[0082] S401: Determine the target quantity of the at least one target object material;

[0083] S402: Create the target number of placeholder nodes and assign the placeholder nodes to the at least one target object material;

[0084] S403: Use the higher-order functions of the first type of scripting language development framework to simulate the corresponding functions of the second type of scripting language development framework;

[0085] By introducing placeholder nodes and React higher-order components, target object assets under the second type of scripting language development framework are packaged, enabling subsequent instantiation steps to be implemented based on the first type of scripting language development framework, thus improving the multi-frontend technology stack compatibility of the page generation method provided by this invention. Specifically, when there is one target object asset, a placeholder node is created and assigned to this target object asset; when there are six (at least two) target object assets, six placeholder nodes are created and one placeholder node is assigned to each target object asset. The placeholder node is a real node and can point to a corresponding memory location. The higher-order function of the first type of scripting language development framework used to simulate the corresponding function of the second type of scripting language development framework can be the lifecycle function of the first type of scripting language development framework.

[0086] This allows the corresponding function to instantiate the at least one target object material: create a corresponding virtual object based on the at least one target object material; obtain the target event corresponding to the at least one target object material based on the page configuration information; and bind the corresponding virtual object and the corresponding target event to the placeholder node based on the at least one target object material.

[0087] When there is one target object material, firstly, a corresponding virtual object is created based on this target object material; then, the target event corresponding to this target object material is obtained based on the page configuration information; furthermore, the corresponding virtual object and the corresponding target event are bound to the corresponding placeholder node to realize the instantiation process of this target object material.

[0088] When there are at least two target object assets, firstly, a corresponding virtual object is created based on each target object asset, such as virtual object 1 (corresponding to target object asset 1) and virtual object 4 (corresponding to target object asset 4); then, the target event corresponding to each target object asset is obtained based on the page configuration information, such as target event 1 (corresponding to target object asset 1) and target event 4 (corresponding to target object asset 4); furthermore, based on each target object asset, its corresponding virtual object and target event are bound to its corresponding placeholder node, such as binding virtual object 1 and target event 1 to placeholder node 1 (corresponding to target object asset 1), and binding virtual object 4 and target event 4 to placeholder node 4 (corresponding to target object asset 4), thereby realizing the instantiation processing of each target object asset.

[0089] In practical applications, such as Figure 19As shown, based on the research on the code writing methods for executing "target object material + page configuration information -> target page" under various development frameworks, it was found that there are certain commonalities among the code writing methods corresponding to these development frameworks. For example, the code corresponding to these code writing methods can all be bundled into UMD specification code that can be executed by the browser using build tools such as webpack (a module bundler). These code writing methods all correspond to a method that triggers instantiation processing. These code writing methods usually correspond to a method that triggers the rendering of the real node. These code writing methods all correspond to a method that triggers event binding. Among them, "component internal data + component template" corresponds to a target object material.

[0090] In another specific embodiment, the page configuration information includes execution logic parameters, such as... Figure 5 As shown, the instantiation process of the at least one target object material further includes:

[0091] S501: Call the callback function of the configuration file of the at least one target object material;

[0092] S502: Pass the execution logic parameters into the callback function;

[0093] S503: Instantiate the at least one target object material based on the callback function after the parameters are passed in.

[0094] The target object material can point to a business material library, and the target object material can reflect the business characteristics of a certain product; while the execution logic parameters can indicate the pure execution logic and general functional events of a target object material itself or between two target object materials: a) Execution logic parameters can indicate a general functional event, such as the "Guangdiantong Report" event or the "WeChat Share" event. These events can be extracted into independent units (e.g., in the form of "actions," which can be reused by different products) and set corresponding trigger conditions to obtain the execution logic parameters; b) Execution logic parameters can indicate the hierarchical relationship (e.g., "nesting") and execution order (e.g., "linkage") of the target object material at the structural level. Among them, "linkage" can be implemented through publisher and subscriber. Users can set a "linkage" event for component A, specify the "linked" component B, and point to the trigger condition of the "linkage" event. Accordingly, the execution logic parameters of component A include the "linkage" event, the "linked" component B, and the trigger condition. In this way, broadcast capability is implemented at the component level, and the "linkage" event is passed from component A to component B based on the trigger condition. Of course, the "linked" component B can also listen for the "linkage" event and trigger its internal behavior. This aggregates business features into the business resource library (see [link to relevant documentation]). Figure 14This enhances the ability to customize business resource libraries for different products. By deeply abstracting the execution logic and providing a user-friendly configuration environment, it facilitates easy integration with business resource libraries from different products, and can reduce the difficulty of page development to some extent.

[0095] Configuration files can use JavaScript schemas (XML schemas, specifying how to describe the elements of an XML document; XML, Extensible Markup Language). This transforms the configuration file from a static entity into dynamic, executable code. This makes page configuration more dynamic, and more dynamic page configuration improves the ability to extend the capabilities of relevant target object assets during instantiation.

[0096] In practical applications, the real environment deployed by the electronic device can point to an editor, while the simulated environment deployed by the electronic device can point to the simulator within that editor. When the editor instantiates the target object material, it can call the callback function in the configuration file and pass in the necessary parameters (corresponding to the execution logic parameters), and then instantiate the target object material based on the callback function after the parameters are passed in.

[0097] S205: Mount the target instance to a node in the simulation environment;

[0098] In this embodiment of the invention, the object material collection is bound to the scope corresponding to the simulated environment, while the target instance is obtained under the scope corresponding to the real environment. If the target instance is rendered in the real environment, even if the rendering is successful, subsequent operations may easily cause display errors. Therefore, the target instance is mounted to a node in the simulated environment, which is a more roundabout way to solve the problem of the material execution context being easily disordered, while ensuring high performance of page editing.

[0099] In practical applications, such as Figure 15 As shown, the real environment deployed on the electronic device can point to an editor (an external editor), and the simulated environment deployed on the electronic device can point to the simulator within that editor. The external editor can inject the target instance into the simulator using React framework functionalities. For example, the external editor can mount the target instance to a node in the simulator using `createPortal` (a mounting function).

[0100] S206: Render the node in the simulation environment to obtain the target page.

[0101] In this embodiment of the invention, when the electronic device is a physical device such as a smartphone, desktop computer, tablet computer, laptop computer, augmented reality / virtual reality device, digital assistant, or smart wearable device, and the client is software running on the aforementioned physical device, the rendered target page can be displayed on the screen of the physical device or other display components through a graphics device interface. When the electronic device is a server, and the client is a physical device corresponding to the server or software running on the physical device, the rendered target page can be displayed on the screen of the physical device or other display components through a graphics device interface.

[0102] Of course, the rendered target graphic can also communicate directly with the display component through the hardware driver and then be displayed.

[0103] As can be seen from the technical solutions provided in the embodiments of this specification above, the embodiments of this specification provide a general-purpose electronic device capable of providing page generation services. This electronic device generates a target page based on a set of object materials and page configuration information received from the client. This improves page generation efficiency, reduces excessive reliance on and limitations of manual processes in page construction, lowers labor costs, and provides users with a better page editing experience. The electronic device is deployed in both a real environment and a simulated environment. During page generation, it uses a relatively circuitous path to transfer the set of object materials and page configuration information between the two operating environments, which improves the stability of page generation and reduces data loss during the page generation process. Simultaneously, the time to render the target page is shorter, and the rendering feedback is more real-time.

[0104] This invention also provides a page generation apparatus, such as... Figure 20 As shown, the device is applied to an electronic device deployed with a real environment and a simulated environment, wherein the real environment and the simulated environment correspond to different domains, and the device includes:

[0105] Material Library Loading Module 2010: Used to load the material library to obtain a collection of object materials in the simulated environment;

[0106] Object Material Collection Transfer Module 2020: Used to transfer the object material collection from the simulated environment to the real environment;

[0107] Page generation request receiving module 2030: used to receive a page generation request carrying page configuration information sent by the client in the real environment;

[0108] Instantiation processing module 2040: used to determine at least one target object material from the object material set based on the page configuration information in the real environment and to perform instantiation processing on the at least one target object material to obtain a target instance;

[0109] Instance mounting module 2050: used to mount the target instance to a node in the simulation environment;

[0110] Rendering module 2060: used to render the node in the simulation environment to obtain the target page.

[0111] It should be noted that the apparatus and method embodiments described in the device embodiments are based on the same inventive concept.

[0112] This invention also provides a page generation system. The user interface provided by the page generation system can receive page generation requests input by the user, and the corresponding electronic device executes the page generation method provided in the above embodiments based on the page generation requests.

[0113] like Figure 13 As shown, at the architectural level, the material repository is separated into a separate base layer and maintained using an independent Git repository (a form of repository management). The integrated business material repository can point to multiple business objects (products). Correspondingly, the business material repository for each business object (product) can be developed locally at minimal cost using material developer tools. (See also...) Figure 16 This allows for lightweight integration of the resource library, improving resource development efficiency and reducing development costs.

[0114] Users (such as operations personnel) can create activities in the user interface and edit pages using both the business asset library and the basic asset library. The basic asset library includes common components such as text, rich text, images, and videos. This allows users to build high-quality pages even if a product's business asset library hasn't been developed yet. The editor presented in the user interface has powerful editing functions. Users can use common basic capabilities such as component editing, style editing, and positioning switching, as well as advanced features such as global plugins, event triggering, nested components, component linkage, and hotspot editing.

[0115] See also Figure 6-12 As shown:

[0116] 1) Create a brand new activity: 1. User clicks Figure 6 1. Click the "+" button to the right of the search box to trigger the creation of a new activity; 2. Fill in the relevant information for the activity.

[0117] 2) Activity Editing: 1. Users can click on the activity based on... Figure 8 As shown in the lower left corner, click the corresponding buttons to add components or plugins; 2. For the selected component, users can... Figure 8-10 As shown on the right, edit the component style; 3. For the selected component, the user can... Figure 10As shown on the right, add events to the component; 4. As shown Figure 11 As shown, after the page is edited, you can click the preview button so that operators can quickly preview the actual page on their mobile phones.

[0118] 3) Event Launch: Once the page's functionality and logic are confirmed to be correct, users can choose to download the page resources or click the launch button to directly launch the page to the external network. Because the page development system automatically integrates scripts for data reporting and exception reporting during the page development process, operations personnel can easily monitor the page's launch progress and obtain corresponding data performance.

[0119] This invention provides an electronic device including a processor and a memory. The memory stores at least one instruction or at least one program segment, which is loaded and executed by the processor to implement the page generation method provided in the above method embodiments.

[0120] Furthermore, Figure 21 A schematic diagram of the hardware structure of an electronic device for implementing the page generation method provided in the embodiments of the present invention is shown. The electronic device may participate in or include the page generation apparatus provided in the embodiments of the present invention. Figure 21 As shown, the electronic device 210 may include one or more processors 2102 (shown as 2102a, 2102b, ..., 2102n in the figure) 2102 (processor 2102 may include, but is not limited to, a microprocessor MCU or a programmable logic device FPGA, etc.), a memory 2104 for storing data, and a transmission device 2106 for communication functions. In addition, it may also include: a display, an input / output interface (I / O interface), a universal serial bus (USB) port (which may be included as one of the ports of the I / O interface), a network interface, a power supply, and / or a camera. Those skilled in the art will understand that... Figure 21 The structure shown is for illustrative purposes only and does not limit the structure of the electronic device described above. For example, electronic device 210 may also include... Figure 21 The more or fewer components shown, or having the same Figure 21 The different configurations shown.

[0121] It should be noted that the aforementioned one or more processors 2102 and / or other data processing circuits are generally referred to herein as "data processing circuits". These data processing circuits may be embodied, in whole or in part, in software, hardware, firmware, or any other combination thereof. Furthermore, the data processing circuits may be a single, independent processing module, or may be wholly or partially integrated into any other element within the electronic device 210 (or mobile device). As involved in the embodiments of this application, the data processing circuits serve as a processor control mechanism (e.g., selection of a variable resistor termination path connected to an interface).

[0122] The memory 2104 can be used to store software programs and modules of application software, such as the program instructions / data storage device corresponding to the method described in the embodiments of the present invention. The processor 2102 executes various functional applications and data processing by running the software programs and modules stored in the memory 214, thereby implementing the page generation method described above. The memory 2104 may include high-speed random access memory, and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some instances, the memory 2104 may further include memory remotely located relative to the processor 2102, and these remote memories can be connected to the electronic device 210 via a network. Examples of such networks include, but are not limited to, the Internet, corporate intranets, local area networks, mobile communication networks, and combinations thereof.

[0123] The transmission device 2106 is used to receive or send data via a network. Specific examples of the network described above may include a wireless network provided by the communication provider of the electronic device 210. In one example, the transmission device 2106 includes a network interface controller (NIC), which can connect to other network devices via a base station to communicate with the Internet. In one embodiment, the transmission device 2106 may be a radio frequency (RF) module for wireless communication with the Internet.

[0124] The display may be, for example, a touchscreen liquid crystal display (LCD) that allows a user to interact with the user interface of the electronic device 210 (or mobile device).

[0125] Embodiments of the present invention also provide a storage medium, which can be disposed in an electronic device to store at least one instruction or at least one program related to implementing a page generation method in the method embodiments. The at least one instruction or the at least one program is loaded and executed by the processor to implement the page generation method provided in the above method embodiments.

[0126] Optionally, in this embodiment, the storage medium may be located at at least one of the multiple network servers in a computer network. Optionally, in this embodiment, the storage medium may include, but is not limited to, various media capable of storing program code, such as USB flash drives, read-only memory (ROM), random access memory (RAM), portable hard drives, magnetic disks, or optical disks.

[0127] It should be noted that the order of the above embodiments of the present invention is merely for descriptive purposes and does not represent the superiority or inferiority of the embodiments. Furthermore, specific embodiments have been described above. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps described in the claims can be performed in a different order than that shown in the embodiments and still achieve the desired result. Additionally, the processes depicted in the drawings do not necessarily require a specific or sequential order to achieve the desired result. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0128] The various embodiments in this specification are described in a progressive manner. Similar or identical parts between embodiments can be referred to mutually. Each embodiment focuses on describing the differences from other embodiments. In particular, the device and electronic device embodiments are basically similar to the method embodiments, so the descriptions are relatively simple; relevant parts can be referred to the descriptions of the method embodiments.

[0129] Those skilled in the art will understand that all or part of the steps of the above embodiments can be implemented by hardware or by a program instructing related hardware. The program can be stored in a computer-readable storage medium, such as a read-only memory, a disk, or an optical disk.

[0130] The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of the present invention should be included within the protection scope of the present invention.

Claims

1. A page generation method, characterized in that, An electronic device with a real environment and a simulated environment deployed thereon, wherein the real environment and the simulated environment correspond to different scopes, the real environment and the simulated environment are independent to avoid data corruption, the real environment points to an editor, and the simulated environment points to a simulator within the editor, the method comprising: In the simulation environment, a collection of object assets is obtained by loading the asset library; the collection of object assets is then bound to the scope corresponding to the simulation environment. The object material set is transferred from the simulated environment to the real environment based on a reference method; In the real environment, a page generation request carrying page configuration information is received from the client; the page configuration information represents the user selection corresponding to the target page to be generated, and the page configuration information includes the object material selected by the user, as well as the attribute editing of the selected object material; In the real-world environment, at least one target object material is determined from the object material set based on the page configuration information, and the at least one target object material is instantiated to obtain a target instance; Mount the target instance to a node in the simulation environment; The target page is obtained by rendering the node in the simulated environment. The page configuration information further includes execution logic parameters. The instantiation of the at least one target object material further includes: calling the callback function of the configuration file of the at least one target object material; passing the execution logic parameters to the callback function; and instantiating the at least one target object material based on the callback function after the parameters are passed in.

2. The method according to claim 1, characterized in that, When the resource library is built based on a first type of scripting language development framework, where the first type of scripting language development framework is the React framework, the instantiation process of the at least one target object resource includes: Create a corresponding virtual object based on the at least one target object material; Based on the page configuration information, the target event corresponding to the at least one target object material is obtained; Based on the at least one target object material, the corresponding virtual object is bound to the corresponding target event.

3. The method according to claim 1, characterized in that, When the resource library is built based on a second type of scripting language development framework, where the second type of scripting language development framework is a Vue framework or a jQuery framework, the instantiation process of the at least one target object resource includes: Determine the target quantity of the at least one target object material; Create the target number of placeholder nodes and assign the placeholder nodes to the at least one target object material; The higher-order functions of the first type of scripting language development framework are used to simulate the corresponding functions of the second type of scripting language development framework; Accordingly, the instantiation process of the at least one target object material includes: The corresponding function is used to instantiate the at least one target object material.

4. The method according to claim 3, characterized in that, The instantiation process of the at least one target object material using the corresponding function includes: Create a corresponding virtual object based on the at least one target object material; Based on the page configuration information, the target event corresponding to the at least one target object material is obtained; Based on the at least one target object material, the corresponding virtual object and the corresponding target event are bound to the placeholder node.

5. The method according to claim 1, characterized in that, Before loading the material library to obtain the object material set in the simulation environment, the method further includes loading the material library in the simulation environment: When the material library is not already loaded in the simulation environment, the material library is constructed based on the materials in the candidate material library and loaded into the simulation environment; When a loaded material library exists in the simulation environment, obtain the current version number of the loaded material library; Obtain the maximum version number of the candidate material library; When the maximum version number is greater than the current version number, the corresponding material is obtained from the candidate material library based on the version number difference between the maximum version number and the current version number, and the corresponding material is loaded into the simulation environment.

6. The method according to claim 1, characterized in that, Before loading the material library to obtain the object material collection in the simulated environment, the method further includes debugging the material library: Receive the material library transmitted by the debugging device, wherein the material library is obtained by the debugging device through local debugging of the original material library; Determine the debugging port and debug the material library based on the debugging port; When the debugging result indicates that everything is normal, the step of loading the material library to obtain the object material set in the simulation environment is triggered.

7. The method according to claim 1, characterized in that, The method also includes updating the candidate material library: Acquire material data; The material data is continuously integrated and processed. When the processing result meets the preset requirements, the candidate material library is updated based on the processed material data.

8. A page generation apparatus, characterized in that, An electronic device deployed with a real environment and a simulated environment, wherein the real environment and the simulated environment correspond to different scopes, the real environment and the simulated environment are independent to avoid data corruption, the real environment points to an editor, and the simulated environment points to a simulator within the editor, the device comprising: Material library loading module: used to load the material library into a collection of object materials in the simulation environment; the collection of object materials is bound to the scope corresponding to the simulation environment; Object Material Collection Transfer Module: Used to transfer the object material collection from the simulation environment to the real environment based on a reference. Page generation request receiving module: used to receive a page generation request sent by the client carrying page configuration information in the real environment; the page configuration information represents the user selection corresponding to the target page to be generated, and the page configuration information includes the object material selected by the user, as well as the attribute editing of the selected object material; Instantiation processing module: used to determine at least one target object material from the object material set based on the page configuration information in the real environment, and to perform instantiation processing on the at least one target object material to obtain a target instance; Instance mounting module: used to mount the target instance to a node in the simulation environment; Rendering module: used to render the node in the simulation environment to obtain the target page; The page configuration information also includes execution logic parameters, and the instantiation processing module is further used to: call the callback function of the configuration file of the at least one target object material; pass the execution logic parameters to the callback function; and perform instantiation processing on the at least one target object material based on the callback function after the parameters are passed in.

9. The apparatus according to claim 8, characterized in that, When the resource library is built based on a first type of scripting language development framework, where the first type of scripting language development framework is the React framework, the instantiation processing module is further used for: Create a corresponding virtual object based on the at least one target object material; Based on the page configuration information, the target event corresponding to the at least one target object material is obtained; Based on the at least one target object material, the corresponding virtual object is bound to the corresponding target event.

10. The apparatus according to claim 8, characterized in that, When the material library is built based on a second type of scripting language development framework, the second type of scripting language development framework is a Vue framework or a jQuery framework, and the device is further configured to: determine the target quantity of the at least one target object material before instantiating the at least one target object material; Create the target number of placeholder nodes and assign the placeholder nodes to the at least one target object material; The higher-order functions of the first type of scripting language development framework are used to simulate the corresponding functions of the second type of scripting language development framework; Accordingly, the instantiation processing module is also used for: The corresponding function is used to instantiate the at least one target object material.

11. The apparatus according to claim 10, characterized in that, The instantiation process of the at least one target object material using the corresponding function includes: Create a corresponding virtual object based on the at least one target object material; Based on the page configuration information, the target event corresponding to the at least one target object material is obtained; Based on the at least one target object material, the corresponding virtual object and the corresponding target event are bound to the placeholder node.

12. The apparatus according to claim 8, characterized in that, The device is also used to load the material library into the simulation environment: Before loading the material library to obtain the object material set in the simulation environment, if the material library is not already loaded in the simulation environment, the material library is constructed based on the materials in the candidate material library and the material library is loaded into the simulation environment. When a loaded material library exists in the simulation environment, obtain the current version number of the loaded material library; Obtain the maximum version number of the candidate material library; When the maximum version number is greater than the current version number, the corresponding material is obtained from the candidate material library based on the version number difference between the maximum version number and the current version number, and the corresponding material is loaded into the simulation environment.

13. The apparatus according to claim 8, characterized in that, The device is also used to debug the material library: Before loading the material library to obtain the object material set in the simulation environment, the material library is received by the debugging device. The material library is obtained by the debugging device through local debugging of the original material library. Determine the debugging port and debug the material library based on the debugging port; When the debugging result indicates that everything is normal, the step of loading the material library to obtain the object material set in the simulation environment is triggered.

14. The apparatus according to claim 8, characterized in that, The device is also used to update the candidate material library: Acquire material data; The material data is continuously integrated and processed. When the processing result meets the preset requirements, the candidate material library is updated based on the processed material data.

15. An electronic device, characterized in that, The electronic device includes a processor and a memory, the memory storing at least one instruction or at least one program, the at least one instruction or at least one program being loaded and executed by the processor to implement the page generation method as described in any one of claims 1-7.

16. A computer-readable storage medium, characterized in that, The storage medium stores at least one instruction or at least one program segment, which is loaded and executed by a processor to implement the page generation method as described in any one of claims 1-7.

Images