A control method and system for industrial flow chart

Abstract

The present invention discloses a control method and system for an industrial flow chart, including: defining a theme archive structure and theme content of a process flow chart, including a complete theme archive and a simplified theme archive; updating the complete theme archive of the process flow chart, and simplifying it to obtain a simplified theme archive; in response to a rendering request of the flow chart, calling the complete theme archive selected by the rendering request to render the process flow chart; calling the simplified theme archive corresponding to the complete theme archive, and rendering the front-end style framework other than the process flow chart. The present invention only needs to add a set of theme configurations when adding a theme, and only needs to adjust the corresponding theme configurations when modifying a theme, which greatly reduces the configuration cost and hardware resource consumption, and makes modification more convenient; ensuring that the style of the process flow chart and the carrier system are consistent, solving the problem of inconsistent interface styles after modifying the theme of the process flow chart, and improving the aesthetics and consistency of the overall system.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular to a control method and system for an industrial flow chart. Background Art

[0002] In the field of industrial automation, process flow charts are an indispensable and important part. They can intuitively display the production process, facilitate process optimization and standardized operation, and help quality management personnel supervise each link to ensure that the production process meets the established quality standards. Due to the key role of process flow charts in process management, they need to be viewed and used for a long time and at a high frequency. However, with the rapid development of industrial technology, the management and definition of traditional process flow charts face many challenges. With the expansion of industrial production scale, traditional flow charts often need to generate a new set of process flow charts for each process with the same logic but different styles when adding a new theme, which increases the complexity of management and control; and each flow chart requires manual configuration by engineers. Adding new flow charts to support more themes will take a lot of time and workload, increasing the maintenance cost of the system; in addition, the style of the process flow chart is usually configurable, but the overall system that carries the process flow chart does not have the flexibility of style configuration. When the theme of the process flow chart is modified, its style may be inconsistent with the style of the overall system, resulting in significant inconsistency in the interface style.

[0003] The "A Theme Style Switching Method and System" disclosed in the Chinese patent literature has a publication number of CN114090160A and a publication date of 2022-02-25, which includes extracting a color style cascade table from the acquired style file, and determining the basic style for theme color switching based on the color style cascade table; the style file is a file that displays the theme style of the web page. When the theme style changes, the target style theme style is determined based on the changed theme style and the basic style, and the theme style switching operation is performed based on the target style theme style. Through the above technology, there is no need to dynamically refresh the current web page to achieve the switching of theme styles, avoiding the waste of resources requested by the current web page. There is no need to interact with the server when switching the theme style, so that the theme style can be automatically switched without perception, thereby improving the efficiency of theme style switching. In addition, theme style switching can be achieved through IE browser and other lower versions of browsers to improve compatibility. However, this technology is only a technology for switching web page themes. Its premise is that different themes have been generated and saved, and then the corresponding theme is selected for switching. It is not suitable for theme switching control in the field of process flow charts, and cannot guarantee the consistency of the interface style after the process flow chart theme is modified. It will take a lot of time and workload to add new themes. Summary of the invention

[0004] The present invention aims to overcome the problem in the prior art that adding a new theme to a process flow chart consumes a lot of time and workload, and after changing the theme of the process flow chart, the consistency of the style of the process flow chart and the overall system interface cannot be guaranteed. A control method and system for an industrial flow chart are provided.

[0005] In order to achieve the above object, the present invention adopts the following technical solutions: A control method for an industrial flow chart, comprising: Define the subject archive structure and subject content of the process flow diagram, including complete subject archive and simplified subject archive; Update the complete subject archive of the process flow diagram and simplify it to obtain a simplified subject archive; In response to a rendering request of the process flow chart, calling a complete subject archive selected in the rendering request to render the process flow chart; Retrieve the simplified theme archive corresponding to the complete theme archive, and render the front-end style framework other than the process flow chart.

[0006] The present invention reduces the duplication of work when adding new process themes by introducing a unified theme definition and management mechanism. When adding a new theme, only one set of theme configurations needs to be configured to reuse the existing process flow chart, which reduces the complexity of management. No matter how many new themes are added, only one flow chart configuration work needs to be performed, thereby greatly reducing the configuration cost. In terms of resource consumption, compared with the traditional method, when adding a new theme, only one set of theme archives needs to be added, which significantly reduces the storage requirements of the hard disk, and does not increase network overhead, thereby optimizing resource consumption. The flowchart theme control method of the present invention can realize the unified modification of flowchart elements, and can simultaneously update similar elements in multiple flowcharts, greatly simplifying the modification process and significantly improving work efficiency. After modifying the theme of the flowchart, the front-end style framework outside the flowchart can be modified synchronously to ensure that the style of the process flow chart and the carrier system remain consistent, thereby solving the problem of inconsistent interface style after modifying the theme of the process flow chart, and improving the aesthetics and consistency of the overall system.

[0007] Preferably, the subject content includes: Subject identity information, each of which uniquely identifies a complete subject archive and a simplified subject archive; Update time and editing status, the time when the topic was created or modified, and whether the topic is currently editable; Theme attributes and attribute values, the attributes that need to be rendered in the current theme archive, and the attribute values ​​corresponding to the attributes.

[0008] Preferably, rendering the process flow chart includes: retrieving a complete subject archive selected by the rendering request; Parse the graphics elements in the process flow chart and traverse all parsed graphics elements; If the theme is not used in the rendering request of the primitive, the primitive is rendered according to the preset default logic; If a theme is used in the rendering request of the primitive, the attribute values ​​corresponding to the theme attributes related to the primitive are extracted from the complete theme archive to render the primitive.

[0009] Preferably, the rendering request includes: Primitives that are not rendered using the theme, and their default rendering logic; The primitives rendered using the theme, and the theme's identity information corresponding to the complete theme archive.

[0010] Preferably, the simplification to obtain a simplified theme archive includes: updating a complete theme archive of the process flow chart; determining a theme item that needs to be rendered by the front-end style framework; The subject attributes and attribute values ​​corresponding to each subject item are extracted from the complete subject archive to construct key-value pairs, which are stored as simplified subject archives.

[0011] Preferably, the rendering of the front-end style framework other than the process flow chart includes: Retrieve the corresponding simplified subject archive based on the subject identity information of the complete subject archive rendered based on the process flow chart; After receiving the simplified theme archive, the front-end style framework renders it according to the key-value pairs of the theme items and overwrites the existing styles with the rendered results.

[0012] Preferably, extracting attribute values ​​corresponding to theme attributes related to the graphic element from the complete theme archive to render the graphic element comprises: Determine whether the attribute value is legal. If it is illegal, return the preset default attribute value to render the primitive; If it is legal, the type of the attribute value is determined; If the attribute value is real data, the corresponding real data is returned to render the primitive; In other cases, the corresponding real data is matched from the complete theme archive and returned to render the primitive.

[0013] A control system for an industrial flow chart, comprising: The theme editing module transfers the edited complete theme archive to the theme service module; The theme service module simplifies the complete theme archive to obtain a simplified theme archive, and stores the theme archive; The flow chart rendering module retrieves the complete theme archive from the theme service module and renders the process flow chart; The style framework rendering module retrieves the simplified theme archive from the main service module to render the front-end style framework.

[0014] Preferably, the theme service module includes: Complete archive unit, which saves the complete theme archive edited in the theme editing module; The simplified unit extracts the theme attributes and attribute values ​​from the complete theme archive to construct key-value pairs, and saves them to the simplified archive unit; the simplified archive unit saves the simplified theme archive simplified by the simplified unit.

[0015] Preferably, the request interface type between the flowchart rendering module and the theme service module is a complete request interface, and the theme service module returns a complete theme archive to the flowchart rendering module; The request interface type between the style framework rendering module and the theme service module is a simplified request interface, and the theme service module returns a simplified theme archive to the style framework rendering module.

[0016] The present invention has the following beneficial effects: in the application of the present invention, when adding a theme, only one set of theme configuration needs to be added, and when modifying a theme, only the corresponding theme configuration needs to be adjusted, which greatly reduces the configuration cost and hardware resource consumption, and makes the modification more convenient; it supports the application of the same theme configuration in multiple modules, and through the integrated theme rendering method, ensures that the style of the process flow chart and the carrier system remain consistent, thereby solving the problem of inconsistent interface style after modifying the process flow chart theme, and improving the aesthetics and consistency of the overall system. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] Figure 1 It is a flow chart of the control method of the industrial flow chart in the present invention.

[0018] Figure 2 It is a flow chart of rendering a graphic element according to the attribute values ​​corresponding to the theme attributes related to the graphic element in an embodiment of the present invention.

[0019] Figure 3 It is a schematic diagram of a control system of an industrial flow chart in the present invention.

[0020] In the figure: 1. Theme editing module; 2. Theme service module; 21. Complete archive unit; 22. Simplified unit; 23. Simplified archive unit; 3. Flowchart rendering module; 4. Style framework rendering module. DETAILED DESCRIPTION

[0021] The present invention is further described below in conjunction with the accompanying drawings and specific embodiments.

[0022] The process flow chart is a common visual chart in industrial automation, which is used to describe the process flow and its various steps in the production process. It helps managers to understand and optimize the production process more intuitively and ensure quality control. With the rapid development of industrial technology, the management and definition of traditional process flow charts face many problems.

[0023] Increased complexity: As the scale of industrial production expands, traditional flow charts often require generating a new set of process flow charts for each process with the same logic but different styles when a new topic is added, which increases the complexity of management.

[0024] High configuration costs: Each flowchart needs to be manually configured by engineers. Adding new flowcharts to support more topics will consume a lot of time and workload, increasing the maintenance cost of the system.

[0025] High consumption of hardware resources: The complexity of flowcharts determines their storage requirements. As the number of flowcharts increases, hard disk storage overhead and network transmission costs also increase, placing a greater burden on hardware resources.

[0026] Difficult to modify: Process flow charts are usually designed and configured according to unified rules. After the configuration is completed, if the style of a certain element needs to be modified, it is often necessary to find and modify all related elements. This process is time-consuming, labor-intensive and extremely challenging.

[0027] Inconsistent style: The style of a process flow chart is usually configurable, but the overall system that hosts the process flow chart does not have the flexibility of style configuration. When the theme of the process flow chart is modified, its style may be inconsistent with the style of the overall system, resulting in significant inconsistency in the interface style.

[0028] Based on the problems existing in the prior art, the present invention provides Figure 1 A control method for an industrial flow chart shown, comprising: Define the subject archive structure and subject content of the process flow diagram, including complete subject archive and simplified subject archive; Update the complete subject archive of the process flow diagram and simplify it to obtain a simplified subject archive; In response to a rendering request of the process flow chart, calling a complete subject archive selected in the rendering request to render the process flow chart; Retrieve the simplified theme archive corresponding to the complete theme archive, and render the front-end style framework other than the process flow chart.

[0029] It should be noted that the present invention reduces the duplication of work when adding new process themes by introducing a unified theme definition and management mechanism. When adding a new theme, only one set of theme configurations needs to be configured to reuse the existing process flow chart, which reduces the complexity of management. No matter how many new themes are added, only one flow chart configuration work needs to be performed, thereby greatly reducing the configuration cost. In terms of resource consumption, compared with the traditional method, when adding a new theme, only one set of theme archives needs to be added, which significantly reduces the storage requirements of the hard disk, and does not increase network overhead, thereby optimizing resource consumption. The flowchart theme control method of the present invention can realize the unified modification of flowchart elements, and can simultaneously update similar elements in multiple flowcharts, greatly simplifying the modification process and significantly improving work efficiency. After modifying the theme of the flowchart, the front-end style framework outside the flowchart can be modified synchronously to ensure that the style of the process flow chart and the carrier system remain consistent, thereby solving the problem of inconsistent interface style after modifying the theme of the process flow chart, and improving the aesthetics and consistency of the overall system.

[0030] Specifically, first define the subject archive structure and subject content of the process flow chart. To ensure that the universal standards are met, the subject archive structure must not only meet the use requirements of the flow chart, but also take into account the requirements of other modules in the flow chart management system (such as the monitoring module). The subject archive content should include information such as whether it is editable, creation time, modification time, etc., and when multiple subjects exist at the same time, the archive must also contain subject identity information such as subject name and subject ID.

[0031] After completing the definition of the subject archive structure and subject content of the process flow chart, it is necessary to update the complete subject archive of the process flow chart and simplify it to obtain a simplified subject archive. In this embodiment, updating the complete subject archive of the process flow chart includes adding new subjects, deleting old subjects, modifying subject content, applying specific subjects, etc., which involves adding, deleting and modifying subject attributes in the subject archive; after updating the complete subject archive, the corresponding simplified subject archive is updated synchronously to ensure the consistency of the complete subject archive and the simplified subject archive with the same subject identity information.

[0032] The rendering of the process flow chart in the present invention includes applying a theme and rendering a newly created flow chart, changing the theme and rendering the previously rendered process flow chart, etc. Regardless of the rendering situation, there will be a corresponding rendering request to start the rendering of the process flow chart. First, the complete theme archive selected in the rendering request is retrieved, and then the process flow chart to be rendered is parsed to parse out the various graphics elements it contains, and each graphics element is traversed and rendered separately. When rendering a graphics element, if the graphics element does not use a theme, the rendering logic will be executed according to the default process; if a theme is used, the attribute value of the corresponding theme attribute is first obtained from the complete theme archive and applied to the graphics element, and then the rendering logic is executed.

[0033] After the process flow chart is rendered, or while the process flow chart is being rendered, in order to ensure the consistency of style between the process flow chart and the overall system that carries the process flow chart after rendering, other front-end style frameworks other than the process flow chart need to be rendered in the same style. Therefore, corresponding to the complete theme archive selected when rendering the process flow chart, the corresponding simplified theme archive is retrieved, and the simplified theme archive is applied to the front-end style framework for rendering. After rendering, it is covered to other interfaces and modules except the process flow chart.

[0034] As a specific embodiment, the subject matter includes: Subject identity information, each of which uniquely identifies a complete subject archive and a simplified subject archive; Update time and editing status, the time when the topic was created or modified, and whether the topic is currently editable; Theme attributes and attribute values, the attributes that need to be rendered in the current theme archive, and the attribute values ​​corresponding to the attributes.

[0035] It should be noted that the present invention adopts a hierarchical theme archive structure, which includes a complete theme archive and a simplified theme archive. The complete theme archive contains all theme attributes for use in complex modules such as flowcharts; the simplified theme archive only contains the core style theme items required by the front-end style framework, and is suitable for simplifying modules such as monitoring interfaces. In addition to all theme attributes, the complete theme archive also includes update time and editing status as well as unique corresponding theme identity information; the simplified theme archive only includes core style theme items and theme identity information.

[0036] It is worth noting that compared with traditional web rendering methods that usually use simple global CSS or style variable files and lack a layered mechanism, all modules must load the complete style configuration, resulting in high storage and transmission overhead. The present invention manages different archives through unique theme identity information (selecting theme ID as the unique theme identity information, and the theme ID can also correspond to a corresponding theme name), which can dynamically expand the theme content. In addition to the complete theme archive, there is also a simplified archive, which can reduce storage and transmission costs, optimize hardware resource consumption, and improve storage and transmission efficiency.

[0037] Further, the simplification is performed to obtain a simplified subject archive including: updating a complete subject archive of the process flow chart; Determine the theme items that the front-end style framework needs to render; The subject attributes and attribute values ​​corresponding to each subject item are extracted from the complete subject archive to construct key-value pairs, which are stored as simplified subject archives.

[0038] It should be noted that since the system is developed using Web technology, the styles of modules other than the process flow chart are mainly driven by CSS. Usually, development is implemented with the help of open source Web style frameworks such as AntDesign. Therefore, modules other than these process flow charts only need to obtain the attribute key-value pairs of the basic theme items in the simplified theme archive, and then pass them to the front-end style framework for rendering. The simplified theme archive is a compressed and simplified theme archive that retains the core style configuration information. Simplified theme archives are usually used for modules that do not require all theme attributes to help reduce storage and transmission costs.

[0039] It is worth mentioning that a theme is a collection of style configurations in flowcharts and related modules, including the definition of visual elements such as color, font, border style, graphic shape, etc. Through unified theme management, multiple flowcharts and system modules can maintain consistency in visual style.

[0040] Corresponding to the theme, the theme archive is a data structure containing theme configuration information. It saves the specific content of the theme, including editable status, creation time, modification time and other information, and identifies the unique theme ID and theme name of the theme, which is convenient for searching and applying in the system.

[0041] The front-end style framework is a framework for managing the visual style of the system. Common style frameworks such as AntDesign ensure the consistency of style by receiving simplified theme archives and applying the style to each module in the system. Configuration refers to the process of configuring and integrating hardware and software in industrial control systems. It involves engineers programming, configuring and designing flow charts of the system to meet specific application requirements.

[0042] As a specific embodiment, rendering the process flow chart includes: Retrieve the complete archive of themes selected for the render request; Parse the graphics elements in the process flow chart and traverse all parsed graphics elements; If the theme is not used in the rendering request of the primitive, the primitive is rendered according to the preset default logic; If a theme is used in the rendering request of the primitive, the attribute values ​​corresponding to the theme attributes related to the primitive are extracted from the complete theme archive to render the primitive.

[0043] It should be noted that primitives are the basic components of the process flow chart, including symbols, connecting lines, nodes, etc. Primitives can be dynamically adjusted during the rendering process according to the defined theme attributes and corresponding attribute values. Therefore, when rendering the process flow chart, it is necessary to parse it to obtain all the primitives that constitute the process flow chart, and complete the rendering of the entire process flow chart by rendering different primitives.

[0044] It is worth noting that for the rendering request of the process flow chart, it can be set in advance to render some graphics according to the theme, and other graphics can be rendered by inputting other rendering logic or default logic. Therefore, when rendering, it is necessary to judge each graphics to determine whether it needs to use the theme. If it is used, the graphics are rendered according to the attribute value corresponding to the theme attribute related to the graphics. If not, it is rendered according to the input rendering logic or default logic. This process ensures that the graphics in the process flow chart can be uniformly rendered according to the definition of the theme.

[0045] Optionally, a render request includes: Primitives that are not rendered using the theme, and their default rendering logic; The primitives rendered using the theme, and the theme's identity information corresponding to the complete theme archive.

[0046] It should be noted that the rendering request also includes the process flow chart to be rendered and the subject identity information (subject ID) corresponding to the subject selected for rendering, which contains instructions and information required for the subsequent rendering process.

[0047] Further, such as Figure 2 As shown, extracting attribute values ​​corresponding to theme attributes related to the element from the complete theme archive to render the element includes: Determine whether the attribute value is legal. If it is illegal, return the preset default attribute value to render the primitive; If it is legal, the type of the attribute value is determined; If the attribute value is real data, the corresponding real data is returned to render the primitive; In other cases, the corresponding real data is matched from the complete theme archive and returned to render the primitive.

[0048] It should be noted that since the rendering of the process flow chart is completed synchronously during the parsing of the theme archive, when parsing the graphic elements, the system can simultaneously obtain the relevant theme attributes of the graphic elements, and then render the graphic elements according to the attribute values ​​corresponding to the theme attributes.

[0049] Specifically, the rendering of a certain graphic element is described by taking the color attribute corresponding to a certain graphic element as an example. When color is needed to render a graphic element, the system passes the color value of the color attribute of the graphic element in the complete theme archive to the color acquisition logic for processing.

[0050] In the color acquisition logic, first determine whether the color value is legal. In this embodiment, the legality judgment standard can be whether the color value is in a specified expression form and within a specified range of the specified expression form. If so, it indicates that the color value is legal, otherwise it is illegal. If the color value is illegal, the preset default color is returned to ensure that the primitive always has an available color value. If the color value is legal, the system further determines the type of the color value.

[0051] Regarding the type of color value, if the color value is a standard real color value (such as HEX, RGB, RGBA, etc.), the corresponding real color value is directly returned for rendering. If the color value is other types other than real color values, such as theme color or specific theme ID, the theme ID of the color value is extracted, matched from the corresponding theme archive, and the corresponding real color value is found and returned for rendering.

[0052] This mechanism ensures that when certain graphics use theme colors, the theme colors can be correctly applied. At the same time, if the color value in the theme changes, the system will automatically apply the latest theme color during the next rendering, ensuring the color consistency and dynamic update capability of the process flow chart.

[0053] As a specific embodiment, rendering the front-end style framework other than the process flow chart includes: Retrieve the corresponding simplified subject archive based on the subject identity information of the complete subject archive rendered based on the process flow chart; After receiving the simplified theme archive, the front-end style framework renders it according to the key-value pairs of the theme items and overwrites the existing styles with the rendered results.

[0054] It should be noted that, when rendering, other modules except the process flow chart will pass the simplified theme archive obtained first to the front-end style framework. After receiving the simplified theme archive, the front-end style framework processes the style according to the internal logic, thereby overwriting the theme styles used in other modules.

[0055] It is worth noting that the rendering of modules or interfaces other than the process flow chart is equivalent to the rendering of objects such as interfaces in the prior art, and its specific internal rendering logic is not essentially different from the prior art. The difference lies in that in the present invention, the complete theme archive is simplified to obtain a simplified theme archive, and the key-value pairs of the theme items in the simplified theme archive are directly input into the existing rendering logic to render the interfaces of other modules.

[0056] In this embodiment, the subject sharing across modules is achieved through the complete theme archive and simplified theme archive corresponding to the unique theme identity information (theme ID). The complete theme archive is used when rendering the process flow chart to ensure accurate style definition. The simplified theme archive is used when rendering other modules other than the flow chart, such as the monitoring interface, and the theme is applied through the front-end style framework (such as Ant Design). Ensure that the visual style of different modules is consistent and meet different style requirements.

[0057] At the same time, this embodiment can provide a dynamic expansion mechanism to support the rapid addition and deletion of themes or adjustment of styles according to business needs. The theme ID and attribute key-value pairs are used to archive themes, and new themes or modified themes do not need to change the underlying code. Compared with the traditional method of modifying or adding a new theme, which requires directly changing the style file and has a large development and testing workload, the present invention supports modular expansion and adapts to the changing needs of the industrial field.

[0058] In addition to providing a control method for an industrial flow chart, the present invention also provides Figure 3 A control system of the subject of an industrial process diagram is shown, comprising: Theme editing module 1 transmits the edited complete theme archive to theme service module 2; Theme service module 2 simplifies the complete theme archive to obtain a simplified theme archive, and stores the theme archive; the flow chart rendering module 3 retrieves the complete theme archive from the theme service module 2 to render the process flow chart; The style framework rendering module 4 retrieves the simplified theme archive from the main service module 2 and renders the front-end style framework.

[0059] It should be noted that the theme editing module is a tool for creating, modifying and managing themes. It provides a visual interface that enables engineers to efficiently define and adjust the theme attributes in flow charts or other system modules. The theme editing module used in the present invention is not much different from the existing common editing modules, and is used to create and modify the complete theme archive of the process flow chart. The theme editing module should have multiple functions, including adding new themes, deleting existing themes, applying specific themes, modifying theme content, and classifying and managing specific attributes in the theme. Through these functions, engineers can flexibly and efficiently manage and optimize the themes of the process flow chart.

[0060] As a specific embodiment, the theme service module 2 includes: A complete archive unit 21, which stores the complete theme archive edited in the theme editing module; The simplification unit 22 extracts the subject attributes and attribute values ​​from the complete subject archive to construct key-value pairs, and saves them to the simplified archive unit; the simplification archive unit 23 saves the simplified subject archive simplified by the simplification unit.

[0061] It should be noted that the theme service module is responsible for storing and managing theme archives created and edited by the theme editing module. It provides complete theme archives for process flow charts, and provides simplified theme archives simplified from complete theme storage to other modules except process flow charts. The theme archives can be simplified and distributed according to different needs for easy use in different modules.

[0062] Specifically, a new complete subject archive is edited and generated in the subject editing module, and then saved in the subject service module. After the complete subject archive is transferred to the subject service module, it is divided into two paths. In the first path, the complete subject archive is directly saved to the complete archive unit; in the second path, the complete subject archive is first simplified by the simplification unit, and the subject attributes and attribute values ​​corresponding to each subject item are extracted from the complete subject archive to construct key-value pairs, which are stored in the simplified archive unit as simplified subject archives.

[0063] When modifying the original subject content in the subject editing module, the subject editing module first retrieves the complete subject archive that needs to be modified from the complete archive unit through the subject service module, and then modifies the subject content in the subject editing module. After the modification is completed, it is saved to the subject service module. After the complete subject archive is transmitted to the subject service module, it is divided into two paths. In the first path, the complete subject archive is directly saved to the complete archive unit, and the original complete subject archive with the same subject ID is overwritten and updated; in the second path, the complete subject archive is first simplified through the simplification unit, and the subject attributes and attribute values ​​corresponding to each subject item are extracted from the complete subject archive to construct a key-value pair, which is stored in the simplified archive unit as a simplified subject archive, and the original simplified subject archive with the same subject ID is overwritten and updated.

[0064] When a theme is archived, the system will generate two theme archives at the same time and store them separately. Each theme archive uses a unique theme ID as an index. According to the theme ID of the theme archive, different theme IDs will correspond to different theme archives. If the archived theme ID already exists, the system will overwrite the old theme archive; if the archived theme ID does not exist, a new theme archive will be created. These two archives include a complete theme archive and a simplified theme archive. When storing, the system will simplify the complete theme archive, extract the theme attributes (id) and attribute values ​​(value) of each basic theme item of the front-end style framework in the complete theme archive, and form them into key-value pairs. All these key-value pairs are aggregated into an array object and stored as a simplified theme archive.

[0065] Furthermore, the request interface type between the flowchart rendering module and the theme service module is a complete request interface, and the theme service module returns a complete theme archive to the flowchart rendering module; The request interface type between the style framework rendering module and the theme service module is a simplified request interface, and the theme service module returns a simplified theme archive to the style framework rendering module.

[0066] It should be noted that when obtaining a theme archive, the type of archive returned will be determined based on the requested interface type. For example, the complete request interface theme / ID is used between the flowchart rendering module and the theme service module. When the flowchart rendering module sends a rendering request, the theme service module will retrieve the corresponding complete theme archive from the complete archive unit based on the theme ID in the rendering request and return it to the flowchart rendering module.

[0067] The simplified request interface between the style framework rendering module and the theme service module is theme_sample / ID. When the flowchart rendering module sends a rendering request, the style framework rendering module will also send a rendering request containing the same theme ID. The theme service module will retrieve the corresponding simplified theme archive from the simplified archive unit according to the theme ID in the rendering request and return it to the style framework rendering module.

[0068] In the present invention, when adding a theme, only one set of theme configuration needs to be added, and when modifying a theme, only the corresponding theme configuration needs to be adjusted. This greatly reduces the configuration cost and hardware resource consumption, and makes modification more convenient. Since the present invention supports the application of the same theme configuration in multiple modules, the user can maintain a consistent theme style in each module in the system, and no matter how the theme is modified, the consistency of the process flow chart and the external overall environment style can be ensured.

[0069] The above embodiments are further elaborations and illustrations of the present invention for ease of understanding, and are not limitations of the present invention. Any modifications, equivalent substitutions and improvements made within the spirit and principles of the present invention should be included in the protection scope of the present invention.

Claims

1. A control method for an industrial flow chart, characterized in that: include: Define the subject archive structure and subject content of the process flow diagram, including complete subject archive and simplified subject archive; Update the complete subject archive of the process flow diagram and simplify it to obtain a simplified subject archive; In response to a rendering request of the process flow chart, calling a complete subject archive selected in the rendering request to render the process flow chart; Retrieve the simplified theme archive corresponding to the complete theme archive, and render the front-end style framework other than the process flow chart.

2. The control method of an industrial flow chart according to claim 1, characterized in that: The subject content includes: subject identity information, each subject identity information uniquely identifies a complete subject archive and a simplified subject archive; Update time and editing status, the time when the topic was created or modified, and whether the topic is currently editable; Theme attributes and attribute values, the attributes that need to be rendered in the current theme archive, and the attribute values ​​corresponding to the attributes.

3. The control method of an industrial flow chart according to claim 1 or 2, characterized in that: The rendering of the process flow chart includes: retrieving a complete subject archive selected by the rendering request; Parse the graphics elements in the process flow chart and traverse all parsed graphics elements; If the theme is not used in the rendering request of the primitive, the primitive is rendered according to the preset default logic; If a theme is used in the rendering request of the primitive, the attribute values ​​corresponding to the theme attributes related to the primitive are extracted from the complete theme archive to render the primitive.

4. The control method of an industrial flow chart according to claim 3, characterized in that: The rendering request includes: a primitive that is not rendered using a theme, and a default logic for rendering the primitive; The primitives rendered using the theme, and the theme's identity information corresponding to the complete theme archive.

5. The control method of an industrial flow chart according to claim 1 or 2, characterized in that: The simplification to obtain a simplified subject archive includes: updating a complete subject archive of the process flow chart; Determine the theme items that the front-end style framework needs to render; The subject attributes and attribute values ​​corresponding to each subject item are extracted from the complete subject archive to construct key-value pairs, which are stored as simplified subject archives.

6. The control method of an industrial flow chart according to claim 5, characterized in that: The rendering of the front-end style framework other than the process flow chart includes: Retrieve the corresponding simplified subject archive based on the subject identity information of the complete subject archive rendered based on the process flow chart; After receiving the simplified theme archive, the front-end style framework renders it according to the key-value pairs of the theme items and overwrites the existing styles with the rendered results.

7. The control method of an industrial flow chart according to claim 3, characterized in that: The extracting the attribute value corresponding to the theme attribute related to the graphic element from the complete theme archive to render the graphic element comprises: Determine whether the attribute value is legal. If it is illegal, return the preset default attribute value to render the primitive; If it is legal, the type of the attribute value is determined; If the attribute value is real data, the corresponding real data is returned to render the primitive; In other cases, the corresponding real data is matched from the complete theme archive and returned to render the primitive.

8. A control system for an industrial flow chart, applicable to the control method according to any one of claims 1 to 7, characterized in that: include: The theme editing module transfers the edited complete theme archive to the theme service module; The theme service module simplifies the complete theme archive to obtain a simplified theme archive, and stores the theme archive; The flow chart rendering module retrieves the complete theme archive from the theme service module and renders the process flow chart; The style framework rendering module retrieves the simplified theme archive from the main service module to render the front-end style framework.

9. The control system of an industrial flow chart according to claim 8, characterized in that: The theme service module includes: Complete archive unit, which saves the complete theme archive edited in the theme editing module; The simplified unit extracts the theme attributes and attribute values ​​from the complete theme archive to construct key-value pairs, and saves them to the simplified archive unit; the simplified archive unit saves the simplified theme archive simplified by the simplified unit.

10. A control system for an industrial flow chart according to claim 8 or 9, characterized in that: The request interface type between the flowchart rendering module and the theme service module is a complete request interface, and the theme service module returns a complete theme archive to the flowchart rendering module; The request interface type between the style framework rendering module and the theme service module is a simplified request interface, and the theme service module returns a simplified theme archive to the style framework rendering module.

Images