CN114637951A - Method and system for dynamically loading functional page based on configuration file - Google Patents

Method and system for dynamically loading functional page based on configuration file Download PDF

Info

Publication number
CN114637951A
CN114637951A CN202210319438.0A CN202210319438A CN114637951A CN 114637951 A CN114637951 A CN 114637951A CN 202210319438 A CN202210319438 A CN 202210319438A CN 114637951 A CN114637951 A CN 114637951A
Authority
CN
China
Prior art keywords
flow chart
information
page
node
file
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202210319438.0A
Other languages
Chinese (zh)
Inventor
赵亮
王毅
刘鹏飞
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Xian Thermal Power Research Institute Co Ltd
Xian TPRI Power Station Information Technology Co Ltd
Original Assignee
Xian Thermal Power Research Institute Co Ltd
Xian TPRI Power Station Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Xian Thermal Power Research Institute Co Ltd, Xian TPRI Power Station Information Technology Co Ltd filed Critical Xian Thermal Power Research Institute Co Ltd
Priority to CN202210319438.0A priority Critical patent/CN114637951A/en
Publication of CN114637951A publication Critical patent/CN114637951A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/972Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/955Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986Document structures and storage, e.g. HTML extensions
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44505Configuring for program initiating, e.g. using registry, configuration files
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44521Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The invention discloses a method and a system for dynamically loading a function page based on a configuration file, wherein the method comprises the following steps: constructing an organizational structure file interlayer level structure according to a power plant organization tree structure; establishing configuration file information in an organization folder, wherein the configuration file information is organization related parameters, a flow chart type to be displayed and flow chart information; combining the organization folder and the configuration file information into tree structure data, and providing a real-time data flow chart page in an interface form; and displaying the tree structure on one side of the page, and displaying a flow chart of the corresponding type of the node configuration on the other side of the page according to the node selected by the user. The method realizes the online monitoring and displaying of different types of real-time data by the monitoring system of the power generation enterprise.

Description

Method and system for dynamically loading functional page based on configuration file
Technical Field
The invention belongs to the technical field of front-end display of computer application, and particularly relates to a method and a system for dynamically loading a function page based on a configuration file.
Background
The production flow chart is a visual display technology of real-time data, and the operation state data of various equipment of the power plant is acquired and displayed graphically. A flow chart generation visualization technology is applied to a production monitoring system of a power generation enterprise in a large quantity, and under the technical system, various manufacturers provide similar production flow chart display schemes at present, wherein the common display schemes comprise a graph4, a pdi, an svg, a vue component and a url.
Usually, a monitoring system of a power generation enterprise only supports one display mode, the requirement for integrating multiple display schemes cannot be met, and timely response cannot be achieved to flexible and changeable display requirements.
Disclosure of Invention
The invention aims to provide a method and a system for dynamically loading a function page based on a configuration file, and the method realizes the online monitoring and displaying of different types of real-time data by a monitoring system of a power generation enterprise.
In order to achieve the purpose, the invention adopts the following technical scheme:
a method for dynamically loading a function page based on a configuration file comprises the following steps:
constructing an organizational structure file interlayer level structure according to a power plant organization tree structure;
establishing configuration file information in an organization folder, wherein the configuration file information is organization related parameters, a flow chart type to be displayed and flow chart information;
combining the organization folder and the configuration file information into tree structure data, and providing a real-time data flow chart page in an interface form;
and displaying the tree structure on one side of the page, and displaying a flow chart of the corresponding type of the node configuration on the other side of the page according to the node selected by the user.
As a further improvement of the present invention, the organizing mechanism folder and the configuration file information are combined into tree structure data, and a real-time data flow chart page is provided in the form of an interface, specifically including:
the back-end program firstly reads information of a loaded organization file tree to a memory, and then the information is combined into data of a tree structure through processing and filtering;
reading an xml configuration file under each file, and reading the content of the configuration file, wherein a node is a corresponding configuration node, a value in the node is a transmitted parameter, text is a node name displayed in a tree structure, type is a displayed production flow chart file type, and url is resource information corresponding to a displayed flow chart; and analyzing the xml information through the program code, mounting each information of the xml information to corresponding tree node data, combining the xml information and the corresponding tree node data into json tree structure data, and providing a corresponding interface for a front-end real-time data flow chart page.
As a further improvement of the present invention, the displaying a tree structure on a page specifically includes:
the front-end real-time data flow chart page obtains data through the organization structure based on configuration and the display information interface, and the data are displayed in a tree structure on one side of the page, so that a user can conveniently select and view the corresponding organization real-time data flow chart.
As a further improvement of the invention, the tree structure displayed on one side of the page is convenient for the user to select and view the corresponding organization real-time data flow chart, which also comprises: and adding a global unique identifier to the tree data and adding a Path attribute method to the tree node for page jump positioning.
As a further improvement of the present invention, the process of displaying the node configuration corresponding type according to the node selected by the user includes the following steps:
the node configuration corresponding type comprises a graph4, pd, svg, vue file and url link;
when the flow chart type is graph4, the html generated by the front-end program through the back-end analysis is fetched by the front-end to be displayed;
when the flow chart type is pdi, the front-end program is displayed by loading an Activex control;
when the flow chart type is svg, the front-end program displays the svg content by loading img labels;
when the flow chart type is vue file, the front-end program displays vue file content by loading vue component;
when the flow chart type is url link, the front-end program displays the url content by loading the iframe component.
A system for dynamically loading a function page based on a configuration file, comprising:
the folder construction module is used for constructing an organization mechanism file interlayer level structure according to a power plant organization mechanism tree structure;
the file information configuration module is used for establishing configuration file information in the organizational structure folder, wherein the configuration file information is related parameters of the organizational structure, a flow chart type to be displayed and the flow chart information;
the page providing module is used for combining the organizational structure folder and the configuration file information into tree structure data and providing a real-time data flow chart page in an interface mode;
and the flow chart display module is used for displaying the tree structure on one side of the page and displaying the flow chart of the corresponding type of the node configuration on the other side of the page according to the node selected by the user.
As a further improvement of the present invention, the page providing module is specifically configured to:
the back-end program firstly reads information of a loaded organization file tree to a memory, and then the information is combined into data of a tree structure through processing and filtering;
reading an xml configuration file under each file, and reading the content of the configuration file, wherein a node is a corresponding configuration node, a value in the node is a transmitted parameter, text is a node name displayed in a tree structure, type is a displayed production flow chart file type, and url is resource information corresponding to a displayed flow chart; and analyzing the xml information through the program code, mounting each information of the xml information to corresponding tree node data, combining the xml information and the corresponding tree node data into json tree structure data, and providing a corresponding interface for a front-end real-time data flow chart page.
As a further improvement of the present invention, the flowchart display module is specifically configured to:
the node configuration corresponding type comprises a graph4, a pd, an svg, a vue file and a url link;
when the flow chart type is graph4, the html generated by the front-end program through the back-end analysis is fetched by the front-end to be displayed;
when the flow chart type is pdi, the front-end program is displayed by loading an Activex control;
when the flow chart type is svg, the front-end program displays the svg content by loading img labels;
when the flow chart type is vue file, the front-end program displays vue file content by loading vue component;
when the flow chart type is url link, the front-end program displays the content of the url by loading the iframe component.
An electronic device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, the processor implementing the steps of the method for dynamically loading a function page based on a configuration file when executing the computer program.
A computer-readable storage medium, in which a computer program is stored which, when being executed by a processor, carries out the steps of the method for dynamically loading a function page based on a configuration file.
Compared with the prior art, the invention has at least the following beneficial technical effects:
the tree structure is displayed on one side of the page, the flow chart of the corresponding type of the node configuration is displayed on the other side of the page according to the node selected by the user, and therefore when the graph4, pdi, svg, vue components and url are required to be loaded and displayed on the page, the problem that the corresponding loading and displaying components do not need to be developed aiming at different data types, the loading and displaying are dynamically judged based on the type of the flow chart is solved, and the user experience is improved. The invention combines the organizational structure folder and the configuration file information into tree structure data, provides a real-time data flow chart page in an interface form, realizes dynamic loading of different flow chart types by modifying the configuration file information, does not need to realize the requirement of a client by developing or modifying codes by developers, achieves quick response to the requirement of a user, and improves the development speed and efficiency.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the embodiments or the prior art descriptions will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without inventive exercise.
FIG. 1 is a general flow diagram of the present invention;
FIG. 2 is a file configuration diagram of the present invention;
FIG. 3 is a tree structure parsing code diagram of the present invention;
FIG. 4 is a system diagram illustrating a function page dynamically loaded based on a configuration file according to a preferred embodiment of the present invention;
fig. 5 is a schematic structural diagram of an electronic device according to a preferred embodiment of the invention.
Detailed Description
The present invention will be described in detail below with reference to the accompanying drawings in conjunction with embodiments. It should be noted that the embodiments and features of the embodiments in the present application may be combined with each other without conflict.
The following detailed description is exemplary in nature and is intended to provide further details of the invention. Unless otherwise defined, all technical terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs. The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of exemplary embodiments according to the invention.
The invention provides a method for dynamically loading functional pages based on a configuration file, which realizes the online monitoring and displaying of different types of real-time data by a monitoring system of a power generation enterprise, and the overall flow is shown as figure 1 and comprises the following steps:
step 1: and establishing a folder hierarchical structure corresponding to the organization as a name on the magnetic disk according to the power plant organization tree structure.
Step 2: an xml file is created under each folder named by the organization, the content of the xml file is the configuration information to be displayed corresponding to the interface, and the content structure is shown in fig. 2.
And step 3: the method comprises the steps that a back-end program firstly reads tree information of a file loading organization mechanism to a memory, then data of a tree structure are combined through processing and filtering, then xml configuration files under all the files are read, and the content of the xml configuration files is read, wherein a node is a corresponding configuration node, value in the node is a transmitted parameter, text is a node name displayed by the tree structure, type is a type of a displayed production flow chart file, and url is resource information corresponding to a displayed flow chart. And analyzing the xml information through the program code, mounting each information of the xml information to corresponding tree node data, combining the xml information and the corresponding tree node data into json tree structure data, and providing a corresponding interface for a front-end real-time data flow chart page.
And 4, step 4: the front-end real-time data flow diagram page acquires data through the organization structure and the display information interface based on configuration provided in the step 3, the data is displayed in a tree structure on the left side of the page, a user can conveniently select and view a corresponding organization real-time data flow diagram, codes for analyzing and processing json tree structure data at the front end are shown in fig. 3, and the method for adding a Globally Unique Identifier (GUID) to the tree data and the method for adding a Path attribute to a tree node are included for page jump positioning.
And 5: and displaying the flow chart of the configuration of the organization structure node clicked by the user on the right page of the front-end real-time data flow chart, and displaying the flow chart of the corresponding type by loading the corresponding component according to the type of the flow chart.
The step 5 specifically comprises the following steps:
and step S51, when the flow chart type is graph4, the front-end program takes the url display of the html generated by the back-end analysis.
And step S52, when the flow chart type is pdi, the front-end program displays by loading an Activex control.
And step S53, when the type of the flow chart is svg, the front-end program displays the svg content by loading img labels.
At step 54, when the flow chart type is vue file, the front end program displays vue file content by loading vue component.
And step S55, when the flow chart type is url link, the front-end program displays the content of the url by loading the iframe component.
As shown in fig. 4, the present invention further provides a system for dynamically loading a function page based on a configuration file, including:
the file folder construction module is used for constructing an organization mechanism file interlayer level structure according to a power plant organization mechanism tree structure;
the file information configuration module is used for establishing configuration file information in the organizational structure folder, wherein the configuration file information is related parameters of the organizational structure, a flow chart type to be displayed and the flow chart information;
the page providing module is used for combining the organization folder and the configuration file information into tree structure data and providing a real-time data flow chart page in an interface mode;
and the flow chart display module is used for displaying the tree structure on one side of the page and displaying the flow chart of the corresponding type of the node configuration on the other side of the page according to the node selected by the user.
The page providing module is specifically configured to:
the back-end program firstly reads and loads the organization file tree information to the memory, and then the tree-shaped data is combined through processing and filtering;
reading an xml configuration file under each file, and reading the content of the configuration file, wherein a node is a corresponding configuration node, a value in the node is a transmitted parameter, text is a node name displayed in a tree structure, type is a displayed production flow chart file type, and url is resource information corresponding to a displayed flow chart; and analyzing the xml information through the program code, mounting each information of the xml information to corresponding tree node data, combining the xml information and the corresponding tree node data into json tree structure data, and providing a corresponding interface for a front-end real-time data flow chart page.
The flowchart display module is specifically configured to:
the node configuration corresponding type comprises a graph4, pd, svg, vue file and url link;
when the flow chart type is graph4, the html generated by the front-end program through the back-end analysis is fetched by the front-end to be displayed;
when the flow chart type is pdi, the front-end program is displayed by loading an Activex control;
when the flow chart type is svg, the front-end program displays the svg content by loading img labels;
when the flow chart type is vue file, the front-end program displays vue file content by loading vue component;
when the flow chart type is url link, the front-end program displays the content of the url by loading the iframe component.
A third object of the present invention is to provide an electronic device, as shown in fig. 5, including a memory, a processor and a computer program stored in the memory and running on the processor, wherein the processor implements the steps of the method for dynamically loading a function page based on a configuration file when executing the computer program.
The method for dynamically loading the function page based on the configuration file comprises the following steps:
constructing an organizational structure file interlayer level structure according to a power plant organization tree structure;
establishing configuration file information in an organization folder, wherein the configuration file information is organization related parameters, a flow chart type to be displayed and flow chart information;
combining the organization folder and the configuration file information into tree structure data, and providing a real-time data flow chart page in an interface form;
and displaying the tree structure on one side of the page, and displaying a flow chart of the corresponding type of the node configuration on the other side of the page according to the node selected by the user.
A fourth object of the present invention is to provide a computer-readable storage medium, which stores a computer program, which, when being executed by a processor, implements the steps of the method for dynamically loading a function page based on a configuration file.
The method for dynamically loading the function page based on the configuration file comprises the following steps:
constructing an organizational structure file interlayer level structure according to a power plant organization tree structure;
establishing configuration file information in an organization folder, wherein the configuration file information is organization related parameters, a flow chart type to be displayed and flow chart information;
combining the organization folder and the configuration file information into tree structure data, and providing a real-time data flow chart page in an interface form;
and displaying the tree structure on one side of the page, and displaying a flow chart of the corresponding type of the node configuration on the other side of the page according to the node selected by the user.
The method of the present invention is described in detail below with reference to specific examples:
a root folder name is newly built on a disk and is called a company name, then an xml configuration information file shown in fig. 2 is newly built in the company folder, folder information named by each power plant is newly built, then self xml configuration file information is built in each power plant folder, a back-end program reads the folder level mechanism and the file type xml configuration information and transmits the information to a front-end page module, and the front-end page module analyzes data transmitted by the back-end program through a code shown in fig. 3 to build a corresponding real-time data flow chart.
As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In the embodiments provided by the present invention, it should be understood that the disclosed apparatus, device and method can be implemented in other ways. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the modules is only one logical functional division, and there may be other divisions when the actual implementation is performed; the modules described as separate parts may or may not be physically separate, and parts displayed as modules may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the method of the embodiment.
It will also be evident to those skilled in the art that the invention is not limited to the details of the foregoing illustrative embodiments, and that the present invention may be embodied in other specific forms without departing from the spirit or essential attributes thereof.
The present embodiments are therefore to be considered in all respects as illustrative and not restrictive, the scope of the invention being indicated by the appended claims rather than by the foregoing description, and all changes which come within the meaning and range of equivalency of the claims are therefore intended to be embraced therein. Any reference signs in the claims shall not be construed as limiting the claim concerned.
Furthermore, it is obvious that the word "comprising" does not exclude other elements or steps, and the singular does not exclude the plural. A plurality of units or means recited in the system claims may also be implemented by one unit or means in software or hardware. The terms second, etc. are used to denote names, but not any particular order.
Finally, it should be noted that the above examples are only intended to illustrate the technical process of the invention and are not limiting, and that: the above embodiments are only for illustrating the technical solutions of the present invention and not for limiting the same, and although the present invention is described in detail with reference to the above embodiments, those of ordinary skill in the art should understand that: modifications and equivalents may be made to the embodiments of the invention without departing from the spirit and scope of the invention, which is to be covered by the claims.

Claims (10)

1. A method for dynamically loading a function page based on a configuration file is characterized by comprising the following steps:
constructing an organizational structure file interlayer level structure according to a power plant organization tree structure;
establishing configuration file information in an organization folder, wherein the configuration file information is organization related parameters, a flow chart type to be displayed and flow chart information;
combining the organization folder and the configuration file information into tree structure data, and providing a real-time data flow chart page in an interface form;
and displaying the tree structure on one side of the page, and displaying a flow chart of the corresponding type of the node configuration on the other side of the page according to the node selected by the user.
2. The method according to claim 1, wherein the organizing mechanism folder and the configuration file information are combined into tree-structured data, and the real-time data flow chart page is provided in an interface form, specifically comprising:
the back-end program firstly reads information of a loaded organization file tree to a memory, and then the information is combined into data of a tree structure through processing and filtering;
reading an xml configuration file under each file, and reading the content of the configuration file, wherein a node is a corresponding configuration node, a value in the node is a transmitted parameter, text is a node name displayed in a tree structure, type is a displayed production flow chart file type, and url is resource information corresponding to a displayed flow chart; and analyzing the xml information through the program code, mounting each information to corresponding tree node data, combining into json tree structure data, and providing a corresponding interface for a front-end real-time data flow chart page.
3. The method for dynamically loading a function page based on a configuration file according to claim 1, wherein the displaying a tree structure on a page specifically comprises:
the front-end real-time data flow chart page obtains data through the organization structure based on configuration and the display information interface, and the data are displayed in a tree structure on one side of the page, so that a user can conveniently select and view the corresponding organization real-time data flow chart.
4. The method as claimed in claim 3, wherein the step of displaying a tree structure on one side of the page for a user to select and view the corresponding real-time data flow chart of the organization further comprises: a method for adding a global unique identifier to tree data and a method for adding a Path attribute to a tree node are used for page jump positioning.
5. The method for dynamically loading a function page based on a configuration file according to claim 1, wherein the step of displaying the flow chart of the corresponding type of the node configuration according to the node selected by the user comprises the following steps:
the node configuration corresponding type comprises a graph4, pd, svg, vue file and url link;
when the flow chart type is graph4, the html generated by the front-end program through the back-end analysis is fetched by the front-end to be displayed;
when the flow chart type is pdi, the front-end program is displayed by loading an Activex control;
when the flow chart type is svg, the front-end program displays the svg content by loading img labels;
when the flow chart type is vue file, the front-end program displays vue file content by loading vue component;
when the flow chart type is url link, the front-end program displays the content of the url by loading the iframe component.
6. A system for dynamically loading a function page based on a configuration file, comprising:
the file folder construction module is used for constructing an organization mechanism file interlayer level structure according to a power plant organization mechanism tree structure;
the file information configuration module is used for establishing configuration file information in the organizational structure folder, wherein the configuration file information is related parameters of the organizational structure, a flow chart type to be displayed and the flow chart information;
the page providing module is used for combining the organization folder and the configuration file information into tree structure data and providing a real-time data flow chart page in an interface mode;
and the flow chart display module is used for displaying the tree structure on one side of the page and displaying the flow chart of the corresponding type of the node configuration on the other side of the page according to the node selected by the user.
7. The system for dynamically loading a function page based on a configuration file according to claim 6, wherein the page providing module is specifically configured to:
the back-end program firstly reads information of a loaded organization file tree to a memory, and then the information is combined into data of a tree structure through processing and filtering;
reading xml configuration files under all files, and reading the contents of the configuration files, wherein a node is a corresponding configuration node, a value in the node is a transmitted parameter, a text is a node name displayed by a tree structure, a type is a displayed production flow chart file type, and a url is resource information corresponding to a displayed flow chart; and analyzing the xml information through the program code, mounting each information of the xml information to corresponding tree node data, combining the xml information and the corresponding tree node data into json tree structure data, and providing a corresponding interface for a front-end real-time data flow chart page.
8. The system for dynamically loading a function page based on a configuration file according to claim 6, wherein the flowchart display module is specifically configured to:
the node configuration corresponding type comprises a graph4, pd, svg, vue file and url link;
when the flow chart type is graph4, the html generated by the front-end program through the back-end analysis is fetched by the front-end to be displayed;
when the flow chart type is pdi, the front-end program is displayed by loading an Activex control;
when the flow chart type is svg, the front-end program displays the svg content by loading img labels;
when the flow chart type is vue file, the front-end program displays vue file content by loading vue component;
when the flow chart type is url link, the front-end program displays the content of the url by loading the iframe component.
9. An electronic device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, the processor implementing the steps of the method for dynamically loading a function page based on a configuration file according to any of claims 1-5 when executing the computer program.
10. A computer-readable storage medium, in which a computer program is stored which, when being executed by a processor, carries out the steps of the method for dynamically loading a function page based on a profile of any one of claims 1 to 5.
CN202210319438.0A 2022-03-29 2022-03-29 Method and system for dynamically loading functional page based on configuration file Pending CN114637951A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210319438.0A CN114637951A (en) 2022-03-29 2022-03-29 Method and system for dynamically loading functional page based on configuration file

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210319438.0A CN114637951A (en) 2022-03-29 2022-03-29 Method and system for dynamically loading functional page based on configuration file

Publications (1)

Publication Number Publication Date
CN114637951A true CN114637951A (en) 2022-06-17

Family

ID=81952460

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210319438.0A Pending CN114637951A (en) 2022-03-29 2022-03-29 Method and system for dynamically loading functional page based on configuration file

Country Status (1)

Country Link
CN (1) CN114637951A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117910438A (en) * 2024-03-13 2024-04-19 江苏中威科技软件***有限公司 Dynamic format file DLF generation device

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117910438A (en) * 2024-03-13 2024-04-19 江苏中威科技软件***有限公司 Dynamic format file DLF generation device

Similar Documents

Publication Publication Date Title
CN111259303B (en) System and method for automatically generating front-end page of WEB information system
US8140590B2 (en) Dynamic generation of user interfaces and automated mapping of input data for service-oriented architecture-based system management applications
US20130166550A1 (en) Integration of Tags and Object Data
CN102184184B (en) Method for acquiring webpage dynamic information
CN115617327A (en) Low code page building system, method and computer readable storage medium
US20170192877A1 (en) Mobile application development and deployment
CN101799753B (en) Method and device for realizing tree structure
CN110609681A (en) System, method, device and medium for visually configuring and generating WEB application
CN111444696B (en) Report form display and editing method and device
CN106933887B (en) Data visualization method and device
CN104298588A (en) Continuous integration implementation method and device
CN110673847A (en) Configuration page generation method and device, electronic equipment and readable storage medium
CN108920147B (en) Web page construction method and device, computing equipment and storage medium
CN111966336A (en) Page generation method and device based on VUE and visual graphic operation
US20130191421A1 (en) Generating views of subsets of nodes of a schema
CN114637951A (en) Method and system for dynamically loading functional page based on configuration file
US20140130008A1 (en) Generating information models
CN106406842A (en) A method and a system for displaying histograms on webpages
CN112632425A (en) Method, device, equipment and storage medium for generating offline resource file
CN116661759A (en) Page automatic generation method, system and storage medium
CN116227454A (en) Universal automatic report generation method and system
CN113282279B (en) Background push curve component of power system regulation cloud and implementation method
CN114817379A (en) Qunee-based configuration item relation visualization method, system, equipment and medium
CN110019177A (en) The method and apparatus of rule storage
CN114047999A (en) Page configuration method, system, electronic equipment and storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination