CN115421721A - Page dynamic configuration generation method and device, storage medium and electronic equipment - Google Patents

Abstract

Disclosed are a page dynamic configuration generation method, device, storage medium and electronic equipment, belonging to the practical application technical field of computer programs. The method includes: acquiring the current model configuration of the current scene of the page to be generated; confirming whether the current scene configuration of the page to be generated exists according to the current model configuration of the current scene of the page to be generated; if the current scene configuration of the page to be generated exists, obtaining the The default configuration of the current model of the page; according to the default configuration of the current model of the page to be generated, confirm whether the default scene configuration of the current model of the page to be generated exists; if the default scene configuration of the current model of the page to be generated exists, dynamically load the form definition and form of the page to be generated Definition, query definition, and generate pages to be generated. The device, medium and electronics enable the method. It achieves the purpose of quickly and dynamically configuring the display effect of each scene page on the front end through simple configuration, check, and drag and drop methods on the management side.

Description

Method, device, storage medium and electronic device for generating page dynamic configuration

technical field

The present invention relates to the technical field of practical application of computer programs, in particular to a page dynamic configuration generation method, device, storage medium and electronic equipment.

Background technique

The R&D design in the existing technology requires the developer to edit the front-end page code and the logic code of the management end. Once the increase or decrease of attributes, the adjustment of the attribute display effect, and even the adjustment of the verification of related attributes require the developer to re-modify the program code. This can only be achieved by republishing the package and redeploying it to the user's server. This process not only generates a lot of research and development costs, but also brings more expenditures to users, and this process is often a long process, which cannot quickly respond to changes in user needs.

Contents of the invention

In view of this, the present invention provides a dynamic page configuration generation method, device, storage medium and electronic equipment, which achieve fast and dynamic configuration of each front-end scene through simple configuration, check, and drag and drop methods at the management end The purpose of the display effect of the page, so it is more suitable for practical use.

In order to achieve the above-mentioned first purpose, the technical scheme of the page dynamic configuration generation method provided by the present invention is as follows:

The page dynamic configuration generation method provided by the present invention comprises the following steps:

Obtain the current model configuration of the current scene of the page to be generated;

According to the current model configuration of the current scene of the page to be generated, confirm whether the current scene configuration of the page to be generated exists;

If the current scene configuration of the page to be generated exists, obtain the default configuration of the current model of the page to be generated;

According to the default configuration of the current model of the page to be generated, confirm whether the default scene configuration of the current model of the page to be generated exists;

If the current model default scene configuration of the page to be generated exists, dynamically load the form definition, table definition, and query definition of the page to be generated to generate the page to be generated.

The page dynamic configuration generation method provided by the present invention can also be further realized by adopting the following technical measures.

Preferably, during the step of confirming whether the current scene configuration of the page to be generated exists according to the current model configuration of the current scene of the page to be generated, if the current scene configuration of the page to be generated does not exist, further comprising The following steps:

Obtain the current scene configuration of the parent model of the current model of the page to be generated;

According to the current scene configuration of the parent model of the current model of the page to be generated, confirm whether the current scene configuration of the page to be generated exists:

If the current scene configuration of the page to be generated exists, obtain the default configuration of the current model of the page to be generated;

If the current scene configuration of the page to be generated does not exist, confirm whether the current scene configuration of the parent model of the current model of the page to be generated is the root model of the current model of the page to be generated,

If the current scene configuration of the parent model of the current model of the page to be generated is the root model of the current model of the page to be generated, obtain the default configuration of the current model of the page to be generated,

If the current scene configuration of the parent model of the current model of the page to be generated is not the root model of the current model of the page to be generated, return to obtain the current scene configuration of the parent model of the current model of the page to be generated.

Preferably, during the step of confirming whether the default scene configuration of the current model of the page to be generated exists according to the default configuration of the current model of the page to be generated, if the default scene configuration of the current model of the page to be generated does not exist, Also includes the following steps:

Obtain the default scene configuration of the parent model of the current model of the page to be generated;

According to the default scene configuration of the parent model of the current model of the page to be generated, confirm whether the default scene configuration of the page to be generated exists:

If the default scene configuration of the parent model of the current model exists, dynamically load the form definition, form definition, and query definition of the page to be generated, and generate the page to be generated,

If the default scene configuration of the parent model of the current model does not exist, obtain the default scene configuration of the parent model of the current model of the page to be generated,

According to the default scene configuration of the parent model of the current model of the page to be generated, confirm whether the default scene configuration of the parent model of the current model exists,

If the default scene configuration of the parent model of the current model exists, dynamically load the form definition, form definition, and query definition of the page to be generated, and generate the page to be generated,

If the default scene configuration of the parent model of the current model does not exist, confirm whether the default scene configuration of the parent model of the current model of the page to be generated is the root model of the default model of the page to be generated,

If the default scene configuration of the parent model of the current model of the page to be generated is the root model of the default model of the page to be generated, terminate the generation of the page to be generated;

If the default scene configuration of the parent model of the current model of the page to be generated is not the root model of the default model of the page to be generated, return to obtain the default scene configuration of the parent model of the current model of the page to be generated.

Preferably, during the step of obtaining the current scene configuration of the parent model of the current model of the page to be generated, if the current model of the page to be generated has individual requirements, the following steps are further included:

Overload the configuration of the parent model of the current model of the page to be generated;

According to the personalized requirements of the current model of the page to be generated, perform personalized modification, and obtain the modified configuration of the parent model of the current model of the page to be generated, so that the modified current model of the page to be generated The configuration of the parent model of the model is adapted to the individual requirements of the current model of the page to be generated.

Preferably, during the step of obtaining the current scene current model configuration of the page to be generated, the current scene current model configuration of the page to be generated includes identity, name, data type, data length, data dictionary, formatter, Whether it is possible to participate in the subsequent form configuration, table configuration, query configuration, and import one or more attribute information in the configuration.

Preferably, if the current model default scene configuration of the page to be generated exists, dynamically load the form definition, form definition, and query definition of the page to be generated, and during the step of generating the page to be generated,

The dynamic loading of the form definition of the page to be generated specifically includes the following steps:

The front-end page of the page to be generated finds the specific form definition by predefining the same scene identity in the page as in the form definition in pages related to forms such as new creation, editing, and details, according to the scene identity The template page dynamically loads the configured form definition into the page to be generated through the front-end dynamic loading technology of the Vue software;

The dynamic loading of the table definition of the page to be generated specifically includes the following steps:

The front-end page of the page to be generated is in the page related to the display of the list table, by predefining the same scene identity in the page as in the table definition, and finding the template page of the specific table definition according to the scene mark, through the Vue software The front-end dynamic loading technology dynamically loads the configured table definition into the page;

The dynamic loading of the query definition of the page to be generated specifically includes the following steps:

The front-end page of the page to be generated is in the page related to the query form by predefining the same scene identity in the page as in the form definition, and finding the template page of the specific form definition according to the scene identity, through the Vue software The front-end dynamic loading technology dynamically loads the configured query form definition into the page.

Preferably, if the current model default scene configuration of the page to be generated exists, dynamically load the form definition, form definition, and query definition of the page to be generated, and during the step of generating the page to be generated,

The dynamic loading of the form definition of the page to be generated specifically further includes the following steps:

In the front-end page of the page to be generated, it is necessary to load the definition of a certain type of model as the display root model definition, and dynamically load the definitions of all sub-models according to the inheritance relationship of the model during the loading process, so as to realize the dynamic generation and display effect of the form of the page;

The dynamic loading of the table definition of the page to be generated specifically further includes the following steps:

The display column of the page table to be generated supports the personalized setting of the user level at the same time, provides the display setting of the user-level attribute list and the setting of the arrangement order of the attribute in the setting function of the form, and supports the function of restoring the default configuration of the system at the same time;

The dynamic loading of the query definition of the page to be generated specifically further includes the following steps:

In the front-end page of the page to be generated, the definition of a certain type of model needs to be loaded as the display root model definition. During the loading process, the definitions of all sub-models are dynamically loaded according to the inheritance relationship of the model, so as to realize the dynamic generation and display effect of the form of the page.

In order to achieve the above-mentioned second purpose, the technical solution of the page dynamic configuration generation device provided by the present invention is as follows:

The page dynamic configuration generation device provided by the present invention includes:

The current scene current model configuration acquisition module is used to obtain the current scene current model configuration of the page to be generated;

The first confirmation module is configured to confirm whether the current scene configuration of the page to be generated exists according to the current model configuration of the current scene of the page to be generated;

The current model default configuration obtaining module is used to obtain the current model default configuration of the to-be-generated page if the current scene configuration of the to-be-generated page exists;

The second confirmation module is used to confirm whether the current model default scene configuration of the page to be generated exists according to the default configuration of the current model of the page to be generated;

A dynamic loading module, if the current model default scene configuration of the page to be generated exists, is used to dynamically load the form definition, table definition, and query definition of the page to be generated, and generate the page to be generated.

In order to achieve the above-mentioned third purpose, the technical solution of the computer-readable storage medium provided by the present invention is as follows:

The computer-readable storage medium provided by the present invention is characterized in that a page dynamic configuration generation program is stored on the computer-readable storage medium. When the page dynamic configuration generation program is executed by a processor, the page dynamic configuration generation program realizes the page provided by the present invention. The steps of the dynamic configuration generation method.

In order to achieve the above-mentioned fourth purpose, the technical solution of the electronic equipment provided by the present invention is as follows:

The electronic device provided by the present invention is characterized in that it includes a memory and a processor, the memory stores a page dynamic configuration generation program, and when the page dynamic configuration generation program is executed by the processor, it implements the The steps of the page dynamic configuration generating method.

The page dynamic configuration generation method, device, storage medium and electronic equipment provided by the present invention combine model modeling with a form designer, and achieve fast and dynamic configuration through simple configuration, check, and dragging at the management end The purpose of displaying the effect of each scene page on the front end. Solve the personalized configuration problem that the product is different for different enterprise business models and attributes in each scene page. At the same time, it solves the problems that most of the customer needs need to re-modify the code and release the package due to the increase or decrease of model attributes, the adjustment of form, table, and query condition display, the adjustment of required fields, verification, and prompts. Through the pre-defined scene identity and the parent-child inheritance relationship of the model in the page, the purpose of dynamically adjusting the page after adding, deleting, modifying and adjusting the sub-model and model attributes is achieved without the intervention of the developer. At the same time, by predefining different scene identities for users with different roles, the purpose of different dynamic display of the same business page for different role-focused content can be realized. All configuration definition information supports export and import excel functions. After exporting the initial setting excel file of the system, it is convenient for on-site implementers to communicate with customers about the business model, and at the same time, implementers can directly modify relevant information in excel after communicating with users. After the modification, it can be directly imported into the system and the corresponding adjustment can take effect, which greatly improves the implementation efficiency of product customization.

Description of drawings

Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiment. The drawings are only for the purpose of illustrating a preferred embodiment and are not to be considered as limiting the invention. Also throughout the drawings, the same reference numerals are used to designate the same components. In the attached picture:

FIG. 1 is a flow chart of generalized steps of a page dynamic configuration generation method provided by an embodiment of the present invention;

FIG. 2 is a flow chart of detailed steps of a page dynamic configuration generation method provided by an embodiment of the present invention;

3 is a schematic diagram of a form designer involved in the page dynamic configuration generation method provided by the embodiment of the present invention;

FIG. 4 is a schematic diagram of displaying form pages involved in the page dynamic configuration generation method provided by the embodiment of the present invention;

FIG. 5 is a schematic diagram of a model table designer involved in the page dynamic configuration generation method provided by the embodiment of the present invention;

FIG. 6 is a schematic diagram of displaying list pages involved in the page dynamic configuration generation method provided by the embodiment of the present invention;

7 is a schematic diagram of the mapping relationship between model definition, query definition, table definition and page display involved in the page dynamic configuration generation method provided by the embodiment of the present invention;

8 is a schematic diagram of the mapping relationship between form definition and page display involved in the page dynamic configuration generation method provided by the embodiment of the present invention;

FIG. 9 is a schematic diagram of the signal flow relationship between functional modules in the page dynamic configuration generation device provided by the embodiment of the present invention;

FIG. 10 is a schematic structural diagram of a page dynamic configuration generation device for a hardware operating environment provided by an embodiment of the present invention.

detailed description

In order to solve the problems existing in the prior art, the present invention provides a dynamic page configuration generation method, device, storage medium and electronic equipment, which achieves fast and dynamic configuration through simple configuration, check, and drag methods at the management end. The purpose of configuring the display effect of each scene page on the front end is more suitable for practical use.

After long-term observation and use experience, the inventor found that:

At present, the mainstream development method has entered the mode of separating the front-end management end. The front-end is mainly responsible for page display, and the management end is responsible for complex business processing. The front management end achieves the final display of the product page by agreeing on the relevant API.

The front-end and the management end are developed independently and placed on two different servers, which need to be deployed independently. Two different projects, two different code bases, different developers, and former management engineers need to agree on an interactive interface to achieve synchronous development. After the development is completed, independent deployment is required, and the front end calls the application programming interface of the management end through the interface. This approach brings certain convenience. Front-end developers only need to focus on page style and dynamic data parsing and rendering, while management developers focus on specific business logic.

The separation of the front management end has brought many benefits to the existing product development, but the following scenarios in the actual product development process still require developers to modify and adjust the code to solve the problems required by customers.

In the process of product development, the various business models of different enterprises and the attributes in each scene page are not fixed, and need to be dynamically configured according to the individual needs of specific customers in the subsequent implementation process.

The business model proposed by the customer and the attributes in each scene page will need to be adjusted along with the development of the specific business.

Different system user roles focus on different object attribute information for the same business object, so multiple different function pages need to be developed.

At present, for the above three scenarios, the usual processing method is that once the customer proposes the business model or the attributes of each scenario page, the display effect and other adjustments, it is usually necessary to pull out the specific branch of the product and the front-end developers and management developers at the same time. The specific branch modifies the code, and packages the code for release testing. Then it is deployed by implementers to the environment of each customer application site.

The prior art mainly has the following shortcoming:

(1) The existing technology is not enough to support different enterprise business models and attribute uncertainty in each scene page, as well as the problem of product re-modification and release when the page display needs to be adjusted with the development of specific business.

(2) When the existing technology needs to be adjusted due to the development of the specific business, the product re-modifies the code and releases the problem.

(3) In the existing technology, different system user roles focus on different object attribute information for the same business object, and it is necessary to develop multiple different functional pages.

Traditional R&D design requires developers to edit the front-end page code and management-side logic code. Once the increase or decrease of attributes, the adjustment of the display effect of attributes, and even the adjustment of the verification of related attributes require developers to re-modify the program code. This can only be achieved by republishing the package and redeploying it to the user's server. This process not only generates a lot of research and development costs, but also brings more expenditures to users, and this process is often a long process, which cannot quickly respond to changes in user needs.

In order to further explain the technical means and effects adopted by the present invention to achieve the intended purpose of the invention, the page dynamic configuration generation method, device, computer-readable storage medium and electronic The device, its specific implementation, structure, features and functions thereof are described in detail below. In the following description, different "one embodiment" or "embodiment" do not necessarily refer to the same embodiment. Furthermore, the features, structures, or characteristics of one or more embodiments may be combined in any suitable manner.

The term "and/or" in this article is just an association relationship describing associated objects, which means that there can be three relationships, for example, A and/or B. The specific understanding is: A and B can be included at the same time, and A and B can be included separately. A exists, B may exist alone, and any of the above three situations can be met.

Terminology Explanation

Model modeling: It is to build a model, which is an abstraction of things in order to understand things, and an unambiguous written description of things. The process of building a system model is also called modeling. Modeling is an important means and premise of studying the system. Any process that uses a model to describe the causal relationship or mutual relationship of a system belongs to modeling.

Dynamic modeling: The system allows dynamic configuration models (that is, adding, deleting, and modifying sub-models, and after adding, deleting, and modifying model attributes, the system automatically loads the modified model without re-modifying the code and re-publishing the package). It is mainly to solve a modeling method that needs to be customized in the implementation of PDM.

Form Designer: Design form controls, ElementUI form design and code generator, which can run the generated code directly in the Element-based vue project; can also export JSON forms, and use the supporting parser to parse JSON into real form.

Business Object: A data entity identified and defined by business domain in the process of writing a computer application.

Scenario: It is defined according to the menus and roles displayed on the page to distinguish the display of different pages.

Form: It is mainly responsible for the data collection function in the web page. A form has three basic components: Form label: This contains the URL of the Common Gateway Interface (CGI) program used to process the form data and the method for submitting the data to the server.

Form field: contains text box, password box, hidden field, multi-line text box, check box, radio box, drop-down selection box and file upload box, etc. Form buttons: including submit buttons, reset buttons and general buttons; used to transmit data to CGI scripts on the server or cancel input, and form buttons can also be used to control other processing tasks that define processing scripts.

Table: A control that displays business object data information in the form of a list on a web page.

Vue technology: a popular JavaScript front-end framework, an open source JavaScript framework for creating user interfaces, and a web application framework for creating single-page applications.

Page dynamic configuration generation method

Referring to accompanying drawings 1 and 3-8, the page dynamic configuration generation method provided by the embodiment of the present invention includes the following steps:

Step S1: Obtain the current model configuration of the current scene of the page to be generated;

Step S2: According to the current model configuration of the current scene of the page to be generated, confirm whether the current scene configuration of the page to be generated exists;

Step S3: If the current scene configuration of the page to be generated exists, obtain the default configuration of the current model of the page to be generated;

Step S4: According to the default configuration of the current model of the page to be generated, confirm whether the default scene configuration of the current model of the page to be generated exists;

Step S5: If the current model default scene configuration of the page to be generated exists, dynamically load the form definition, form definition, and query definition of the page to be generated, and generate the page to be generated.

The page dynamic configuration generation method provided by the present invention combines model modeling with a form designer, and achieves fast and dynamic configuration of the display effect of each scene page on the front end through simple configuration, check, and drag and drop methods on the management side. Purpose. Solve the personalized configuration problem that the product is different for different enterprise business models and attributes in each scene page. At the same time, it solves the problems that most of the customer needs need to re-modify the code and release the package due to the increase or decrease of model attributes, the adjustment of form, table, and query condition display, the adjustment of required fields, verification, and prompts. Through the pre-defined scene identity and the parent-child inheritance relationship of the model in the page, the purpose of dynamically adjusting the page after adding, deleting, modifying and adjusting the sub-model and model attributes is achieved without the intervention of the developer. At the same time, by predefining different scene identities for users with different roles, the purpose of different dynamic display of the same business page for different role-focused content can be realized. All configuration definition information supports export and import excel functions. After exporting the initial setting excel file of the system, it is convenient for on-site implementers to communicate with customers about the business model, and at the same time, implementers can directly modify relevant information in excel after communicating with users. After the modification, it can be directly imported into the system and the corresponding adjustment can take effect, which greatly improves the implementation efficiency of product customization.

In this example,

The administrator maintains model information on the management side:

By setting the relationship between the model and the database storage table and the business object JAVA class, the combination of the model, the JAVA processing class and the database storage table lays the foundation for the realization of the program. By setting the related page form scene of the model, the table scene is prepared for the subsequent form scene selection, table and scene selection. At the same time, you can set some configurations for the model level, such as the uniqueness check attribute id set, tamper-proof, etc.

The administrator maintains model attribute information on the management side:

You can set the identity, name, data type, length, data dictionary, and whether the formatter is overloaded and other attribute information of the model attribute. At the same time, you can configure whether attributes can participate in subsequent form configuration, table configuration, query configuration, import configuration, etc.

The administrator sets form properties and form definitions on the management side:

form attribute

The administrator configures information related to form attributes that can participate in the form definition on the management side. It includes the display name of the model attribute in the form, the display component type in the form (for example: single-line text, drop-down selection, cascade selection, and custom components, etc.), whether it is required, static default value, dynamic default value (for example: today, this year , current user, current user organization, confidentiality level, etc.), data dictionary, attribute verification rules and prompt information, etc. At the same time, it provides the overloading function of form attributes.

form definition

The administrator configures the page form definition of each scene on the management side. After creating a form definition of a certain scene, the model form designer will pop up, and on the page, you can drag and drop the attributes in the form attributes on the left to the form page design area. Scenario personalization settings attribute display name, attribute data dictionary, whether it is required, default value, attribute verification rules, and prompt information, etc. At the same time, it provides the functions of overloading and duplicating the definition of the form.

The administrator configures table properties and table definitions on the management side:

form properties

The administrator configures information related to table attributes that can participate in the table definition on the management side. It includes the display name of the model attribute in the table, the display type of the attribute in the table (for example: text, icon), column alignment, column width, whether to sort, etc. At the same time, it provides the overloading function of table attributes.

table definition

The administrator configures the page form of each scene on the management side. After creating a table definition for a certain scene, the model table designer will pop up, and you can click the attributes in the table properties to the table page design area on the page, and at the same time support the page attribute display name, display order, column alignment, column The scene level of width and whether to display in multiple lines can be personalized again. At the same time, it provides the function of overloading and copying the table definition and the preview function of the table page after configuration.

The administrator configures query properties and query definitions on the management side:

query properties

The administrator configures information related to query attributes that can participate in the query definition on the management side. It includes the name of the model attribute displayed in the form, the type of the component displayed in the form (for example: single-line text, drop-down selection, cascading selection, and custom components, etc.), data dictionary, attribute validation rules and prompt information, comparators ( For example: equal to, match, contain, greater than, less than, etc.), and the search types that can be participated in (for example: fuzzy search, exact search, screening search, full-text search, etc.).

query definition

The administrator configures page query definitions for each scenario on the management side. After creating a query definition for a certain scene, the model form designer will pop up, and on the page, you can drag and drop the attributes in the form attributes on the left to the form page design area. Scenario personalization settings attribute display name, attribute data dictionary, whether it is required, default value, attribute verification rules, and prompt information, etc.

Wherein, referring to accompanying drawing 2, according to the current model configuration of the current scene of the page to be generated, during the step of confirming whether the current scene configuration of the page to be generated exists, if the current scene configuration of the page to be generated does not exist, the following steps are also included:

Obtain the current scene configuration of the parent model of the current model of the page to be generated;

According to the current scene configuration of the parent model of the current model of the page to be generated, confirm whether the current scene configuration of the page to be generated exists:

If the current scene configuration of the page to be generated exists, obtain the default configuration of the current model of the page to be generated;

If the current scene configuration of the page to be generated does not exist, confirm whether the current scene configuration of the parent model of the current model of the page to be generated is the root model of the current model of the page to be generated,

If the current scene configuration of the parent model of the current model of the page to be generated is the root model of the current model of the page to be generated, obtain the default configuration of the current model of the page to be generated,

If the current scene configuration of the parent model of the current model of the page to be generated is not the root model of the current model of the page to be generated, return the current scene configuration of the parent model of the current model of the page to be generated.

Among them, referring to Figure 2, according to the default configuration of the current model of the page to be generated, during the step of confirming whether the default scene configuration of the current model of the page to be generated exists, if the default scene configuration of the current model of the page to be generated does not exist, the following steps are also included :

Get the default scene configuration of the parent model of the current model of the page to be generated;

According to the default scene configuration of the parent model of the current model of the page to be generated, confirm whether the default scene configuration of the page to be generated exists:

If the default scene configuration of the parent model of the current model exists, dynamically load the form definition, table definition, and query definition of the page to be generated, and generate the page to be generated.

If the default scene configuration of the parent model of the current model does not exist, get the default scene configuration of the parent model of the current model of the page to be generated,

According to the default scene configuration of the parent model of the current model of the page to be generated, confirm whether the default scene configuration of the parent model of the current model exists,

If the default scene configuration of the parent model of the current model exists, dynamically load the form definition, table definition, and query definition of the page to be generated, and generate the page to be generated.

If the default scene configuration of the parent model of the current model does not exist, confirm whether the default scene configuration of the parent model of the current model of the page to be generated is the root model of the default model of the page to be generated,

If the default scene configuration of the parent model of the current model of the page to be generated is the root model of the default model of the page to be generated, terminate the generation of the page to be generated;

If the default scene configuration of the parent model of the current model of the page to be generated is not the root model of the default model of the page to be generated, return to obtain the default scene configuration of the parent model of the current model of the page to be generated.

Wherein, during the step of obtaining the current scene configuration of the parent model of the current model of the page to be generated, if the current model of the page to be generated has individual requirements, the following steps are also included:

Overload the configuration of the parent model of the current model of the page to be generated;

According to the personalized requirements of the current model of the page to be generated, carry out personalized modification, and obtain the configuration of the parent model of the current model of the page to be generated after modification, so that the configuration of the parent model of the current model of the page to be generated after modification is the same as that of the parent model of the page to be generated Adapt to the individual needs of the current model of the generated page.

Among them, during the step of obtaining the current model configuration of the current scene of the page to be generated, the current model configuration of the current scene of the page to be generated includes identity, name, data type, data length, data dictionary, formatter, and whether it can participate in subsequent Form configuration, table configuration, query configuration, import one or more attribute information in the configuration.

Among them, if the default scene configuration of the current model of the page to be generated exists, dynamically load the form definition, form definition, and query definition of the page to be generated, and during the step of generating the page to be generated,

The dynamic loading of the form definition of the page to be generated specifically includes the following steps:

The front-end page of the page to be generated finds the template page of the specific form definition by predefining the same scene ID as the form definition in the page involving the new, edit, and detail forms, according to the scene ID. The front-end dynamic loading technology of Vue software dynamically loads the configured form definition into the page to be generated;

The dynamic loading of the table definition of the page to be generated specifically includes the following steps:

For the front-end page of the page to be generated, in the page related to the display of the list table, the same scene identity as that in the table definition is predefined in the page, and the template page of the specific table definition is found according to the scene identity, and dynamically loaded by the front-end of the Vue software technology, dynamically load the configured table definition into the page;

The dynamic loading of the query definition of the page to be generated specifically includes the following steps:

For the front-end page of the page to be generated, in the page related to the query form, the same scene identity as that in the form definition is predefined in the page, and the template page of the specific form definition is found according to the scene identity, and dynamically loaded by the front-end of the Vue software technology to dynamically load the configured query form definition into the page.

Among them, if the default scene configuration of the current model of the page to be generated exists, dynamically load the form definition, form definition, and query definition of the page to be generated, and during the step of generating the page to be generated,

The dynamic loading of the form definition of the page to be generated specifically includes the following steps:

In the front-end page of the page to be generated, the definition of a certain type of model needs to be loaded as the display root model definition. During the loading process, the definitions of all sub-models are dynamically loaded according to the inheritance relationship of the model, so as to realize the dynamic generation and display effect of the form of the page;

The dynamic loading of the table definition of the page to be generated specifically includes the following steps:

The display column of the page table to be generated also supports user-level personalization settings. In the table setting function, the display setting of the user-level attribute list and the setting of the arrangement order of the attributes are provided, and the function of restoring the system default configuration is also supported;

The dynamic loading of the query definition of the page to be generated specifically includes the following steps:

In the front-end page of the page to be generated, the definition of a certain type of model needs to be loaded as the display root model definition. During the loading process, the definitions of all sub-models are dynamically loaded according to the inheritance relationship of the model, so as to realize the dynamic generation and display effect of the page form.

Page dynamic configuration generation device

Referring to Figure 9, the page dynamic configuration generation device provided by the embodiment of the present invention includes:

The current scene current model configuration acquisition module is used to obtain the current scene current model configuration of the page to be generated;

The first confirmation module is used to confirm whether the current scene configuration of the page to be generated exists according to the current model configuration of the current scene of the page to be generated;

The default configuration acquisition module of the current model, if the current scene configuration of the page to be generated exists, it is used to obtain the default configuration of the current model of the page to be generated;

The second confirmation module is used to confirm whether the default scene configuration of the current model of the page to be generated exists according to the default configuration of the current model of the page to be generated;

The dynamic loading module, if the default scene configuration of the current model of the page to be generated exists, is used to dynamically load the form definition, table definition, and query definition of the page to be generated, and generate the page to be generated.

The page dynamic configuration generation device provided by the present invention combines model modeling with a form designer, and achieves fast and dynamic configuration of the display effect of each scene page on the front end through simple configuration, check, and dragging at the management end. Purpose. Solve the personalized configuration problem that the product is different for different enterprise business models and attributes in each scene page. At the same time, it solves the problems that most of the customer needs need to re-modify the code and release the package due to the increase or decrease of model attributes, the adjustment of form, table, and query condition display, the adjustment of required fields, verification, and prompts. Through the pre-defined scene identity and the parent-child inheritance relationship of the model in the page, the purpose of dynamically adjusting the page after adding, deleting, modifying and adjusting the sub-model and model attributes is achieved without the intervention of the developer. At the same time, by predefining different scene identities for users with different roles, the purpose of different dynamic display of the same business page for different role-focused content can be realized. All configuration definition information supports export and import excel functions. After exporting the initial setting excel file of the system, it is convenient for on-site implementers to communicate with customers about the business model, and at the same time, implementers can directly modify relevant information in excel after communicating with users. After the modification, it can be directly imported into the system and the corresponding adjustment can take effect, which greatly improves the implementation efficiency of product customization.

computer readable storage medium

The computer-readable storage medium provided by the embodiment of the present invention stores a page dynamic configuration generation program, and when the page dynamic configuration generation program is executed by a processor, the steps of the page dynamic configuration generation method provided by the present invention are implemented.

The computer-readable storage medium provided by the present invention combines model modeling with a form designer, and achieves fast and dynamic configuration of the display effect of each scene page on the front end through simple configuration, check, and dragging at the management end. Purpose. Solve the personalized configuration problem that the product is different for different enterprise business models and attributes in each scene page. At the same time, it solves the problems that most of the customer needs need to re-modify the code and release the package due to the increase or decrease of model attributes, the adjustment of form, table, and query condition display, the adjustment of required fields, verification, and prompts. Through the pre-defined scene identity and the parent-child inheritance relationship of the model in the page, the purpose of dynamically adjusting the page after adding, deleting, modifying and adjusting the sub-model and model attributes is achieved without the intervention of the developer. At the same time, by predefining different scene identities for users with different roles, the purpose of different dynamic display of the same business page for different role-focused content can be realized. All configuration definition information supports export and import excel functions. After exporting the initial setting excel file of the system, it is convenient for on-site implementers to communicate with customers about the business model, and at the same time, implementers can directly modify relevant information in excel after communicating with users. After the modification, it can be directly imported into the system and the corresponding adjustment can take effect, which greatly improves the implementation efficiency of product customization.

Electronic equipment

Referring to Figure 10, the electronic device provided by the embodiment of the present invention includes a memory and a processor, and a page dynamic configuration generation program is stored on the memory, and when the page dynamic configuration generation program is executed by the processor, the page dynamic configuration generation provided by the present invention is realized. method steps.

The electronic device provided by the present invention combines model modeling with a form designer, and achieves the purpose of quickly and dynamically configuring the display effect of each scene page on the front end through simple configuration, check, and dragging at the management end. Solve the personalized configuration problem that the product is different for different enterprise business models and attributes in each scene page. At the same time, it solves the problems that most of the customer needs need to re-modify the code and release the package due to the increase or decrease of model attributes, the adjustment of form, table, and query condition display, the adjustment of required fields, verification, and prompts. Through the pre-defined scene identity and the parent-child inheritance relationship of the model in the page, the purpose of dynamically adjusting the page after adding, deleting, modifying and adjusting the sub-model and model attributes is achieved without the intervention of the developer. At the same time, by predefining different scene identities for users with different roles, the purpose of different dynamic display of the same business page for different role-focused content can be realized. All configuration definition information supports export and import excel functions. After exporting the initial setting excel file of the system, it is convenient for on-site implementers to communicate with customers about the business model, and at the same time, implementers can directly modify relevant information in excel after communicating with users. After the modification, it can be directly imported into the system and the corresponding adjustment can take effect, which greatly improves the implementation efficiency of product customization.

Referring to FIG. 10 , FIG. 10 is a schematic structural diagram of a page dynamic configuration generation device for a hardware operating environment involved in the solution of the embodiment of the present invention.

As shown in FIG. 10 , the page dynamic configuration generation device 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 . Wherein, the communication bus 1002 is used to realize connection and communication between these components. The user interface 1003 may include a display screen (Display), an input unit such as a keyboard (Keyboard), and the optional user interface 1003 may also 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 .

Those skilled in the art can understand that the structure shown in Figure 10 does not constitute a limitation to the page dynamic configuration generation device, and may include more or less components than those shown in the illustration, or combine certain components, or arrange different components .

As shown in FIG. 10 , 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 page dynamic configuration generation program.

In the page dynamic configuration generation device shown in Figure 10, 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 in the page dynamic configuration generation device of the present invention . The memory 1005 can be set in the page dynamic configuration generation device, and the page dynamic configuration generation device calls the page dynamic configuration generation program stored in the memory 1005 through the processor 1001, and executes the page dynamic configuration generation method provided by the embodiment of the present invention.

While preferred embodiments of the invention have been described, additional changes and modifications to these embodiments can be made by those skilled in the art once the basic inventive concept is appreciated. Therefore, it is intended that the appended claims be construed to cover the preferred embodiment as well as all changes and modifications which fall within the scope of the invention.

Obviously, those skilled in the art can make various changes and modifications 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 equivalent technologies thereof, the present invention also intends to include these modifications and variations.

Claims (10)

1. A page dynamic configuration generation method is characterized in that, comprising the following steps: Obtain the current model configuration of the current scene of the page to be generated; According to the current model configuration of the current scene of the page to be generated, confirm whether the current scene configuration of the page to be generated exists; If the current scene configuration of the page to be generated exists, obtain the default configuration of the current model of the page to be generated; According to the default configuration of the current model of the page to be generated, confirm whether the default scene configuration of the current model of the page to be generated exists; If the current model default scene configuration of the page to be generated exists, dynamically load the form definition, table definition, and query definition of the page to be generated to generate the page to be generated. 2. The page dynamic configuration generation method according to claim 1, characterized in that, in the step of confirming whether the current scene configuration of the page to be generated exists according to the current scene current model configuration of the page to be generated , if the current scene configuration of the page to be generated does not exist, the following steps are also included: Obtain the current scene configuration of the parent model of the current model of the page to be generated; According to the current scene configuration of the parent model of the current model of the page to be generated, confirm whether the current scene configuration of the page to be generated exists: If the current scene configuration of the page to be generated exists, obtain the default configuration of the current model of the page to be generated; If the current scene configuration of the page to be generated does not exist, confirm whether the current scene configuration of the parent model of the current model of the page to be generated is the root model of the current model of the page to be generated, If the current scene configuration of the parent model of the current model of the page to be generated is the root model of the current model of the page to be generated, obtain the default configuration of the current model of the page to be generated, If the current scene configuration of the parent model of the current model of the page to be generated is not the root model of the current model of the page to be generated, return to obtain the current scene configuration of the parent model of the current model of the page to be generated. 3. The page dynamic configuration generation method according to claim 1, wherein, according to the default configuration of the current model of the page to be generated, confirming whether the default scene configuration of the current model of the page to be generated exists in the step process , if the current model default scene configuration of the page to be generated does not exist, the following steps are also included: Obtain the default scene configuration of the parent model of the current model of the page to be generated; According to the default scene configuration of the parent model of the current model of the page to be generated, confirm whether the default scene configuration of the page to be generated exists: If the default scene configuration of the parent model of the current model exists, dynamically load the form definition, form definition, and query definition of the page to be generated, and generate the page to be generated, If the default scene configuration of the parent model of the current model does not exist, obtain the default scene configuration of the parent model of the current model of the page to be generated, According to the default scene configuration of the parent model of the current model of the page to be generated, confirm whether the default scene configuration of the parent model of the current model exists, If the default scene configuration of the parent model of the current model exists, dynamically load the form definition, form definition, and query definition of the page to be generated, and generate the page to be generated, If the default scene configuration of the parent model of the current model does not exist, confirm whether the default scene configuration of the parent model of the current model of the page to be generated is the root model of the default model of the page to be generated, If the default scene configuration of the parent model of the current model of the page to be generated is the root model of the default model of the page to be generated, terminate the generation of the page to be generated; If the default scene configuration of the parent model of the current model of the page to be generated is not the root model of the default model of the page to be generated, return to obtain the default scene configuration of the parent model of the current model of the page to be generated. 4. The page dynamic configuration generation method according to claim 2 or 3, characterized in that, during the step of obtaining the current scene configuration of the parent model of the current model of the page to be generated, if the page to be generated There are individual requirements for the current model, which also includes the following steps: Overload the configuration of the parent model of the current model of the page to be generated; According to the personalized requirements of the current model of the page to be generated, perform personalized modification, and obtain the modified configuration of the parent model of the current model of the page to be generated, so that the modified current model of the page to be generated The configuration of the parent model of the model is adapted to the individual requirements of the current model of the page to be generated. 5. The page dynamic configuration generating method according to claim 1, characterized in that, in the step of obtaining the current scene current model configuration of the page to be generated, the current scene current model configuration of the page to be generated includes an identity , name, data type, data length, data dictionary, formatter, whether it can participate in subsequent form configuration, table configuration, query configuration, and one or more attribute information in the import configuration. 6. The page dynamic configuration generating method according to claim 1, wherein if the current model default scene configuration of the page to be generated exists, dynamically load the form definition, form definition, and query of the page to be generated Definition, during the steps of generating the page to be generated, The dynamic loading of the form definition of the page to be generated specifically includes the following steps: The front-end page of the page to be generated finds the specific form definition by predefining the same scene identity in the page as in the form definition in pages related to forms such as new creation, editing, and details, according to the scene identity The template page dynamically loads the configured form definition into the page to be generated through the front-end dynamic loading technology of the Vue software; The dynamic loading of the table definition of the page to be generated specifically includes the following steps: The front-end page of the page to be generated is in the page related to the display of the list table, by predefining the same scene identity in the page as in the table definition, and finding the template page of the specific table definition according to the scene mark, through the Vue software The front-end dynamic loading technology dynamically loads the configured table definition into the page; The dynamic loading of the query definition of the page to be generated specifically includes the following steps: The front-end page of the page to be generated is in the page related to the query form by predefining the same scene identity in the page as in the form definition, and finding the template page of the specific form definition according to the scene identity, through the Vue software The front-end dynamic loading technology dynamically loads the configured query form definition into the page. 7. The page dynamic configuration generation method according to claim 6, wherein if the current model default scene configuration of the page to be generated exists, dynamically load the form definition, form definition, and query of the page to be generated Definition, during the steps of generating the page to be generated, The dynamic loading of the form definition of the page to be generated specifically further includes the following steps: In the front-end page of the page to be generated, it is necessary to load the definition of a certain type of model as the display root model definition, and dynamically load the definitions of all sub-models according to the inheritance relationship of the model during the loading process, so as to realize the dynamic generation and display effect of the form of the page; The dynamic loading of the table definition of the page to be generated specifically further includes the following steps: The display column of the page table to be generated supports the personalized setting of the user level at the same time, provides the display setting of the user-level attribute list and the setting of the arrangement order of the attribute in the setting function of the form, and supports the function of restoring the default configuration of the system at the same time; The dynamic loading of the query definition of the page to be generated specifically further includes the following steps: In the front-end page of the page to be generated, the definition of a certain type of model needs to be loaded as the display root model definition. During the loading process, the definitions of all sub-models are dynamically loaded according to the inheritance relationship of the model, so as to realize the dynamic generation and display effect of the form of the page. 8. A page dynamic configuration generation device, characterized in that, comprising: The current scene current model configuration acquisition module is used to obtain the current scene current model configuration of the page to be generated; The first confirmation module is configured to confirm whether the current scene configuration of the page to be generated exists according to the current model configuration of the current scene of the page to be generated; The current model default configuration obtaining module is used to obtain the current model default configuration of the to-be-generated page if the current scene configuration of the to-be-generated page exists; The second confirmation module is used to confirm whether the current model default scene configuration of the page to be generated exists according to the default configuration of the current model of the page to be generated; A dynamic loading module, if the current model default scene configuration of the page to be generated exists, is used to dynamically load the form definition, table definition, and query definition of the page to be generated, and generate the page to be generated. 9. A computer-readable storage medium, characterized in that, the computer-readable storage medium stores a page dynamic configuration generation program, and when the page dynamic configuration generation program is executed by a processor, claims 1-7 are realized Steps in any one of the page dynamic configuration generating methods. 10. An electronic device, characterized in that it comprises a memory and a processor, the memory stores a page dynamic configuration generation program, and when the page dynamic configuration generation program is executed by the processor, it realizes claim 1- Steps in the method for generating page dynamic configuration described in any one of 7.

Images