Product data management system micro-front-end implementation method and device based on unbounded framework, medium and equipment

Abstract

The invention discloses a product data management system micro-front-end implementation method and device based on an unbounded framework, a medium and equipment, and belongs to the technical field of product data management system micro-front-end implementation. The method comprises the following steps: acquiring a sub-application required in a to-be-implemented data management system according to a main application of the to-be-implemented data management system; according to the user information and the routing information of the main application and the sub-applications, performing initial configuration on the main application and the sub-applications to obtain the main application of the to-be-implemented data management system and the sub-applications required in the to-be-implemented data management system; and registering routing for the main application and the sub-application to obtain the product data management system based on the unbounded framework. The device, the medium and the equipment can be used for realizing the method. Isolation, communication and cooperative work of a main application and a plurality of sub-applications can be achieved, dynamic loading, preloading, routing management and data transmission of the sub-applications are supported, and meanwhile user identity consistency and global configuration sharing are guaranteed.

Description

Technical Field

[0001] This invention relates to the field of micro-frontend implementation technology for product data management systems, and in particular to a method, apparatus, medium, and equipment for implementing a micro-frontend for a product data management system based on an unbounded framework. Background Technology

[0002] Most modern front-end systems are developed using single-page applications (SPAs). However, as SPAs grow and more features are developed, front-end projects become large and difficult to maintain. Summary of the Invention

[0003] In view of this, the present invention provides a micro-frontend implementation method, device, medium and equipment for a product data management system based on an unbounded framework. It adopts a main application and sub-application mode, and manages the loading, routing synchronization and communication of sub-applications through the main application, so as to realize the isolation, communication and collaborative work between the main application and multiple sub-applications. It supports the dynamic loading, preloading, routing management and data transmission of sub-applications, while ensuring the consistency of user identity and global configuration sharing, thus making it more suitable for practical use.

[0004] To achieve the first objective mentioned above, the technical solution for the micro-frontend implementation method of the product data management system based on an unbounded framework provided by this invention is as follows: The micro-frontend implementation method of the product data management system based on the unbounded framework provided by this invention includes the following steps: Based on the main application of the data management system to be implemented, obtain the sub-applications required within the data management system to be implemented. Based on the main application of the data management system to be implemented, and the user information and routing information of the sub-applications required within the data management system to be implemented, the main application and the sub-applications are initialized and configured to obtain the main application of the data management system to be implemented and the sub-applications required within the data management system to be implemented. Register routes for the main application and the sub-applications required within the data management system to be implemented. The main application and the sub-applications within the data management system to be implemented share a set of menu permission data registration routes. When registering routes for the main application, the routes point to the unbounded container component. When registering routes for sub-applications, the component path pointed to by the routes is the actual component path, thus obtaining a product data management system based on the unbounded framework.

[0005] The micro-frontend implementation method of the product data management system based on the unbounded framework provided by the present invention can also be further implemented using the following technical measures.

[0006] Preferably, the data routes of the main application of the data management system to be implemented and the routes of the sub-applications required within the data management system to be implemented are the same.

[0007] Preferably, the method for applying the product data management system based on the unbounded framework when a user clicks the menu includes the following steps: The main application retrieves the route of the menu item clicked by the user; Based on the route of the menu clicked during the transfer, jump to the unbounded container component; The boundless container component loads the corresponding Uniform Resource Locator (URL) of the sub-application based on the menu information clicked by the user, and displays the business page to the user.

[0008] Preferably, the sub-applications required within the data management system to be implemented are capable of monitoring the complete global path of the product data management system based on the unbounded framework.

[0009] Preferably, when the sub-applications required within the data management system to be implemented detect a change in the global complete path of the product data management system based on the unbounded framework, the following steps are also included: The sub-applications required within the data management system to be implemented undergo internal routing jumps to obtain the Uniform Resource Locator (URL) corresponding to the changed sub-application after internal jump changes. Based on the changed Uniform Resource Locator (URL) corresponding to the sub-application after internal redirection, the system displays the business page corresponding to the changed URL to the user.

[0010] Preferably, in the step of the sub-applications required within the data management system to be implemented performing internal routing jumps to obtain the changed Uniform Resource Locator (URL) corresponding to the changed sub-applications, when the sub-applications required within the data management system to be implemented detect the change of the route pointing to themselves after initialization, they jump to the changed real route address.

[0011] Preferably, the process of initializing the main application and sub-applications of the data management system to be implemented, based on the user information and routing information of the sub-applications required within the data management system, to obtain the main application and sub-applications of the data management system to be implemented, further includes a step of initializing the sub-applications by the main application. By leveraging the preloading and pre-execution features provided by the Unbounded Micro Frontend Framework, the static resources of the sub-application are preloaded and pre-executed during the idle time after the main application has finished loading.

[0012] To achieve the second objective mentioned above, the technical solution of the micro-frontend implementation device for a product data management system based on an unbounded framework provided by the present invention is as follows: The micro-frontend implementation device for a product data management system based on an unbounded framework provided by this invention includes: The sub-application acquisition module is used to acquire the required sub-applications within the data management system to be implemented, based on the main application of the data management system to be implemented. The initialization configuration module is used to perform initialization configuration on the main application and the sub-applications required within the data management system to be implemented, based on the user information and routing information of the main application and the sub-applications required within the data management system to be implemented, to obtain the main application and the sub-applications required within the data management system to be implemented. The route registration module is used to register routes for the main application of the data management system to be implemented and the sub-applications required within the data management system. The main application and the sub-applications within the data management system to be implemented share a set of menu permission data registration routes. When registering routes for the main application, the routes point to the unbounded container component; when registering routes for sub-applications, the component path pointed to by the routes is the actual component path, thus obtaining a product data management system based on the unbounded framework.

[0013] To achieve the third objective mentioned above, the technical solution of the computer-readable storage medium provided by the present invention is as follows: The present invention provides a computer-readable storage medium storing a micro-frontend implementation program for a product data management system based on an unbounded framework. When the micro-frontend implementation program for a product data management system based on an unbounded framework is executed by a processor, it implements the steps of the micro-frontend implementation method for a product data management system based on an unbounded framework provided by the present invention.

[0014] To achieve the fourth objective mentioned above, the technical solution for the electronic device provided by this invention is as follows: The electronic device provided by the present invention includes a memory and a processor. The memory stores a micro-frontend implementation program for a product data management system based on an unbounded framework. When the micro-frontend implementation program for a product data management system based on an unbounded framework is executed by the processor, it implements the steps of the micro-frontend implementation method for a product data management system based on an unbounded framework provided by the present invention.

[0015] The product management system based on the Wujie framework provided by this invention uses a front-end implementation method, device, medium, and equipment to split a single application into a combination of main and sub-applications. Sub-applications can be developed and deployed independently, and micro-applications can be configured according to the actual needs of the project. The main application can utilize the characteristics of the Wujie micro-frontend framework to pass global configuration information to sub-applications through a mechanism that transmits data from parent components to child components, achieving the effect of a single login affecting all applications. Sub-applications can also use the Bus (also known as a "bus," characterized by its ability to achieve efficient and orderly data exchange between multiple devices through a shared communication channel and following protocol rules) communication mechanism provided by Wujie to send events and transmit data to the main application, enabling communication between the main application and sub-applications. When the main application initializes sub-applications, it can leverage the pre-loading and pre-execution features provided by the Wujie micro-frontend framework to pre-load and pre-execute the static resources of the sub-applications during the idle time after the main application has finished loading, greatly improving the request speed when users access sub-application pages. Attached Figure Description

[0016] Various other advantages and benefits will become apparent to those skilled in the art upon reading the following detailed description of preferred embodiments. The accompanying drawings are for illustrative purposes only and are not intended to limit the invention. Furthermore, the same reference numerals denote the same parts throughout the drawings. In the drawings: Appendix Figure 1 A flowchart illustrating the overall steps of a micro-frontend implementation method for a product data management system based on an unbounded framework, as provided in this embodiment of the invention. Appendix Figure 2 A detailed flowchart illustrating the steps of the micro-frontend implementation method for a product data management system based on an unbounded framework, provided in this embodiment of the invention. Appendix Figure 3 A schematic diagram of the signal flow between functional modules in the micro-frontend implementation device of the product data management system based on an unbounded framework provided in an embodiment of the present invention. Appendix Figure 4 A schematic diagram of the device structure for the micro-frontend implementation of the product data management system based on the unbounded framework, which provides the hardware operating environment for embodiments of the present invention. Detailed Implementation

[0017] To address the problems existing in the prior art, this invention provides a micro-frontend implementation method, apparatus, medium, and device for a product data management system based on an unbounded framework. It adopts a main application and sub-application model, and manages the loading, routing synchronization, and communication of sub-applications through the main application. This enables the isolation, communication, and collaborative work between the main application and multiple sub-applications, supports dynamic loading, preloading, routing management, and data transmission of sub-applications, and ensures user identity consistency and global configuration sharing, thus making it more suitable for practical use.

[0018] Through arduous and persistent efforts, the inventor discovered that Most existing front-end development models adopt the following approaches: 1. Monolithic application development: The monolithic front-end adopts a centralized architecture, with all functional modules coupled in a single codebase, managed through a shared state tree and a unified build process.

[0019] 2. Multi-application development: Each application is developed independently first, and then integrated together via iframe at runtime.

[0020] The above-mentioned front-end development implementation methods have the following main drawbacks: The first type, as more features are added, results in too many files in the code repository, a huge amount of code, low efficiency when building and packaging the application, and some functional modules need to be updated in real time, but will not be updated with the main version.

[0021] The second method, using an iframe to load the page, can lead to performance and resource consumption issues such as repeated resource loading and excessive memory usage.

[0022] Definitions: Front-end: The front-end is the part of the webpage or application interface that users directly interact with, covering visual design, interaction logic, and data display. Its core goal is to provide a smooth user experience through technology.

[0023] Micro-frontend: Micro-frontend is an architectural pattern that breaks down a large front-end application into multiple independent sub-applications. Its core idea is inspired by the back-end microservice concept, aiming to solve the challenges of collaboration and maintenance in complex front-end projects.

[0024] Front-end routing: Front-end routing is a technology in single-page applications (SPAs) where front-end code dynamically manages the mapping between page content and URL. Its core is to achieve partial content updates by listening to URL changes, without having to request the entire page from the server.

[0025] iframe: iframe is an inline frame tag in HTML. <iframe>This is used to embed another independent HTML document or floating frame within the current webpage. Its core function is to specify the embedded content through the src attribute, thereby achieving nesting and splitting of page content.

[0026] Wujie: Wujie is a lightweight micro-frontend framework based on Web Components + iframe, open sourced by Tencent, focusing on fast loading and sandbox isolation of sub-applications.

[0027] Main application: responsible for sub-application registration, loading, routing management, and global state maintenance.

[0028] Sub-application: is a micro-application business module that is split off from the front end according to the business. It is embedded into the main application at runtime through the Wujie micro-frontend framework.

[0029] To further illustrate the technical means and effects adopted by the present invention to achieve the intended purpose, the following, in conjunction with the accompanying drawings and preferred embodiments, details the specific implementation methods, structures, features, and effects of the micro-frontend implementation method, apparatus, medium, and device for a product data management system based on an unbounded framework proposed by the present invention. In the following description, different "an embodiment" or "an embodiment" do not necessarily refer to the same embodiment. Furthermore, features, structures, or characteristics in one or more embodiments can be combined in any suitable form.

[0030] The term "and / or" in this document is merely a description of the relationship between related objects, indicating that there can be three relationships, for example, A and / or B. Specifically, it can be understood as: it can contain both A and B at the same time, A can exist alone, or B can exist alone, and it can have any of the above three situations.

[0031] Method for Implementing Micro Front-End of Product Data Management System Based on Unbounded FrameworkReferring to Figure 1 and Figure 2, the method for implementing the micro front-end of the product data management system based on the unbounded framework provided by the embodiments of the present invention includes the following steps:Step S1: Obtain the required sub-applications within the to-be-implemented data management system according to the main application of the to-be-implemented data management system;Step S2: Initialize the configuration for the main application and the sub-applications according to the main application of the to-be-implemented data management system, as well as the user information and routing information of the required sub-applications within the to-be-implemented data management system, to obtain the main application of the to-be-implemented data management system and the required sub-applications within the to-be-implemented data management system;Step S3: Register routes for the main application of the to-be-implemented data management system and the required sub-applications within the to-be-implemented data management system. The main application of the to-be-implemented data management system and the required sub-applications within the to-be-implemented data management system share a set of menu permission data to register routes. Among them, when registering the route of the main application, the route points to the unbounded container component; when registering the route of the sub-application, the component path pointed to by the route is the actual component path, so as to obtain the product data management system based on the unbounded framework.

[0032] The front-end implementation method of the product management system based on the unbounded framework provided by the present invention splits a single application into a combination of a main application and sub-applications. The sub-applications can be developed and deployed independently, and the micro-applications can be configured according to the actual requirements of the project. The main application can transmit the global configuration information to the sub-applications through the mechanism of the parent component passing data to the child component by virtue of the characteristics of the unbounded micro front-end framework, achieving the effect of logging in once and acting on all applications. The sub-applications can also send events and transmit data to the main application through the Bus (also known as the "bus", which is characterized by an interconnection solution that realizes efficient and orderly data exchange between multiple devices by sharing a communication channel and following protocol rules) communication mechanism provided by the unbounded framework to realize the communication between the main application and the sub-applications. When initializing the sub-applications, the main application can utilize the preloading and pre-execution characteristics provided by the unbounded micro front-end framework to preload and pre-execute the static resources of the sub-applications during the idle time after the main application is loaded, greatly improving the request speed of users when accessing the sub-application pages.

[0033] The data routing paths of the main application of the data management system to be implemented and the routing paths of the sub-applications required within the data management system to be implemented are the same.

[0034] Wherein, when a user clicks the menu, the method of applying the product data management system based on the boundless framework includes the following steps: The main application retrieves the route of the menu item clicked by the user; Based on the route of the menu clicked during the transfer, navigate to the unbounded container component; The boundless container component loads the corresponding Uniform Resource Locator (URL) of the sub-application based on the menu information clicked by the user, and displays the business page to the user.

[0035] Among them, the sub-applications required within the data management system to be implemented can monitor the complete global path of the product data management system based on the unbounded framework.

[0036] When the sub-applications required within the data management system detect a change in the global complete path of the product data management system based on the unbounded framework, the following steps are also included: The data management system needs to implement internal routing for the sub-applications required by the system, and obtain the Uniform Resource Locator (URL) corresponding to the changed sub-application after internal routing. Based on the changed Uniform Resource Locator (URL) corresponding to the sub-application after internal redirection, the system displays the business page corresponding to the changed URL to the user.

[0037] In the process of the sub-applications required in the data management system to perform internal route jumps to obtain the Uniform Resource Locator (URL) corresponding to the changed sub-applications after internal jumps, when the sub-applications required in the data management system to be implemented detect the change of the route pointing to themselves after initialization, they jump to the changed real route address.

[0038] In the process of initializing the main application and sub-applications of the data management system to be implemented based on the user information and routing information of the sub-applications required within the data management system, the process also includes a step of initializing the sub-applications by the main application. By leveraging the preloading and pre-execution features provided by the Unbounded Micro Frontend Framework, the static resources of the sub-application are preloaded and pre-executed during the idle time after the main application has finished loading.

[0039] Micro-frontend implementation device for product data management system based on unbounded frameworkReferring to Figure 3, the micro-frontend implementation device for product data management system based on unbounded framework provided by the present invention includes:A sub-application acquisition module, configured to acquire the sub-applications required in the to-be-implemented data management system according to the main application of the to-be-implemented data management system;An initialization configuration module, configured to perform initialization configuration on the main application and sub-applications according to the main application of the to-be-implemented data management system and the user information and routing information of the sub-applications required in the to-be-implemented data management system, so as to obtain the main application of the to-be-implemented data management system and the sub-applications required in the to-be-implemented data management system;A routing registration module, configured to register routes for the main application of the to-be-implemented data management system and the sub-applications required in the to-be-implemented data management system. The main application of the to-be-implemented data management system and the sub-applications required in the to-be-implemented data management system share a set of menu permission data to register routes. Among them, when registering the route of the main application, the route points to the unbounded container component; when registering the route of the sub-application, the component path pointed to by the route is the actual component path, so as to obtain a product data management system based on unbounded framework.

[0040] The product management system based on unbounded framework provided by the present invention is a front-end implementation device that splits a single application into a combination of main and sub-applications. The sub-applications can be developed and deployed independently, and the micro-applications can be configured according to the actual needs of the project. The main application can transmit the global configuration information to the sub-applications through the mechanism of passing data from the parent component to the sub-component by virtue of the characteristics of the unbounded micro-frontend framework, achieving the effect of logging in once and acting on all applications. The sub-applications can also send events and transmit data to the main application through the Bus (also known as "bus", which is characterized by an interconnection solution that realizes efficient and orderly data exchange between multiple devices by sharing a communication channel and following protocol rules) communication mechanism provided by unbounded, realizing the communication between the main application and the sub-applications. When initializing the sub-applications, the main application can utilize the preloading and pre-execution characteristics provided by the unbounded micro-frontend framework, and can preload and pre-execute the static resources of the sub-applications during the idle time after the main application is loaded, greatly improving the request speed of users when accessing the sub-application pages.

[0041] Computer-readable storage medium The computer-readable storage medium provided by the present invention stores a micro-frontend implementation program of a product data management system based on an unbounded framework. When the micro-frontend implementation program of the product data management system based on an unbounded framework is executed by a processor, it implements the steps of the micro-frontend implementation method of the product data management system based on an unbounded framework provided by the present invention.

[0042] The computer-readable storage medium provided in this embodiment of the invention can be used to implement the product management system based on the Wujie framework provided in this embodiment as the front-end implementation method. It splits a single application into a combination of main and sub-applications. Sub-applications can be developed and deployed independently, and micro-applications can be configured according to the actual needs of the project. The main application can use the characteristics of the Wujie micro-frontend framework to pass global configuration information to the sub-applications through the mechanism of passing data from the parent component to the child component, achieving the effect of one login affecting all applications. The sub-applications can also use the Bus (also known as "bus", which is characterized by a shared communication channel and follows protocol rules to realize an efficient and orderly interconnection scheme for data exchange between multiple devices) communication mechanism provided by Wujie to send events and transmit data to the main application, realizing communication between the main application and the sub-applications. When the main application initializes the sub-applications, it can utilize the preloading and pre-execution characteristics provided by the Wujie micro-frontend framework to preload and pre-execute the static resources of the sub-applications during the idle time after the main application has finished loading, greatly improving the request speed when users access the sub-application pages.

[0043] Electronic device The electronic device provided by the present invention includes a memory and a processor. The memory stores a micro-frontend implementation program for a product data management system based on an unbounded framework. When the micro-frontend implementation program for a product data management system based on an unbounded framework is executed by the processor, it implements the steps of the micro-frontend implementation method for a product data management system based on an unbounded framework provided by the present invention.

[0044] The electronic device provided in this embodiment of the invention can be used to implement the product management system based on the boundless framework provided in this embodiment of the invention as the front-end implementation method. It splits a single application into a combination of main and sub-applications. Sub-applications can be developed and deployed independently, and micro-applications can be configured according to the actual needs of the project. The main application can use the characteristics of the boundless micro-front-end framework to pass global configuration information to the sub-applications through the mechanism of passing data from the parent component to the child component, so as to achieve the effect of one login affecting all applications.The sub-application can also send events to the main application and transfer data through the Bus provided by Wujie (also known as the "bus", which is an interconnection solution that enables efficient and orderly data exchange between multiple devices by sharing a communication channel and following protocol rules), to achieve communication between the main application and the sub-application. When initializing the sub-application, the main application can utilize the preloading and pre-execution features provided by the Wujie micro-frontend framework. During the idle time after the main application is loaded, the static resources of the sub-application can be pre-loaded and pre-executed, greatly improving the request speed when the user accesses the sub-application page.

[0045] Referring to Figure 4, Figure 4 is a schematic diagram of the device structure of the micro-frontend implementation of the product data management system based on the Wujie framework in the hardware operating environment involved in the embodiment of the present invention.

[0046] As shown in Figure 4, the micro-frontend implementation device of the product data management system based on the Wujie framework may include: a processor 1001, such as a central processing unit (Central Processing Unit, CPU), a communication bus 1002, a user interface 1003, a network interface 1004, and a memory 1005. Among them, the communication bus 1002 is used to realize the connection and communication between these components. The user interface 1003 may include a display screen (Display) and an input unit such as a keyboard (Keyboard). Optionally, the user interface 1003 may further include a standard wired interface and a wireless interface. The network interface 1004 may optionally include a standard wired interface and a wireless interface (such as a wireless fidelity (WIreless-FIdelity, WI-FI) interface). The memory 1005 may be a high-speed random access memory (Random Access Memory, RAM) memory, or a stable non-volatile memory (Non-Volatile Memory, NVM), such as a disk memory. Optionally, the memory 1005 may also be a storage device independent of the aforementioned processor 1001.

[0047] Those skilled in the art can understand that the structure shown in Figure 4 does not constitute a limitation on the micro-frontend implementation device of the product data management system based on the unbounded framework, and may include more or fewer components than shown in the figure, or combine certain components, or have different component arrangements.

[0048] As shown in Figure 4, the memory 1005 as a storage medium may include an operating system, a data storage module, a network communication module, a user interface module, and a micro-frontend implementation program of the product data management system based on the unbounded framework.

[0049] In the micro-frontend implementation device of the product data management system based on the unbounded framework shown in Figure 4, the network interface 1004 is mainly used for data communication with the network server; the user interface 1003 is mainly used for data interaction with the user; the processor 1001 and the memory 1005 in the micro-frontend implementation device of the product data management system based on the unbounded framework of the present invention may be provided in the micro-frontend implementation device of the product data management system based on the unbounded framework. The micro-frontend implementation device of the product data management system based on the unbounded framework calls the micro-frontend implementation program stored in the memory 1005 through the processor 1001 and executes the micro-frontend implementation method of the product data management system based on the unbounded framework provided by the embodiments of the present invention.

[0050] EmbodimentThe micro-frontend architecture of the product data management system (Product Data Management, PDM) based on the unbounded (Wujie) implementation adopts the main application and sub-application mode, and manages the loading, routing synchronization, and communication of the sub-application through the main application. It realizes the isolation, communication, and collaborative work between the main application and multiple sub-applications, supports the dynamic loading, preloading, routing management, and data transfer of the sub-applications, and at the same time ensures the consistency of the user identity (based on tokens) and the sharing of global configurations.The following is the specific program implementation flow of this invention: Step 1: The main application initializes the sub-applications required within the Product Data Management (PDM) system and passes user information, routing information, configuration preload attributes, and other global configurations.

[0051] Step 2: The main application and the sub-application share the same set of menu permission data to register routes, and the routes have the same path.

[0052] Step 3: When the main application registers a route, it points to the unbounded container component (sub-wujie.vue). When the sub-application registers a route, the component path pointed to by the route is the actual component path.

[0053] Step 4: When the user clicks the menu, the main application obtains the menu route and jumps to the sub-wujie component.

[0054] Step 5: The sub-wujie component obtains the menu information at this time and loads the corresponding sub-application Uniform Resource Locator (URL).

[0055] Step 6: When the sub-application detects a change in the system's global full path, it performs an internal route jump to achieve the purpose of displaying the business page.

[0056] The key point of the product data management system (PDM) micro-frontend implementation method based on the unbounded framework provided in this embodiment of the invention is that the routing of the main application must be synchronized with the routing of the sub-application. The routing of the main application actually points to the same network container, and its function is to load the Uniform Resource Locator (URL) of the sub-application. After initialization, the sub-application listens for changes in the routing pointing to itself and jumps to the real routing address.

[0057] Although preferred embodiments of the invention have been described, those skilled in the art, upon learning the basic inventive concept, can make other changes and modifications to these embodiments. Therefore, the appended claims are intended to be interpreted as including the preferred embodiments as well as all changes and modifications falling within the scope of the invention.

[0058] Obviously, those skilled in the art can make various modifications and variations to the present invention without departing from the spirit and scope of the present invention. Thus, if these modifications and variations of the present invention fall within the scope of the claims of the present invention and their equivalents, the present invention also intends to include these modifications and variations.< / iframe>

Claims

1. A micro-frontend implementation method for a product data management system based on an unbounded framework, characterized in that, Includes the following steps: Based on the main application of the data management system to be implemented, obtain the sub-applications required within the data management system to be implemented. Based on the main application of the data management system to be implemented, and the user information and routing information of the sub-applications required within the data management system to be implemented, the main application and the sub-applications are initialized and configured to obtain the main application of the data management system to be implemented and the sub-applications required within the data management system to be implemented. Register routes for the main application and the sub-applications required within the data management system to be implemented. The main application and the sub-applications within the data management system to be implemented share a set of menu permission data registration routes. When registering routes for the main application, the routes point to the unbounded container component. When registering routes for sub-applications, the component path pointed to by the routes is the actual component path, thus obtaining a product data management system based on the unbounded framework.

2. The micro-frontend implementation method for a product data management system based on an unbounded framework according to claim 1, characterized in that, The data routes of the main application of the data management system to be implemented and the routes of the sub-applications required within the data management system to be implemented are the same.

3. The micro-frontend implementation method for a product data management system based on an unbounded framework according to claim 1, characterized in that, When a user clicks a menu, the method for applying the product data management system based on the unbounded framework includes the following steps: The main application retrieves the route of the menu item clicked by the user; Based on the route of the menu clicked during the transfer, jump to the unbounded container component; The boundless container component loads the corresponding Uniform Resource Locator (URL) of the sub-application based on the menu information clicked by the user, and displays the business page to the user.

4. The micro-frontend implementation method for a product data management system based on an unbounded framework according to claim 1, characterized in that, The sub-applications required within the data management system to be implemented are capable of monitoring the complete global path of the product data management system based on the unbounded framework.

5. The micro-frontend implementation method for a product data management system based on an unbounded framework according to claim 4, characterized in that, When the sub-applications required within the data management system to be implemented detect a change in the global complete path of the product data management system based on the unbounded framework, the following steps are also included: The sub-applications required within the data management system to be implemented undergo internal routing jumps to obtain the Uniform Resource Locator (URL) corresponding to the changed sub-application after internal jump changes. Based on the changed Uniform Resource Locator (URL) corresponding to the sub-application after internal redirection, the system displays the business page corresponding to the changed URL to the user.

6. The micro-frontend implementation method for a product data management system based on an unbounded framework according to claim 5, characterized in that, In the process of the sub-applications required within the data management system to be implemented performing internal routing jumps to obtain the Uniform Resource Locator (URL) corresponding to the changed sub-applications after internal routing changes, when the sub-applications required within the data management system to be implemented detect changes in the routes pointing to themselves after initialization, they jump to the changed real route address.

7. The micro-frontend implementation method for a product data management system based on an unbounded framework according to claim 1, characterized in that, Based on the main application of the data management system to be implemented, and the user information and routing information of the sub-applications required within the data management system, the process of initializing the main application and sub-applications to obtain the main application and sub-applications required within the data management system also includes a step of initializing the sub-applications by the main application. By leveraging the preloading and pre-execution features provided by the Unbounded Micro Frontend Framework, the static resources of the sub-application are preloaded and pre-executed during the idle time after the main application has finished loading.

8. A micro-frontend implementation device for a product data management system based on an unbounded framework, characterized in that, include: The sub-application acquisition module is used to acquire the required sub-applications within the data management system to be implemented, based on the main application of the data management system to be implemented. The initialization configuration module is used to perform initialization configuration on the main application and the sub-applications required within the data management system to be implemented, based on the user information and routing information of the main application and the sub-applications required within the data management system to be implemented, to obtain the main application and the sub-applications required within the data management system to be implemented. The route registration module is used to register routes for the main application of the data management system to be implemented and the sub-applications required within the data management system. The main application and the sub-applications within the data management system to be implemented share a set of menu permission data registration routes. When registering routes for the main application, the routes point to the unbounded container component; when registering routes for sub-applications, the component path pointed to by the routes is the actual component path, thus obtaining a product data management system based on the unbounded framework.

9. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a micro-frontend implementation program for a product data management system based on an unbounded framework. When the micro-frontend implementation program for a product data management system based on an unbounded framework is executed by a processor, it implements the steps of the micro-frontend implementation method for a product data management system based on an unbounded framework as described in any one of claims 1-7.

10. An electronic device, characterized in that, The system includes a memory and a processor. The memory stores a micro-frontend implementation program for a product data management system based on an unbounded framework. When the processor executes the micro-frontend implementation program for a product data management system based on an unbounded framework, it implements the steps of the micro-frontend implementation method for a product data management system based on an unbounded framework as described in any one of claims 1-7.

Images