CN114816400A - Method, system, intelligent terminal and storage medium for building pages based on JSON configuration - Google Patents

Abstract

The invention discloses a method, a system, an intelligent terminal and a storage medium for building a page based on JSON configuration. The method comprises: designing dynamic components of a background page in advance, and defining JSON data in the dynamic components; When the definition is completed, the generated page is displayed in the first system; when the page is displayed in the first system, if the page is used in the second system, the micro-front-end technology is used for embedding; in the page After the display is completed, a configuration module is created, a page is created based on the configuration module, and the JSON configuration required by the display module is configured. The present invention generates JSON through page configuration, uses the generated JSON to generate pages, reduces repetitive development, shortens testing time, achieves the purpose of quickly building pages, and can also reduce subsequent maintenance costs, and for functions that require customized development, it can be Develop in the traditional way and embed it using the technology of micro frontends.

Description

Method, system, intelligent terminal and storage medium for building pages based on JSON configuration

technical field

The invention relates to the field of IT technology, and in particular to a method, system, intelligent terminal and storage medium for building pages based on JSON configuration.

Background technique

The front-end development method of the management background is mainly built using MVVM frameworks such as React/Vue and its corresponding UI component frameworks (Element, Antd, etc.). This type of technology reduces the development difficulty and time of the management background. The developer only needs to combine the components. Building a page and interface debugging can complete the development of a background page, but many of the pages in the management background are of the type of addition, deletion, modification, and query, and some pages have great similarity.

However, in the development process of a background management project, there are often multiple similar pages, but the development of each page needs to be carried out from scratch, which leads to a long development and testing cycle, and is also troublesome in subsequent maintenance; for existing For a low-code platform, the generation of the page is too dependent on its supporting tools, and the functions that need to be customized cannot be completed.

Therefore, the existing technology still needs to be improved and developed.

SUMMARY OF THE INVENTION

The main purpose of the present invention is to provide a method, system, intelligent terminal and storage medium for building a page based on JSON configuration, aiming to solve the problem of repeated development of management background front-end basic pages in the prior art.

In order to achieve the above object, the present invention provides a method for building a page based on JSON configuration, and the method for building a page based on JSON configuration includes the following steps:

The dynamic component of the background page is designed in advance, and the JSON data in the dynamic component is defined;

When the JSON data is defined, the generated page is displayed in the first system;

When the page is displayed in the first system, if the page is used in the second system, the micro-frontend technology is used for embedding;

After the page is displayed, a configuration module is created, a page is created based on the configuration module, and the JSON configuration required by the display module is configured.

Optionally, in the method for building a page based on JSON configuration, wherein the dynamic component of the pre-designed background page is defined, and JSON data in the dynamic component is defined, specifically including:

Pre-designed background pages include dynamic forms and dynamic components of dynamic forms;

When the dynamic component is set, define the JSON data required by the dynamic component, formulate the source of page data and the JSON format for front-end and back-end interaction of the page.

Optionally, in the method for building a page based on JSON configuration, wherein the dynamic form is a background page data display component, and the dynamic form is composed of multiple form items, which are used for form submission, reset and verification .

Optionally, the method for building a page based on JSON configuration, wherein when the JSON data is defined, the generated page is displayed in the first system, specifically including:

When completing the definition of the JSON data, obtain the query parameters of the URL, and use the query parameters as an interface to obtain the JSON configuration of the page;

After the acquired JSON configuration is initialized, the generated page is displayed in the first system using the initialized configuration information as a dynamic component attribute.

Optionally, in the method for building a page based on JSON configuration, when the page is displayed in the first system, if the page is used in the second system, the micro-front-end technology is used for embedding, Specifically include:

The first system where the current page is located is used as the first sub-application, and the life cycle derived from the first sub-application is received and called by the main application;

When receiving the life cycle, confirm that the second system using the page is used as the main application, and register the second sub-application for matching;

When the route of the second sub-application is successfully matched to the first sub-application, the main application is controlled to trigger the life cycle hook of the first sub-application, and the incoming data is displayed on the second system.

Optionally, in the method for building a page based on JSON configuration, when receiving the life cycle, the base confirms that the system using the page is used as the main application, and registers the second sub-application for matching, and then returns include:

A page menu and a subsystem display container are added to the main application; the page menu is used to switch sub-applications, and the subsystem display container is used to display the subsystem.

Optionally, the method for building a page based on JSON configuration, wherein, after the page is displayed, a configuration module is created, a page is created based on the configuration module, and the JSON configuration required by the display module is configured, specifically include:

After the page is displayed, a configuration module is created, and a new page configuration is created based on the configuration module;

When the new page configuration is completed, the page configuration is edited and the JSON configuration required by the display module is generated;

After editing the page configuration, save the page with the configuration information.

In addition, in order to achieve the above purpose, the present invention also provides an intelligent terminal, wherein the intelligent terminal includes: a memory, a processor, and a JSON-based configuration building page stored in the memory and running on the processor When the program for building a page based on JSON configuration is executed by the processor, the steps of the above method for building a page based on JSON configuration are implemented.

In addition, in order to achieve the above object, the present invention also provides a system for building pages based on JSON configuration, wherein the system for building pages based on JSON configuration includes:

A definition module is used to design the dynamic components of the background page in advance, and define the JSON data in the dynamic components;

a display module, used for displaying the generated page in the first system when the JSON data is defined;

an access module, configured to use micro-front-end technology for embedding when the page is displayed in the first system if the page is used in the second system;

The configuration module is used to create a configuration module after the page is displayed, create a page based on the configuration module, and configure the JSON configuration required by the display module.

In addition, in order to achieve the above object, the present invention also provides a computer-readable storage medium, wherein the computer-readable storage medium stores a program for building a page based on a JSON configuration, and the program for building a page based on a JSON configuration is processed by a processor The steps of implementing the method for building a page based on JSON configuration as described above during execution.

In the present invention, the dynamic components of the background page are designed in advance, and the JSON data in the dynamic components is defined; when the JSON data is defined, the generated page is displayed in the first system; when the page is completed in the When the first system is displayed, if the page is used in the second system, the micro-front-end technology is used for embedding; after the page is displayed, a configuration module is created, based on the configuration module, the page is created and configured to display all the modules. Required JSON configuration. The present invention generates JSON through page configuration, uses the generated JSON to generate pages, reduces repetitive development, shortens testing time, achieves the purpose of quickly building pages, and can also reduce subsequent maintenance costs, and for functions that require customized development, it can be Develop in the traditional way and embed it using the technology of micro frontends.

Description of drawings

Fig. 1 is the flow chart of the preferred embodiment of the method for building page based on JSON configuration of the present invention;

Fig. 2 is the flow chart of step S10 in the preferred embodiment of the method for building pages based on JSON configuration of the present invention;

Fig. 3 is the creation display module flow chart in the method for building page based on JSON configuration of the present invention;

Fig. 4 is the flow chart of step S20 in the preferred embodiment of the method for building pages based on JSON configuration of the present invention;

5 is a flow chart showing a strong page in a preferred embodiment of the method for building a page based on JSON configuration of the present invention;

6 is a schematic diagram showing a page in the system A in a preferred embodiment of the method for building a page based on JSON configuration of the present invention;

7 is a flowchart of step S30 in the preferred embodiment of the method for building a page based on JSON configuration of the present invention;

FIG. 8 is a schematic diagram of displaying a page in system B in a preferred embodiment of the method for building a page based on JSON configuration of the present invention;

9 is a flowchart of step S40 in the preferred embodiment of the method for building a page based on JSON configuration of the present invention;

10 is a flow chart of page configuration in a preferred embodiment of the method for building a page based on JSON configuration of the present invention;

Fig. 11 is the principle schematic diagram of the preferred embodiment of the system for building pages based on JSON configuration of the present invention;

FIG. 12 is a schematic diagram of the operating environment of the preferred embodiment of the smart terminal of the present invention.

Detailed ways

In order to make the objectives, technical solutions and effects of the present invention clearer and clearer, the present invention will be further described in detail below with reference to the accompanying drawings and examples. It should be understood that the specific embodiments described herein are only used to explain the present invention, but not to limit the present invention.

It should be noted that if there are directional indications (such as up, down, left, right, front, back, etc.) involved in the embodiments of the present invention, the directional indications are only used to explain a certain posture (as shown in the accompanying drawings). If the specific posture changes, the directional indication also changes accordingly.

In addition, if there are descriptions involving "first", "second", etc. in the embodiments of the present invention, the descriptions of "first", "second", etc. are only used for the purpose of description, and should not be construed as indicating or implying Its relative importance or implicitly indicates the number of technical features indicated. Thus, a feature delimited with "first", "second" may expressly or implicitly include at least one of that feature. In addition, the technical solutions between the various embodiments can be combined with each other, but must be based on the realization by those of ordinary skill in the art. When the combination of technical solutions is contradictory or cannot be realized, it should be considered that the combination of such technical solutions does not exist. , is not within the scope of protection required by the present invention.

The method for building a page based on JSON configuration according to a preferred embodiment of the present invention, as shown in Figure 1, the method for building a page based on JSON configuration includes the following steps:

Step S10: Pre-design the dynamic components of the background page, and define the JSON data in the dynamic components.

For the specific process, please refer to FIG. 2 , which is a flowchart of step S10 in the method for building a page based on JSON configuration provided by the present invention.

As shown in Figure 2, the step S10 includes:

Step S11, pre-designing the dynamic components including the dynamic form and the dynamic form in the background page;

Step S12, when the dynamic component is set, define the JSON data required by the dynamic component, formulate the source of the page data and the JSON format of the front-end and back-end interaction of the page.

Specifically, the regular pages in the background generally include modules such as forms, search forms, new/edit forms, and exporting. After the pages are created, control the pages to design corresponding dynamic components to facilitate page assembly and use; forms It is a common component of background pages, including column display, header filtering, paging sorting, data row operation column modification, deletion, and cell display. According to these functions, dynamic table components are encapsulated. The corresponding table display JSON The basic format is :{{"title":"field1","field":"f1","hidden":true,"width":120,"style":"","link":"","filter": null, }, {"title":"field2","field":"f2","hidden":false,"width":130,"style":"","link":"http:xxx. com/{id}", "filter": null, }, { "title": "field1", "field": "f1", "style": "", "link": "", "filter" :[{"title":"state1","value":"1","default":true},{"title":"state2","value":"2",}]}}; The title is the header text, the field is the field name, the width is the cell width, the style is the cell custom style, the link is the cell text link, and the filter is the header filter condition .

In an embodiment of the present invention, a page "xxx management" is added to the configuration module of the first system (system A), the page type is a table page, the table page is added to the menu of the display module, and page information is configured; If the table data source is set, the page requests the background interface to obtain the table data through this configuration item, and the request will be initiated after the page rendering is completed, as shown in the following table:

Interface URL request method Default sort settings other settings http:xxx/list POST start time, descending ---

The display settings of the table define the fields and styles that the table needs to display. The field information is associated with the interface return value set by the table data source, as shown in the following table:

The basic functions of dynamic forms include form submission, reset, and verification. Forms are composed of multiple form items. The form items include form element type, field name, label text, placeholder text, and validation rules. composition; the use of dynamic form components can be re-encapsulated into search components, new components and editing components; as shown in Figure 3, when the dynamic components are set and completed, the JSON data required by the dynamic components is first defined, and the corresponding The JSON data base format is: [{"title":"field1","type":"text","placeholder":"fuzzy query","field":"s1","maxLength":12,"rules ":[{"type":"required","errorMsg":"Error message",}]},{"title":"Field 2","type":"datepicker","placeholder":"Please select ", "field": "s2", "disabled": true, }], the title is the form label text, the type is the form element type, the placeholder is the placeholder, and the field is the field name, The disabled is whether editing is prohibited, and the rules are form validation rules.

After defining the JSON data required by the dynamic components, it is also necessary to formulate the JSON format of the page data source and the JSON format of the front-end and back-end interaction of the page. The page data source and the front-and-back interaction of the page are obtained through the interface. The JSON format of the interface and the JSON format of the front-end and back-end interaction of the page need to include the interface address, interface request method, interface data value and interface fixed parameters, etc., and the basic format of the JSON format is: {"api":"http:/ /xxxx/xxx"}, "path_expr": "$.items", "method": "post", "params": [{"field": "id", "value": "1"}]}, The api is the interface address, the path_expr is the result operator, the method is the request method, and the params is the interface fixed parameter; then the interface configuration and the component configuration are combined to form the configuration of the page; and the table query form settings, define The query conditions of the data source are associated with the interface request parameters set by the data source, as shown in the following table:

Step S20, when the JSON data is defined, the generated page is displayed in the first system.

For the specific process, please refer to FIG. 4 , which is a flowchart of step S20 in the method for building a page based on JSON configuration provided by the present invention.

As shown in Figure 4, the step S20 includes:

Step S21, when completing the definition of the JSON data, obtain the query parameters of the URL, and use the query parameters as an interface to obtain the JSON configuration of the page;

Step S22: After the acquired JSON configuration is initialized, the generated page is displayed in the first system using the initialized configuration information as a dynamic component attribute.

Specifically, when the definition of the JSON data is completed, the process of displaying the page is started. The process of displaying the page is shown in Figure 5. The created page is opened, the api query parameter on the URL is obtained, and the api query parameter is used as a parameter request The interface obtains the JSON configuration of the current page; initializes the JSON configuration, which includes add, delete, export, list, modify and other configurations, confirm the dynamic components to be displayed through the configuration information, and then use the initialized configuration information as the dynamic components The property displays a page in the first system, as shown in FIG. 6 , in the display module of the first system (system A), click the menu of “xxx management”.

Step S30: When the page is displayed in the first system, if the page is used in the second system, the micro-front-end technology is used for embedding.

For the specific process, please refer to FIG. 7 , which is a flowchart of step S30 in the method for building a page based on JSON configuration provided by the present invention.

As shown in Figure 7, the step S30 includes:

Step S31, taking the first system where the current page is located as the first sub-application, receiving the life cycle derived from the first sub-application and calling it for the main application;

Step S32, when receiving the life cycle, confirm that the second system using the page is used as the main application, and register the second sub-application for matching;

Step S33, when the route of the second sub-application is successfully matched to the first sub-application, control the main application to trigger the life cycle hook of the first sub-application, and pass in the data to perform a page in the second system. exhibit.

Specifically, after the first system (for example, system A) completes the display of the page, if it needs to be used in other systems (for example, system B), the micro-front-end technology is used to embed it. In this embodiment of the present invention, qiankun is used to implement ( qiankun is a micro-front-end framework of Ali, which can combine a main application responsible for aggregation and switching with multiple independent micro-applications into a large front-end application). The embedding steps are: first, use system A as the first sub-application , and export the corresponding life cycle hook, which can be called by the main application; then use the system B that needs to use the page as the main application, register the second sub-application and configure the entry, name, rendering method of the second sub-application and route matching method; finally, when the second sub-application route of the main application matches the first sub-application, the first sub-application resource is obtained and the life cycle hook of the first sub-application is triggered to pass in data such as token and user information; as shown in the figure 8, in the embodiment of the present invention, it is necessary to use the "xxx management" page in system B, and in system B, access the micro-front-end solution; add "xxx management B" to the menu of system B, and the path corresponding to the menu It is the path of "xxx management" of system A. The original display container id on the right side of system B is "pageContainer", and then a container "microContainer" is added to the right side. When clicking the "xxx management B" menu, activate the micro-frontend's The route matching rule hides the "pageContainer" of System B and displays "microContainer".

Step S40, after the page is displayed, create a configuration module, create a page based on the configuration module, and configure the JSON configuration required by the display module.

For the specific process, please refer to FIG. 9 , which is a flowchart of step S40 in the method for building a page based on JSON configuration provided by the present invention.

As shown in Figure 9, the step S40 includes:

Step S41, after the page is displayed, create a configuration module, and create a new page configuration based on the configuration module;

Step S42, when the new page configuration is completed, edit the page configuration and generate the JSON configuration required by the display module;

Step S43, after completing the page configuration editing, save the page containing the configuration information.

Specifically, the JSON data is first divided into multiple modules according to dynamic components and functions, and the basic information of the page (for example, page title, page type, page description) is called the basic configuration, and the other is the page function configuration, and there are tables respectively. Configuration, new configuration, export configuration, etc. are displayed one by one on the page according to the divided modules, and different forms are designed to meet their configuration requirements to create configuration modules; as shown in Figure 10, start to create a new page configuration , generate the JSON configuration in the form of the configuration page editing form. If the JSON configuration is not completed for the first editing, modify the page configuration, and save the configuration information after the modification is completed; if the JSON configuration is completed for the first editing, the generated configuration information Save it, then dynamically add a submenu to the menu, click to view the new page.

Further, as shown in Figure 11, based on the above-mentioned method for building pages based on JSON configuration, the present invention also provides a system for building pages based on JSON configuration, wherein the system for building pages based on JSON configuration includes:

The definition module 51 is used to design the dynamic component of the background page in advance, and define the JSON data in the dynamic component;

The display module 52 is used to display the generated page in the first system when the JSON data is defined;

The access module 53, when the page is displayed in the first system, if the page is used in the second system, the micro-front-end technology is used for embedding;

The configuration module 54, after the page is displayed, creates a configuration module, creates a page based on the configuration module, and configures the JSON configuration required by the display module.

The present invention creates and provides a method for building a page based on JSON configuration. The method provided by the present invention defines the JSON data in the dynamic component by pre-designing the dynamic component of the background page; when the JSON data is defined, The generated page is displayed in the first system; when the page is displayed in the first system, if the page is used in the second system, the micro-front-end technology is used for embedding; after the page is displayed, Create a configuration module, create a page based on the configuration module, and configure the JSON configuration required by the display module. The present invention generates JSON through page configuration, uses the generated JSON to generate pages, reduces repetitive development, shortens testing time, achieves the purpose of quickly building pages, and can also reduce subsequent maintenance costs, and for functions that require customized development, it can be Develop in the traditional way and embed it using the technology of micro frontends.

Further, as shown in FIG. 12 , the present invention also provides an intelligent terminal correspondingly, and the intelligent terminal includes a processor 10 , a memory 20 and a display 30 . FIG. 11 only shows some components of the smart terminal, but it should be understood that it is not required to implement all the shown components, and more or less components may be implemented instead.

In some embodiments, the memory 20 may be an internal storage unit of the smart terminal, such as a hard disk or a memory of the smart terminal. In other embodiments, the memory 20 may also be an external storage device of the smart terminal, for example, a plug-in hard disk equipped on the smart terminal, a smart memory card (Smart Media Card, SMC), a secure digital (Secure) Digital, SD) card, flash memory card (Flash Card), etc. Further, the memory 20 may also include both an internal storage unit of the smart terminal and an external storage device. The memory 20 is used for storing application software and various types of data installed in the smart terminal. The memory 20 can also be used to temporarily store data that has been output or is to be output. In one embodiment, the memory 20 stores a program 40 for building a page based on a JSON configuration, and the program 40 for building a page based on a JSON configuration can be executed by the processor 10 to implement the method for building a page based on a JSON configuration in this application.

In some embodiments, the processor 10 may be a central processing unit (Central Processing Unit, CPU), a microprocessor or other data processing chips, for running program codes or processing data stored in the memory 20, for example Execute the method for building a page based on the JSON configuration, and the like.

The display 30 may be an OLED (Organic Light-Emitting Diode, organic light emitting diode) display or the like in some embodiments. The display 30 is used to display information on the device and to display a visual user interface. The components 10-30 of the apparatus communicate with each other via a system bus.

In one embodiment, when the processor 10 executes the program 40 for building a page based on the JSON configuration in the memory 20, the following steps are implemented:

The dynamic component of the background page is designed in advance, and the JSON data in the dynamic component is defined;

When the JSON data is defined, the generated page is displayed in the first system;

When the page is displayed in the first system, if the page is used in the second system, the micro-frontend technology is used for embedding;

After the page is displayed, a configuration module is created, a page is created based on the configuration module, and the JSON configuration required by the display module is configured.

Wherein, in the dynamic component of the pre-designed background page, the JSON data in the dynamic component is defined, specifically including:

Pre-designed background pages include dynamic forms and dynamic components of dynamic forms;

When the dynamic component is set, define the JSON data required by the dynamic component, formulate the source of page data and the JSON format for front-end and back-end interaction of the page.

Wherein, the dynamic form is a background page data display component, and the dynamic form is composed of multiple form items, which are used for form submission, reset and verification.

Wherein, when the JSON data is defined, the generated page is displayed in the first system, specifically including:

When completing the definition of the JSON data, obtain the query parameters of the URL, and use the query parameters as an interface to obtain the JSON configuration of the page;

After the acquired JSON configuration is initialized, the generated page is displayed in the first system using the initialized configuration information as a dynamic component attribute.

Wherein, when the page is displayed in the first system, if the page is used in the second system, the micro-front-end technology is used for embedding, which specifically includes:

The first system where the current page is located is used as the first sub-application, and the life cycle derived from the first sub-application is received and called by the main application;

When receiving the life cycle, confirm that the second system using the page is used as the main application, and register the second sub-application for matching;

When the route of the second sub-application is successfully matched to the first sub-application, the main application is controlled to trigger the life cycle hook of the first sub-application, and the incoming data is displayed on the second system.

Wherein, when receiving the life cycle, the base confirms that the system using the page is used as the main application, and registers the second sub-application for matching, and then further includes:

A page menu and a subsystem display container are added to the main application; the page menu is used to switch sub-applications, and the subsystem display container is used to display the subsystem.

Wherein, after the page is displayed, a configuration module is created, a page is created based on the configuration module, and the JSON configuration required by the display module is configured, specifically including:

After the page is displayed, a configuration module is created, and a new page configuration is created based on the configuration module;

When the new page configuration is completed, the page configuration is edited and the JSON configuration required by the display module is generated;

After editing the page configuration, save the page with the configuration information.

The present invention also provides a computer-readable storage medium, wherein the storage medium stores a program for building a page based on a JSON configuration, and when the program for building a page based on a JSON configuration is executed by a processor, the above JSON-based configuration is implemented The steps of how to build a page.

In summary, the present invention provides a method and related equipment for building a page based on JSON configuration. The method includes: pre-designing a dynamic component of a background page, and defining JSON data in the dynamic component; When the data is defined, the generated page is displayed in the first system; when the page is displayed in the first system, if the page is used in the second system, the micro-front-end technology is used for embedding; in the After the page is displayed, a configuration module is created, a page is created based on the configuration module, and the JSON configuration required by the display module is configured. The present invention generates JSON through page configuration, uses the generated JSON to generate pages, reduces repetitive development, shortens testing time, achieves the purpose of quickly building pages, and can also reduce subsequent maintenance costs, and for functions that require customized development, it can be Develop in the traditional way and embed it using the technology of micro frontends.

It should be noted that, herein, the terms "comprising", "comprising" or any other variation thereof are intended to encompass non-exclusive inclusion, such that a process, method, article or device comprising a series of elements includes not only those elements, It also includes other elements not expressly listed or inherent to such a process, method, article or apparatus. Without further limitation, an element qualified by the phrase "comprising a..." does not preclude the presence of additional identical elements in a process, method, article or apparatus that includes the element.

Of course, those of ordinary skill in the art can understand that all or part of the processes in the methods of the above embodiments can be implemented by instructing relevant hardware (such as processors, intelligent racing cars, etc.) through a computer program, and the programs can be stored in a In a computer-readable storage medium, when the program is executed, it may include the processes of the foregoing method embodiments. The storage medium may be a memory, a magnetic disk, an optical disk, or the like.

It should be understood that the application of the present invention is not limited to the above examples. For those of ordinary skill in the art, improvements or transformations can be made according to the above descriptions, and all these improvements and transformations should belong to the protection scope of the appended claims of the present invention.

Claims (10)

1. A method for building a page based on JSON configuration is characterized in that the method for building the page based on the JSON configuration comprises the following steps:

prededesigning a dynamic component of a background page, and defining JSON data in the dynamic component;

when the JSON data is defined, displaying the generated page on a first system;

when the page is displayed on the first system, if the page is applied to the second system, embedding the page by using a micro front end technology;

and after the page is displayed, creating a configuration module, creating the page based on the configuration module, and configuring the JSON configuration required by the display module.

2. The method for building a page based on JSON configuration according to claim 1, wherein the dynamic component of the background page is designed in advance, and JSON data in the dynamic component is defined, specifically comprising:

pre-designing a dynamic component comprising a dynamic form and a dynamic form in a background page;

and when the dynamic assembly is set, defining JSON data required by the dynamic assembly, and formulating a page data source and a JSON format of page front-end and page back-end interaction.

3. The method for building a page based on JSON configuration as claimed in claim 2, wherein the dynamic form is a background page data display component, and the dynamic form is composed of a plurality of form items and is used for submission, resetting and checking of the form.

4. The method for building a page based on JSON configuration according to claim 1, wherein when the JSON data is defined, the generated page is displayed on a first system, and specifically comprises:

when the JSON data is defined, acquiring a query parameter of a URL (uniform resource locator), and taking the query parameter as an interface to acquire the JSON configuration of the page;

and after the obtained JSON configuration is initialized, displaying the generated page in the first system by taking the initialized configuration information as the dynamic component attribute.

5. The method for building a page based on JSON configuration of claim 1, wherein when the page is displayed on a first system, if the page is applied to a second system, embedding is performed by using a micro front end technology, specifically comprising:

taking a first system where a current page is located as a first sub-application, receiving a life cycle derived by the first sub-application and calling the life cycle by a main application;

when the life cycle is received, confirming that a second system using the page is used as a main application, and registering a second sub application for matching;

and when the route matching of the second sub-application is successful, the main application is controlled to trigger the life cycle hook of the first sub-application, and data is transmitted to perform page display in a second system.

6. The method for building a page based on JSON configuration according to claim 5, wherein the base, when receiving the lifecycle, confirms a system using the page as a main application and registers a second sub-application for matching, and thereafter further comprises:

adding a page menu and a subsystem display container in the main application; the page menu is used for switching the sub-applications, and the subsystem display container is used for displaying the subsystem.

7. The method for building a page based on JSON configuration according to claim 1, wherein the creating a configuration module after the page is completely displayed, the creating a page based on the configuration module, and configuring the JSON configuration required by the display module specifically include:

after the page is displayed, a configuration module is established, and a page configuration is newly established based on the configuration module;

when the page configuration is completed, editing the page configuration and generating JSON configuration required by a display module;

and after finishing the page configuration editing, saving the page containing the configuration information.

8. A system for building pages based on JSON configuration is characterized in that the system for building pages based on JSON configuration comprises:

the definition module is used for predefining a dynamic component of a background page and defining JSON data in the dynamic component;

the display module is used for displaying the generated page on a first system when the JSON data is defined;

the access module is used for embedding the page by using a micro front end technology if the page is applied to a second system when the page is displayed on a first system;

and the configuration module is used for creating a configuration module after the page is displayed, creating the page based on the configuration module and configuring the JSON configuration required by the display module.

9. An intelligent terminal, characterized in that, intelligent terminal includes: a memory, a processor and a program stored on the memory and executable on the processor for building a page based on a JSON configuration, the program for building a page based on a JSON configuration implementing the steps of the method for building a page based on a JSON configuration as claimed in any one of claims 1 to 7 when executed by the processor.

10. A computer-readable storage medium, characterized in that the computer-readable storage medium stores a program for building a page based on a JSON configuration, which when executed by a processor implements the steps of the method for building a page based on a JSON configuration as claimed in any one of claims 1 to 7.

Images