Application Page Decoration Method Based on Web Components

Abstract

The present application relates to a method for decorating application pages based on Web components, in which database access is established between a Web page development system and a Web components platform. For application page elements that need to be decorated, users can initiate a request to retrieve the target element from the Web page development system to the Web components platform, retrieve the target element from the database of the Web components platform, and perform decoration on the development system. This eliminates the need to establish an independent database for decoration elements on the development system, saves cache space, and reduces operating pressure. Users can retrieve multiple target elements from the Webcomponents platform for decoration, without having to go back and forth between the Web page development system and the Webcomponents platform, thus reducing development difficulty and development costs.

Description

Technical Field

[0001] The present disclosure relates to the technical field of application page development, and particularly to a method, apparatus, and electronic device for decorating application pages based on Web components. Background Art

[0002] Web application pages are mainly designed for page functions through a development system, such as UI interface design and intelligent terminal page design. During the development of application pages, various functional components in the development system need to be called to present and design different functional parts of the application pages.

[0003] In application development, for a Web page development system, a large number of various functional components are deployed on it for users to select. In the vast custom application page design industry, in the face of a large number of page design schemes, the functional components of the development system far cannot meet the design requirements of application pages. At this time, it is necessary to use third-party development tools to customize application page elements. After creating the required application page elements through third-party tools, they can be imported and applied in the current web application.

[0004] Web Component, that is, a development assistance platform that can provide application page customization functions. As a component-based application platform in the Web front-end field, it allows users to create reusable custom elements (whose functions are encapsulated outside your code) and use them in the user's web application.

[0005] The web application page elements customized by users in Web components will be imported into the development system in the form of code block files. Designers then call these imported code block files on the development system, and after parsing them, the corresponding page elements are obtained. Although users can use these customized page elements to assist in page development design and solve the defect of the existing development system lacking functional technical support that matches the vast page design requirements.

[0006] However, in addition to the initial application page design, subsequent page decoration (fitting-out) is also an important stage of page design. During the subsequent decoration stage of the application page, the user needs to first retrieve the corresponding page elements to be decorated from the page development system and then perform the decoration. If the page elements are generated by the system, the user only needs to make modifications in the development system to decorate the page elements. However, if the page elements to be decorated are web application page elements customized in Web components, then at this time, it is necessary to first perform decoration and adjustment on the customized web application page elements on the Web components platform, and after decoration, return the page decoration file to the page development system, and then perform a series of processing such as parsing on the development system, and finally obtain the decorated elements of the page; or perform a series of processing such as parsing and decoration after importing into the development system, and finally obtain the decorated elements of the page. Adopting this method, there are the following page development problems:

[0007] When decorating the application page, the user needs to toss back and forth between the Web page development system and the Web components platform, and multiple processing steps are required to complete the customized web application page elements. If multiple page elements are decorated, it will cost a lot of design time and cost, etc. Therefore, for the decoration of a large number of page elements, it is necessary to find an optimal design path between the Web page development system and the Web components platform to solve the above problems. Summary of the Invention

[0008] To solve the above problems, the present application proposes an application page decoration method, device and electronic device based on Web components.

[0009] On the one hand, the present application proposes an application page decoration method based on Web components, including the following steps:

[0010] Customize and generate page custom components in Web Components and store them in the database of the Web components platform;

[0011] Establish a communication connection between the Web page development system and the Web components platform and configure a data access channel;

[0012] Send an access request to the database of the Web components platform through the Web page development system;

[0013] The Web components platform receives the access request, retrieves the corresponding page customization component from the database of the Web components platform according to the access request, and returns it to the Web page development system;

[0014] The Web page development system receives the page customization component and performs decoration processing on the page customization component to obtain decorated page elements.

[0015] As an alternative implementation of this application, optionally, customizing and generating a page customization component in Web Components and storing it in the database of the Web components platform includes:

[0016] Set the corresponding custom page element style according to the element attributes in the application page;

[0017] Customize and create the corresponding page custom element in the Web Components according to the custom page element style;

[0018] Package the page custom element in the preset encapsulation form of the Web Components to obtain the corresponding page customization component, and store the page customization component in the database of the Web components platform.

[0019] As an alternative implementation of this application, optionally, establishing a communication connection between the Web page development system and the Web components platform and configuring a data access channel includes:

[0020] Preset a data transmission protocol;

[0021] Based on the preset data transmission protocol, establish an access connection between the access ports of the Web page development system and the Web components platform;

[0022] After connection, configure the communication parameters of the access ports of the Web page development system and the Web components platform respectively to establish a data access channel between the Web page development system and the Web components platform;

[0023] Wait for the access connection.

[0024] As an alternative implementation of this application, optionally, sending an access request to the database of the Web components platform through the Web page development system includes:

[0025] Determine the application page information that needs to be decorated;

[0026] Create an access request task according to the application page information;

[0027] Execute the access request task, send an access request to the Web components platform through the Web page development system, and request the database of the Web components platform to obtain the page customization components corresponding to the application page information that needs to be decorated.

[0028] As an optional implementation scheme of the present application, optionally, the Web components platform receives the access request, retrieves the corresponding page customization components from the database of the Web components platform according to the access request, and returns them to the Web page development system, including:

[0029] The Web components platform receives the access request, parses the access request, and obtains the application page request information in the access request;

[0030] According to the application page request information, retrieve the page customization components corresponding to the application page request information from the database of the Web components platform, and return the retrieved page customization group to the Web page development system;

[0031] Record the operation log of this time and store it in the log database of the Web components platform.

[0032] As an optional implementation scheme of the present application, optionally, the Web page development system receives the page customization components, including:

[0033] Preset component parsing rules and configure them in the Web page development system;

[0034] Receive the page customization components returned by the Web components platform through the Web page development system, and parse the received page customization components according to the preset component parsing rules to obtain application page elements corresponding to the application page information that needs to be decorated.

[0035] As an optional implementation scheme of the present application, optionally, the Web page development system receives the page customization components and performs decoration processing on the page customization components to obtain decorated page elements, including:

[0036] Preset application page decoration conditions;

[0037] According to the application page decoration conditions, in the Web page development system, decorate the application page elements;

[0038] During the decoration process, store the updated application page elements in the cache of the Web page development system in real time.

[0039] As an optional implementation of this application, optionally, send the decorated page elements to the front end for display and back up and send them to the database of the Web components platform, including:

[0040] After the decoration process is completed, obtain the decorated page elements;

[0041] Send the decorated page elements to the front end of the Web page development system for display;

[0042] From the cache of the Web page development system, send a decorated version of the decorated page elements to the database of the Web components platform for backup and update the corresponding page customization components.

[0043] On the other hand, this application proposes a device for implementing the above-mentioned application page decoration method based on Web components, including:

[0044] A page customization component generation module, used to customize and generate page customization components in Web Components and store them in the database of the Web components platform;

[0045] A data access module, used to establish a communication connection between the Web page development system and the Web components platform and configure a data access channel;

[0046] An access request module, used to send an access request to the database of the Web components platform through the Web page development system to the Web components platform;

[0047] A data retrieval module, used for the Web components platform to receive the access request, retrieve the corresponding page customization components from the database of the Web components platform according to the access request, and return them to the Web page development system;

[0048] A page decoration module, used for the Web page development system to receive the page customization components and decorate the page customization components to obtain decorated page elements.

[0049] On the other hand, the present application also provides an electronic device, including:

[0050] A processor;

[0051] A memory for storing executable instructions of the processor;

[0052] Wherein, when the processor is configured to execute the executable instructions, the method for decorating an application page based on Webcomponents is implemented.

[0053] Technical effects of the present invention:

[0054] In the present application, page customization components are customized and generated in Web Components and stored in the database of the Webcomponents platform; a communication connection is established between the Web page development system and the Web components platform, and a data access channel is configured; an access request for the database of the Web components platform is sent from the Web page development system to the Web components platform; the Web components platform receives the access request, retrieves the corresponding page customization components from the database of the Web components platform according to the access request, and returns them to the Web page development system; the Web page development system receives the page customization components and performs decoration processing on the page customization components to obtain decorated page elements. By establishing database access between the Web page development system and the Web components platform, for the application page elements (target elements) that need to be decorated, the user can initiate a retrieval request for the target elements from the Web page development system end to the Web components platform, retrieve the target elements from the database of the Web components platform, and perform decoration on the development system. In this way, there is no need to establish an independent database for decoration elements on the development system, saving cache space and reducing the operating pressure of the development system. Through the development system, the user can retrieve multiple target elements from the Web components platform for decoration, without having to toss back and forth between the Web page development system and the Web components platform, reducing the subsequent development difficulty of Web page decoration and saving development costs.

[0055] Other features and aspects of the present disclosure will become apparent from the following detailed description of exemplary embodiments with reference to the accompanying drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0056] The accompanying drawings, which are included in and constitute a part of this specification, illustrate exemplary embodiments, features, and aspects of the present disclosure and are used to explain the principles of the present disclosure together with the specification.

[0057] Figure 1 It is shown as a schematic flowchart of the implementation process of the method for decorating an application page based on Web components of the present invention;

[0058] Figure 2 It is shown as a schematic diagram of an application system between the Web page development system end of the present invention and the Web components platform;

[0059] Figure 3 It is shown as a schematic flowchart of the access task execution process of the Web page development system of the present invention;

[0060] Figure 4 It is shown as a schematic diagram of the application composition of the device of the present invention;

[0061] Figure 5 It is shown as a schematic diagram of the application of the electronic device of the present invention. Detailed implementation manners

[0062] Various exemplary embodiments, features, and aspects of the present disclosure will be described in detail below with reference to the accompanying drawings. The same reference numerals in the drawings denote elements having the same or similar functions. Although various aspects of the embodiments are shown in the drawings, the drawings are not necessarily drawn to scale unless otherwise specified.

[0063] The special term "exemplary" herein means "serving as an example, embodiment, or illustration". Any embodiment described herein as "exemplary" is not necessarily to be construed as superior to or better than other embodiments.

[0064] In addition, for a better illustration of the present disclosure, numerous specific details are given in the following detailed implementation manners. Those skilled in the art should understand that the present disclosure can be implemented without some specific details. In some instances, means, elements, and circuits well known to those skilled in the art are not described in detail so as to highlight the gist of the present disclosure.

[0065] Web Components is a component standard. Through a standardized and non-invasive method, Web Components encapsulates HTML structures, CSS styles, and JavaScript logics into reusable components (modules), achieving the isolation of components from other codes on the same page. It consists of four technical specifications: Template, Custom Element, Shadow DOM, and HTML Import.

[0066] Web Components is the prior art, and its specific application principle is not described in this embodiment. The following public information introduces the principle of Web Components:

[0067] https: / / developer.mozilla.org / zh-CN / docs / Web / Web_Components?share_token=068a10b0-6c71-4541-bd02-357f448fdoc1.

[0068] Embodiment 1

[0069] After the Web components platform receives the decorated page element, it encapsulates the decorated page element in a manner such as HTML structure, CSS style, JavaScript logic, etc., to obtain a corresponding decorated page component and stores it in the database of the Web components platform.

[0070] As Figure 1 As shown, on the one hand, this application proposes an application page decoration method based on Web components, including the following steps:

[0071] S1. Customize and generate page customization components in Web Components and store them in the database of the Webcomponents platform;

[0072] First, the user needs to customize and generate page customization components in Web Components based on the Web Components platform.

[0073] As an optional implementation scheme of this application, optionally, customizing and generating page customization components in Web Components and storing them in the database of the Web components platform includes:

[0074] Set the corresponding customized page element style according to the element attributes in the application page;

[0075] Customize and create corresponding page customization elements in the Web Components according to the customized page element style;

[0076] Use the preset encapsulation form of the Web Components to encapsulate the page customization elements to obtain corresponding page customization components, and store the page customization components in the database of the Web components platform.

[0077] For the page customization components generated in Web Components, first, the user needs to determine the page style of the Web application page.

[0078] That is, first determine the element attributes in the application page (page parameter information such as images, texts, etc.), and then set the corresponding customized page element styles according to the element attributes. After constructing the page style of the Web application page that needs to be customized in Web Components, the platform functions of Web Components can be used to create and generate the page customization elements of this page style, that is, the source code module file of the customized page elements.

[0079] The page customization elements need to be saved in the Web Components platform. Therefore, in this embodiment, the file encapsulation function of the WebComponents platform is adopted to encapsulate the source code module file, and the customized page customization elements are saved in the database of the Web Components platform to obtain the page customization components of each customized element.

[0080] As Figure 2 shown, for example, in the CSS encapsulation method, the source code module file of the page customization element is encapsulated to obtain Component 1 and stored in the database of the Web Components platform.

[0081] S2. Establish a communication connection between the Web page development system and the Web components platform, and configure a data access channel;

[0082] As Figure 2 shown, in order to prevent the user from transferring back and forth the page customization components that need to be decorated between the Web page development system and the Web components platform, a communication connection and a corresponding access port are established between the Web page development system and the Web components platform to achieve communication between the Web page development system and the Web components platform and perform data requests.

[0083] As an alternative implementation of this application, optionally, establishing a communication connection between the Web page development system and the Webcomponents platform and configuring a data access channel includes:

[0084] Preset a data transmission protocol;

[0085] Based on the preset data transmission protocol, establish an access connection between the access ports of the Web page development system and the Web components platform;

[0086] After connection, the communication parameters of the access ports of the Web page development system and the Web components platform are respectively configured to establish a data access channel between the Web page development system and the Web components platform;

[0087] Wait for the access connection.

[0088] In this embodiment, preferably 5G communication is used. According to the 5G communication transmission protocol, 5G communication is carried out between the two terminals of the Web page development system and the Web components platform to realize data interaction between the two terminals.

[0089] Both the Web page development system and the Web components platform need to be deployed on the corresponding terminals. As an independent page development system, it needs to run on the operating system of the terminal.

[0090] Based on the 5G data transmission protocol, a 5G communication data access port is established between the two terminals of the Web page development system and the Web components platform for accessing requests to obtain corresponding target elements.

[0091] In this embodiment, the method of establishing a data access port based on the 5G data transmission protocol can be specifically implemented with reference to the requirements of the industry, national standards, etc., and will not be elaborated in this embodiment.

[0092] S3. Send an access request to the database of the Web components platform through the Web page development system;

[0093] Such as Figure 3 As shown, after a 5G communication data access port is established between the two terminals of the Web page development system and the Web components platform, the page development user needs to retrieve the required target elements from the database of the Web components platform through the Web page development system for decoration (application page components / elements to be decorated), so as to avoid creating and saving the target elements in the Web page development system, which will occupy too much memory of the Web page development system and reduce the running speed of the Web page development system.

[0094] As an alternative implementation of the present application, optionally, sending an access request to the database of the Web components platform through the Web page development system includes:

[0095] Determine the application page information that needs to be decorated;

[0096] Create an access request task according to the application page information;

[0097] Execute the access request task, send an access request to the Web components platform through the Web page development system, and request the database of the Web components platform to obtain the page customization components corresponding to the application page information that needs to be decorated.

[0098] As Figure 3 shown, the user first needs to create an access request task on the Web page development system to retrieve the target elements required from the Web components platform. The access request task can be established according to the application page information determined by the user that needs to be decorated.

[0099] Execute the task, send an access request to the Web components platform, and request to obtain the target component (the component corresponding to the target element) in the database of the Web components platform. The Web components platform gives a response.

[0100] S4. The Web components platform receives the access request, retrieves the corresponding page customization components from the database of the Web components platform according to the access request, and returns them to the Web page development system;

[0101] After receiving the access request, the Web components platform first needs to obtain the parameter information of the target element from the request information, and correspondingly search and obtain the component that matches the target element in its database, and return it to the Web page development system.

[0102] As an optional implementation scheme of the present application, optionally, the Web components platform receives the access request, retrieves the corresponding page customization components from the database of the Web components platform according to the access request, and returns them to the Web page development system, including:

[0103] The Web components platform receives the access request and parses the access request to obtain the application page request information in the access request;

[0104] According to the application page request information, retrieve the page customization components corresponding to the application page request information from the database of the Web components platform, and return the retrieved page customization components to the Web page development system;

[0105] Record the operation log of this operation and store it in the log database of the Web components platform.

[0106] The Web components platform receives an access request, parses the request data packet of the access request (the data packet parsing method is not limited), obtains the request information therein. The request information includes the attributes or parameter information of the target element, and can search for the corresponding component file from the database based on this information.

[0107] After the Web components platform finds it in the database, it retrieves the page customization component corresponding to the application page request information and returns the retrieved page customization group to the Web page development system.

[0108] The log recording function module of the Web components platform will record the retrieval behavior of the Web components platform and save the recorded log in the log database.

[0109] S5. The Web page development system receives the page customization component and performs decoration processing on the page customization component to obtain decorated page elements.

[0110] The Web page development system receives the response, obtains the target component, parses it, obtains the corresponding target element and decorates it, and stores the latest target element during the decoration process in the cache.

[0111] In this way, users no longer need to go through the cumbersome process of first finding the target component from the Web components platform database, decorating it, then encapsulating and exporting it, and then importing it into the Web page development system for component parsing and decoration.

[0112] As an optional implementation of this application, optionally, the Web page development system receiving the page customization component includes:

[0113] Preset component parsing rules and configure them in the Web page development system;

[0114] Receive the page customization component returned by the Web components platform through the Web page development system, and parse the received page customization component according to the preset component parsing rules to obtain application page elements corresponding to the application page information that needs to be decorated.

[0115] The page customization component returned by the Web components platform is actually the page customization component obtained based on the encapsulation function of the Web components platform, so the component needs to be parsed in the Web page development system to obtain the target element therein. The target element can be directly displayed on the development interface of the Web page development system.

[0116] The component resolution rules can be set by referring to the component unpacking rules of the web page development system.

[0117] After parsing, the target element is obtained, that is, the application page element corresponding to the application page information that needs to be decorated.

[0118] Here, you can retrieve multiple page customization components at one time, unpack them with one click, and get multiple application page elements. Users select the application page elements that need to be decorated, and display them on the development interface for decoration. When multiple components need to be retrieved, multiple request data packets need to be encapsulated in the access request task. Serial numbers are used between request data packets to facilitate orderly acquisition of corresponding components and orderly display of multiple application page elements after returning to the Web page development system.

[0119] As an optional implementation scheme of the present application, optionally, the web page development system receives the page customization component and performs decoration processing on the page customization component to obtain a decoration page element, including:

[0120] Preset application page decoration conditions;

[0121] According to the application page decoration conditions, in the Web page development system, the application page elements are decorated;

[0122] During the decoration process, the application page elements after each update are stored in real time in the cache of the Web page development system.

[0123] The user customizes the application page decoration conditions, and decorates the application page elements displayed on the development platform design interface according to the application page decoration conditions. This time, in order to ensure that the application page elements are lost after each decoration step, the application page elements after each decoration process are saved to obtain the latest application page element source file. The saving method adopts the cache mode, and the latest application page element source file is stored in the cache of the Web page development system, which can avoid the problem of the source file being lost and the latest page element not being saved after a certain decoration.

[0124] The cache of the web page development system can be configured by the user.

[0125] As an optional implementation scheme of the present application, optionally, the decorative page elements are sent to the front end for display, and a backup is sent to the database of the Webcomponents platform, including:

[0126] After the decoration is completed, the decoration page element is obtained;

[0127] Sending the decorative page elements to the front end of the Web page development system for display;

[0128] A copy of the decorated page element after decoration is sent from the cache of the Web page development system to the database of the Web components platform for backup, and the corresponding page customization component is updated.

[0129] like Figure 3 As shown, the decoration process is completed, and the source file of the decoration page element after the decoration process is obtained. At this time, the source file stored in the decoration page element is the latest application page text. Sending it to the front end can display the effect of the decorated Web application page.

[0130] At this time, in order to avoid occupying the cache, the source files of the decorative page elements stored in the cache of the Web page development system are sent to the database of the Web components platform for backup, so that the corresponding page customization components in the database of the Webcomponents platform are updated, and the cache of the Web page development system is saved.

[0131] Therefore, this application can use the development system to call multiple target elements from the Web components platform for decoration, without the need to go back and forth between the Web page development system and the Web components platform, thereby reducing the subsequent development difficulty of Web page decoration and saving development costs.

[0132] It should be noted that although the component packaging of the above Web components platform is introduced by using CSS packaging as an example, those skilled in the art will understand that the present disclosure should not be limited to this. In fact, users can flexibly set the packaging form according to the actual application scenario, as long as the technical functions of the present application can be realized according to the above technology.

[0133] Obviously, those skilled in the art should understand that to implement all or part of the processes in the above embodiments, it can be completed by instructing relevant hardware through a computer program. The program can be stored in a computer-readable storage medium. When the program is executed, it can include the processes of the above control embodiments. Those skilled in the art can understand that to implement all or part of the processes in the above embodiments, it can be completed by instructing relevant hardware through a computer program. The program can be stored in a computer-readable storage medium. When the program is executed, it can include the processes of the above control embodiments. Among them, the storage medium can be a magnetic disk, an optical disc, a read-only memory (ROM), a random access memory (RAM), a flash memory, a hard disk drive (abbreviation: HDD), or a solid-state drive (SSD), etc.; the storage medium can also include a combination of the above types of memories.

[0134] Embodiment 2

[0135] As Figure 4 shown, based on the implementation principle of Embodiment 1, on the other hand, the present application proposes a device for implementing the above-mentioned method for decorating an application page based on Web components, including:

[0136] A page customization component generation module, configured to customize and generate page customization components in Web Components and store them in the database of the Web components platform;

[0137] A data access module, configured to establish a communication connection between a Web page development system and the Web components platform and configure a data access channel;

[0138] An access request module, configured to send an access request to the database of the Web components platform through the Web page development system to the Web components platform;

[0139] A data retrieval module, configured to receive the access request by the Web components platform and retrieve the corresponding page customization components from the database of the Web components platform according to the access request and return them to the Web page development system;

[0140] A page decoration module, configured to receive the page customization components by the Web page development system and perform decoration processing on the page customization components to obtain decorated page elements.

[0141] For the functions of the above-mentioned various modules and the specific interaction principles, refer to the description of Embodiment 1 above, and this embodiment will not be elaborated.

[0142] Each module or each step of the present invention described above can be implemented by a general-purpose computing device. They can be concentrated on a single computing device or distributed on a network composed of multiple computing devices. Optionally, they can be implemented by program codes executable by the computing device. Thus, they can be stored in a storage device and executed by the computing device, or they can be separately fabricated into individual integrated circuit modules, or multiple modules or steps among them can be fabricated into a single integrated circuit module for implementation. In this way, the present invention is not limited to any specific combination of hardware and software.

[0143] Embodiment 3

[0144] As Figure 5 shown, further, on the other hand, the present application also proposes an electronic device, including:

[0145] A processor;

[0146] A memory for storing instructions executable by the processor;

[0147] Wherein, when the processor is configured to execute the executable instructions, it implements the application page decoration method based on Webcomponents described above.

[0148] The electronic device according to the embodiments of the present disclosure includes a processor and a memory for storing instructions executable by the processor. Wherein, when the processor is configured to execute the executable instructions, it implements the application page decoration method based on Web components described in any one of the foregoing.

[0149] Here, it should be noted that the number of processors can be one or more. At the same time, in the electronic device according to the embodiments of the present disclosure, an input device and an output device may also be included. Wherein, the processor, the memory, the input device, and the output device can be connected through a bus or in other ways, which will not be specifically limited herein.

[0150] The memory, as a computer-readable storage medium, can be used to store software programs, computer-executable programs, and various modules, such as: the programs or modules corresponding to the application page decoration method based on Web components according to the embodiments of the present disclosure. The processor executes various functional applications and data processing of the electronic device by running the software programs or modules stored in the memory.

[0151] The input device can be used to receive input numbers or signals. Among them, the signal can be a key signal related to the user settings and function control of the device / terminal / server. The output device can include display devices such as a display screen.

[0152] The embodiments of the present disclosure have been described above. The above description is exemplary and not exhaustive, and is not limited to the disclosed embodiments. Many modifications and variations are obvious to those of ordinary skill in the art without departing from the scope and spirit of the described embodiments. The choice of terms used herein is intended to best explain the principles of the embodiments, practical applications, or technical improvements to the technologies in the market, or to enable other ordinary skilled persons in the art to understand the embodiments disclosed herein.

Claims

1. An application page decoration method based on Web components, characterized in that Including the following steps: Customize and generate page customization components in Web Components and store them in the database of the Web components platform; Establish a communication connection between the Web page development system and the Web components platform and configure a data access channel; Send an access request to the database of the Web components platform through the Web page development system; The Web components platform receives the access request, retrieves the corresponding page customization component from the database of the Web components platform according to the access request, and returns it to the Web page development system; The Web page development system receives the page customization component and performs decoration processing on the page customization component to obtain decorated page elements; It is characterized in that establishing a communication connection between the Web page development system and the Web components platform and configuring a data access channel includes: Presetting a data transmission protocol; Based on the preset data transmission protocol, establish an access connection between the access ports of the Web page development system and the Web components platform; After connection, configure communication parameters for the access ports of the Web page development system and the Web components platform respectively to establish a data access channel between the Web page development system and the Web components platform; Wait for an access connection; It is characterized in that sending an access request to the database of the Web components platform through the Web page development system includes: Determine the application page information that needs to be decorated; Create an access request task according to the application page information; Execute the access request task, send an access request to the Web components platform through the Web page development system, and request the database of the Web components platform to obtain the page customization component corresponding to the application page information that needs to be decorated.

2. The method for decorating an application page based on Web components according to claim 1, wherein Customize and generate page customization components in Web Components and store them in the database of the Web components platform, including: Set the corresponding customized page element style according to the element attributes in the application page; Customize and create corresponding page customization elements in the Web Components according to the customized page element style; Use the preset encapsulation form of the Web Components to encapsulate the page customization elements to obtain corresponding page customization components, and store the page customization components in the database of the Web components platform.

3. The application page decoration method based on Web components according to claim 1, characterized in that The Web components platform receives the access request, retrieves the corresponding page customization component from the database of the Web components platform according to the access request, and returns it to the Web page development system, including: The Web components platform receives the access request, parses the access request, and obtains the application page request information in the access request; According to the application page request information, retrieve the page customization component corresponding to the application page request information from the database of the Web components platform, and return the retrieved page customization component to the Web page development system; Record the current operation log and store it in the log database of the Web components platform.

4. The application page decoration method based on Web components according to claim 1, characterized in that The Web page development system receives the page customization component, including: Preset component parsing rules and configure them in the Web page development system; Receive the page customization component returned by the Web components platform through the Web page development system, and parse the received page customization component according to the preset component parsing rules to obtain application page elements corresponding to the application page information to be decorated.

5. The application page decoration method based on Web components according to claim 4, wherein The Web page development system receives the page customization component and performs decoration processing on the page customization component to obtain decorated page elements, including: Preset application page decoration conditions; According to the application page decoration conditions, perform decoration processing on the application page elements in the Web page development system; During the decoration processing, store the updated application page elements in the cache of the Web page development system in real time.

6. The method for decorating an application page based on Web components according to claim 5, characterized in that, Send the decorated page elements to the front end for display, and back up and send them to the database of the Web components platform, including: After the decoration processing is completed, obtain the decorated page elements; Send the decorated page elements to the front end of the Web page development system for display; Send a copy of the decorated page elements after decoration processing from the cache of the Web page development system to the database of the Web components platform for backup, and update the corresponding page customization component.

7. An apparatus for implementing the method for decorating an application page based on Web components according to any one of claims 1-6, characterized in that, Including: A page customization component generation module for customizing and generating page customization components in Web Components and storing them in the database of the Web components platform; A data access module for establishing a communication connection between the Web page development system and the Web components platform and configuring a data access channel; An access request module for sending an access request to the database of the Web components platform through the Web page development system; A data retrieval module, which is used for the Web components platform to receive the access request, retrieve the corresponding page customization component from the database of the Web components platform according to the access request, and return it to the Web page development system; A page decoration module, which is used for the Web page development system to receive the page customization component and perform decoration processing on the page customization component to obtain decorated page elements.

8. An electronic device, characterized in that, Comprising: A processor; A memory for storing processor-executable instructions; Wherein, when the processor is configured to execute the executable instructions, it implements the Web components-based application page decoration method described in any one of claims 1-6.

Images