CN109117138B - Configuration method and device and computer readable storage medium - Google Patents
Configuration method and device and computer readable storage medium Download PDFInfo
- Publication number
- CN109117138B CN109117138B CN201810969430.2A CN201810969430A CN109117138B CN 109117138 B CN109117138 B CN 109117138B CN 201810969430 A CN201810969430 A CN 201810969430A CN 109117138 B CN109117138 B CN 109117138B
- Authority
- CN
- China
- Prior art keywords
- configuration
- characteristic
- component
- interface
- icon
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
The application discloses a configuration method, a configuration device and a computer readable storage medium, wherein the method comprises the following steps: creating configuration elements of at least one of the following in the front-end configuration interface: icons, components, and property models; the icon is a primitive type consisting of at least one basic primitive, the component is a self-defined primitive type, and the characteristic model is a method for changing the state of the primitive; storing the created configuration elements to a back-end server; and loading and applying the configuration elements stored by the back-end server on the front-end configuration interface. The application establishes configuration elements of at least one of the following: the icon, the component and the characteristic model realize more complex and flexible equipment configuration application scenes.
Description
Technical Field
The invention relates to the technical field of industrial automation, in particular to a configuration method and device and a computer readable storage medium.
Background
In the field of industrial automation comprehensive monitoring, when a monitored equipment object changes, a developer needs to change a program and reissue software, so that the software use efficiency is greatly reduced, and the development cost is increased. The configuration tool software can enable a user to configure a required monitoring picture without a deep software development technology, so that the industrial production efficiency is improved, and the production cost is reduced.
With the rapid development of internet technology, more and more application scenes are performed through a network, a configuration tool based on a Web page (Web) is gradually concerned by people, a user can conveniently monitor a remote device through a browser anytime and anywhere, and compared with a traditional Client/Server (C/S) mode configuration tool, the production and living efficiency of people is further improved.
At present, most Web-based configuration tools can realize the configuration functions of basic primitives such as rectangles, circles, polygons and the like and realize the real-time state monitoring of equipment represented by the basic primitives, but have the defect that a logic application scene or an application scene required by complex equipment monitoring cannot be supported.
Disclosure of Invention
The embodiment of the invention provides a configuration method and device and a computer readable storage medium, which can support more flexible and complex equipment configuration application scenarios.
In order to achieve the purpose of the invention, the technical scheme of the embodiment of the invention is realized as follows:
the embodiment of the invention provides a configuration method, which comprises the following steps:
creating configuration elements of at least one of the following in the front-end configuration interface: icons, components, and property models; the icon is a primitive type consisting of at least one basic primitive, the component is a self-defined primitive type, and the characteristic model is a method for changing the state of the primitive;
storing the created configuration elements to a back-end server;
and loading and applying the configuration elements stored by the back-end server on the front-end configuration interface.
In one embodiment, the process of creating an icon includes:
aggregating at least one base primitive into an icon;
binding attribute parameters to each basic primitive in the icon;
defining one or more bound property parameters as an iconic recipe and setting an execution condition of the iconic recipe.
In one embodiment, the process of creating a component comprises:
and receiving the externally input component script and the attribute parameters.
In one embodiment, the process of creating a personality model includes:
receiving an externally input characteristic script and characteristic parameters, wherein the characteristic script is used for defining a logic operation function of the characteristic model, and the characteristic parameters are used for defining parameters of the logic operation function;
setting an execution condition and an execution parameter of the characteristic model;
when the configuration element is a feature model and the created configuration element is saved to a back-end server, the method further includes:
compiling the property script and the property parameters, the execution conditions and the execution parameters into a property script file.
In one embodiment, the property model includes at least one of:
the device comprises a dynamic characteristic model and an interactive characteristic model, wherein the execution condition of the dynamic characteristic model is parameter change of associated equipment, and the execution condition of the interactive characteristic model is mouse or keyboard operation.
An embodiment of the present invention further provides a computer-readable storage medium, which stores one or more programs, where the one or more programs are executable by one or more processors to implement the steps of the configuration method as described in any of the above.
An embodiment of the present invention further provides a configuration device, which includes a processor and a memory, where the processor is configured to execute a configuration program stored in the memory to implement the steps of the configuration method described in any one of the above.
The embodiment of the present invention further provides a configuration apparatus, which includes a front-end configuration interface and a back-end server, where the front-end configuration interface includes a creating unit, a storing unit, and a configuration unit, where:
a creating unit, configured to create a configuration element of at least one of: icons, components, and property models; the icon is a primitive type consisting of at least one basic primitive, the component is a self-defined primitive type, and the characteristic model is a method for changing the state of the primitive;
the storage unit is used for storing the created configuration elements to a back-end server;
and the configuration unit is used for loading and applying the stored configuration elements.
In one embodiment, the process of creating the icon of the creating unit includes:
aggregating at least one base primitive into an icon;
binding attribute parameters to each basic primitive in the icon;
defining one or more bound property parameters as an iconic recipe and setting an execution condition of the iconic recipe.
In one embodiment, the process of creating the property model of the creating unit includes:
receiving an externally input characteristic script and characteristic parameters, wherein the characteristic script is used for defining a logic operation function of the characteristic model, and the characteristic parameters are used for defining parameters of the logic operation function;
setting an execution condition and an execution parameter of the characteristic model;
when the configuration element is a feature model, the saving unit is further configured to: compiling the property script and the property parameters, the execution conditions and the execution parameters into a property script file.
The technical scheme of the embodiment of the invention has the following beneficial effects:
the configuration method, the configuration device and the computer-readable storage medium provided by the embodiment of the invention are realized by creating at least one of the following configuration elements: the icon, the component and the characteristic model realize more complex and flexible equipment configuration application scenes.
Drawings
The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the invention and together with the description serve to explain the invention and do not constitute a limitation of the invention. In the drawings:
FIG. 1 is a schematic flow chart of a configuration method according to an embodiment of the present invention;
FIG. 2 is a software architecture diagram of a configuration method according to an embodiment of the present invention;
FIG. 3 is a schematic diagram of a front-end configuration interface of a configuration method according to an embodiment of the invention;
FIG. 4 is a schematic diagram illustrating a characteristic model configuration execution flow of a configuration method according to an embodiment of the present invention;
FIG. 5 is a diagram of a dynamic property editing panel according to an embodiment of the present invention;
FIG. 6 is a schematic diagram of an interactive property editing panel according to an embodiment of the present invention;
FIG. 7 is a flow chart illustrating the execution of an icon configuration of a configuration method according to an embodiment of the present invention;
FIG. 8 is a diagram illustrating an icon property editing panel according to an embodiment of the present invention;
FIG. 9 is a schematic diagram of a recipe editing panel according to an embodiment of the present invention;
FIG. 10 is a schematic diagram of a recipe property editing panel according to an embodiment of the present invention;
FIG. 11 is a diagram illustrating exemplary icon configurations of a configuration method according to an embodiment of the present invention;
FIG. 12 is a flowchart illustrating component configuration execution of a configuration method according to an embodiment of the present invention;
FIG. 13 is a diagram illustrating an assembly editing panel according to an embodiment of the present invention;
FIG. 14 is a diagram illustrating an exemplary configuration of components of a configuration method according to an embodiment of the present invention;
FIG. 15 is a schematic diagram of a custom layout editing panel of a configuration method according to an embodiment of the present invention;
FIG. 16 is a schematic diagram illustrating a flow chart of a custom script configuration execution of a configuration method according to an embodiment of the present invention;
FIG. 17 is a schematic diagram of a configuration device according to an embodiment of the present invention;
fig. 18 is a schematic structural diagram of another configuration apparatus according to an embodiment of the invention.
Detailed Description
To make the objects, technical solutions and advantages of the present invention more apparent, embodiments of the present invention will be described in detail below with reference to the accompanying drawings. It should be noted that the embodiments and features of the embodiments in the present application may be arbitrarily combined with each other without conflict.
As shown in fig. 1, a configuration method according to an embodiment of the present invention includes the following steps:
step 101: creating configuration elements of at least one of the following in the front-end configuration interface: icons, components, and property models; the icon is a primitive type consisting of at least one basic primitive, the component is a self-defined primitive type, and the characteristic model is a method for changing the state of the primitive;
it should be noted that the icon is a new primitive type composed of one or more basic primitives, and the icon, like the basic primitives, can be quickly dragged and dropped onto a page (the page in the embodiment of the present invention is a front-end configuration interface) to become a primitive instance; the component is a brand-new primitive type developed by a user, and the component needs to define the style attributes of the primitive and needs to add the drawing code of the primitive. The basic primitives include straight lines, rectangles, ellipses, arcs, sectors, polygons, texts, pictures, bezier curves, and the like.
The configuration method provided by the embodiment of the invention is an industrial automatic configuration method based on a Browser/Server (Browser/Server, B/S), structurally comprising a front-end configuration interface and a rear-end Server, wherein the structure is shown in figure 2, the front-end configuration interface supports functions such as basic primitives, icons, assemblies, custom layouts and advanced controls, the basic primitives, the icons, the assemblies and the like support dynamic characteristics, interaction characteristics, custom page scripts and other element attribute control functions, and before and during the process of building an equipment configuration application scene, the front-end configuration interface performs data interaction with the rear-end Server through offline configuration data interaction; after the device configuration application scene is set up, the front-end configuration interface performs data interaction with the back-end server through online display data interaction.
In this embodiment, the front-end configuration interface includes at least one of: the system comprises a toolbar, a resource management window, a main display area, an attribute editing window and an information output window.
In this embodiment, the process of creating the characteristic model includes:
receiving an externally input characteristic script and characteristic parameters, wherein the characteristic script is used for defining a logic operation function of the characteristic model, and the characteristic parameters are used for defining parameters of the logic operation function;
and setting the execution conditions and the execution parameters of the characteristic model.
In this embodiment, the characteristic model includes at least one of: the device comprises a dynamic characteristic model and an interactive characteristic model, wherein the execution condition of the dynamic characteristic model is parameter change of associated equipment, and the execution condition of the interactive characteristic model is mouse or keyboard operation.
It should be noted that the dynamic characteristic model enables a user to define the characteristics of the primitives by self, and the states of the primitives change according to the real-time data of the equipment; the interactive characteristic model can enable a user to customize the man-machine interaction operation with the graphic elements. The dynamic characteristic model and the interactive characteristic model are mainly realized by adopting a characteristic customization and compiling mode. The dynamic property model and the interactive property model are implemented in a similar manner in composition and processing, except that the property execution conditions are different, the execution conditions of the dynamic property model are points associated with the group monitoring device, and the execution conditions of the interactive property model are group mouse or keyboard operations, which are described in detail below.
The realization of the characteristic model function mainly comprises three parts, one is a characteristic model which comprises two parts of a characteristic script and a characteristic parameter, wherein the characteristic script defines the operation logic of the primitive (such as changing the background color of the primitive, flashing the primitive, moving the primitive and the like), and the characteristic parameter defines the detailed configuration parameter of the characteristic script; the second is a characteristic configuration panel, which provides a humanized configuration entrance for the user, the user selects the required characteristic model through the characteristic configuration panel, and sets the execution condition and the execution parameter of the characteristic model; thirdly, characteristic compiling, after the background server receives the compiling request, analyzing the page file corresponding to the characteristics, searching the characteristic definition of the primitive, if an icon object is met, analyzing the icon file, searching the characteristic definition in the icon, and converting the characteristics of the user configuration into an executable JS script file according to the characteristic model.
The complete execution flow of the characteristic model function is as follows: writing a customized characteristic script and an attribute configuration file (the attribute configuration file includes characteristic parameters) as a characteristic model, then selecting the characteristic model and setting a characteristic execution condition in a characteristic editing panel, setting the characteristic execution parameters, saving the characteristic execution parameters through a page, transmitting characteristic information of primitives in the page to a back end, compiling the characteristic information at the back end to generate a script file, and finally realizing characteristic execution by a front-end interface in a mode of loading a characteristic script file during online running, wherein an execution flow is shown in fig. 4, a dynamic characteristic editing panel is shown in fig. 5, and an interactive characteristic editing panel is shown in fig. 6.
In this embodiment, the process of creating an icon includes:
aggregating at least one base primitive into an icon;
binding attribute parameters to each basic primitive in the icon;
defining one or more bound property parameters as an iconic recipe and setting an execution condition of the iconic recipe.
It should be noted that the icon function can enable a user to make more complex primitives by using the basic primitives, so as to meet the requirements of more complex applications. The implementation of the icon function is described in detail below.
The implementation of the icon consists of five parts. Firstly, editing an icon, wherein in a highopo (the highopo is configuration software based on HTML 5), the icon is a special object and is not allowed to be edited by a single object, when the icon editing is processed, the icon is split into a plurality of basic primitive objects, the editing of the single primitive object is realized, and then the primitive objects are aggregated into a combined object when being stored; secondly, the attribute of the icon is used as a new primitive type, if the change of the style is realized, the attribute needs to be exposed, the attribute of the icon is defined, and then the style of the attribute of the icon and the style of an object inside the icon are bound by using a data binding mode, so that the modification of the attribute of the icon can be transferred to the change of the primitive style inside the icon; thirdly, an icon formula combines a series of attribute modifications, and realizes a series of modifications through a calling operation; fourth, recipe properties, a recipe defining control over one or more attributes of an icon, a recipe property being a property of which recipes are configured to execute under which conditions; and fifthly, storing the icon storage file, wherein the edited icon data is stored on a server at the back end for subsequent configuration reference.
As shown in fig. 7, the complete execution flow of the icon function is as follows: firstly, opening an icon editing page on a front-end configuration interface, utilizing an icon required by basic primitive configuration according to application requirements, secondly, opening an attribute editing panel shown in fig. 8, binding attribute parameters to each basic primitive in the icon, secondly, opening a formula editing panel shown in fig. 9, defining the bound attribute parameters as a formula, thirdly, opening a characteristic editing panel shown in fig. 10, setting formula characteristics for the icon, completing the definition of the icon, and storing the icon on a back-end server, thirdly, opening a configuration page on the front end, instantiating the icon, setting icon attributes, and completing the configuration of the icon, wherein the configuration icon is shown in fig. 11.
In this embodiment, the process of creating the component includes:
and receiving externally input component scripts and attribute parameters.
It should be noted that the assembly function can provide a user with a function of editing a custom primitive, and can meet the requirements of more customized primitive configuration. The implementation of the component functions is described in detail below.
The realization of the component function consists of two parts: the system comprises a component editing panel, a component editing module and a component editing module, wherein the component editing panel provides a component editing entry for a user, and the user can input scripts and attribute parameters of a user-defined component through the component editing panel; and secondly, storing a file by the component, wherein the user-defined component data edited by the user is collected by a program and stored on a server for subsequent configuration reference.
As shown in fig. 12, the complete execution flow of the component functions is as follows: first, a user edits the script and attribute parameters of the custom component in the component editing panel shown in fig. 13 through an editing box by using an interface such as a brush provided by a Canvas (Canvas), then saves these data in a component file, and finally instantiates the component in the page and sets the attribute parameters of the component to complete the configuration of the component, which is shown in fig. 14.
Step 102: storing the created configuration elements to a back-end server;
in this embodiment, when the configuration element is a property model, the step 102 further includes:
compiling the property script and the property parameters, the execution conditions and the execution parameters into a property script file.
Step 103: and loading and applying the configuration elements stored by the back-end server on the front-end configuration interface.
In this embodiment, the configuration method provided by the embodiment of the present invention further supports a configuration function of an advanced control, and the advanced control can provide a more complex human-computer interaction operation for a user. Advanced Control functionality supports edit boxes, forms, buttons, check boxes, radio boxes, tab controls (Tab controls), view controls.
In this embodiment, the configuration method provided in the embodiment of the present invention further supports a custom layout function. The custom layout function can enable the front-end online graphical interface to display custom view layout, the front-end interface opens a custom layout editing frame function, the interface views are divided in an editing frame, pages are bound to each view and stored as Extensible Markup Language (XML) configuration files, the configuration files are read when the graphical interface runs online, the divided views are displayed, and a custom layout editing panel is shown in FIG. 15.
In this embodiment, the configuration method provided in the embodiment of the present invention further supports a custom script function. The user-defined script function can realize more flexible and powerful control display function, and can control the whole page and the primitives in the page. By adding script codes to a page and storing the script codes in page data, when an online page is loaded, the script codes are obtained from a back-end server to execute control over elements such as interface primitives, and the flow is shown in fig. 16.
It should be noted that, when data configuration is performed, data interaction is required to be performed when the front-end configuration interface loads configuration elements stored by the back-end server or stores created configuration elements to the back-end server, the process is small in data access amount And low in frequency each time, and only part of elements in a webpage interact with the back-end server, so that the data configuration is completed by adopting Asynchronous JavaScript And XML (Asynchronous JavaScript And XML, ajax) technology.
When the configured page runs online, frequent data interaction with a back-end server is needed to display the real-time state of the equipment, and the function is realized by a full duplex communication protocol (WebSocket) technical scheme based on TCP. A data interaction interface is well defined between a front end and a rear end, when a page is loaded on a front end configuration interface, a bottom device data point name bound to a primitive in the page is subscribed to a rear end server, the page periodically sends a value taking request to the rear end server, when a state point value of a device changes, the rear end server sends the changed point value through WebSocket, after the front end receives the changed device point value, the corresponding primitive displays a corresponding device state, and when the page is closed, the front end configuration interface sends a page anti-subscription request to the rear end server.
The present invention also discloses a computer readable storage medium, which stores one or more programs, where the one or more programs are executable by one or more processors to implement the steps of the configuration method as described in any of the above.
As shown in fig. 17, a configuration device according to an embodiment of the present invention includes a processor 170 and a memory 171, wherein the processor 170 is configured to execute a configuration program stored in the memory 171 to implement the steps of the configuration method as described in any one of the above.
As shown in fig. 18, a configuration apparatus according to an embodiment of the present invention includes a front-end configuration interface 180 and a back-end server 181, where the front-end configuration interface 180 includes a creating unit 1801, a saving unit 1802, and a configuration unit 1803, where:
a creating unit 1801, configured to create a configuration element of at least one of the following: icons, components, and property models; the icon is a primitive type consisting of at least two basic primitives, the component is a self-defined primitive type, and the characteristic model is a method for changing the state of the primitive;
a saving unit 1802, configured to save the created configuration element to the back-end server 181;
a configuration unit 1803, configured to load the saved configuration elements from the back-end server 181 and apply the configuration elements.
It should be noted that the icon is a new primitive type composed of one or more basic primitives, and the icon, like the basic primitive, can be dragged and dropped onto a page quickly to become a primitive instance; the component is a brand-new primitive type developed by a user, and the component needs to define the style attributes of the primitive and needs to add the drawing code of the primitive. The basic primitives include straight lines, rectangles, ellipses, arcs, sectors, polygons, texts, pictures, bezier curves, and the like.
The configuration device provided by the embodiment of the invention is industrial automatic configuration tool software based on a B/S (browser/Server) architecture, and structurally comprises a front-end configuration interface 180 and a back-end server 181, wherein the structure is shown in FIG. 2, the front-end configuration interface 180 supports functions such as basic primitives, icons, components, custom layout and advanced controls, the basic primitives, the icons, the components and the like support control functions of dynamic characteristics, interactive characteristics, custom page scripts and other element attributes, and before and during the process of building an equipment configuration application scene, the front-end configuration interface 180 performs data interaction with the back-end server 181 through offline configuration data interaction; after the device configuration application scenario is built, the front-end configuration interface 180 performs data interaction with the back-end server 181 through online display data interaction.
As shown in fig. 3, the front end composition interface 180 includes at least one of: the system comprises a toolbar, a resource management window, a main display area, an attribute editing window and an information output window.
In this embodiment, the process of creating the characteristic model by the creating unit 1801 includes:
receiving an externally input characteristic script and characteristic parameters, wherein the characteristic script is used for defining a logic operation function of the characteristic model, and the characteristic parameters are used for defining parameters of the logic operation function;
and setting the execution conditions and the execution parameters of the characteristic model.
In this embodiment, the characteristic model includes at least one of: the device comprises a dynamic characteristic model and an interactive characteristic model, wherein the execution condition of the dynamic characteristic model is the parameter change of associated equipment, and the execution condition of the interactive characteristic model is mouse or keyboard operation.
It should be noted that the dynamic characteristic model can enable a user to define the characteristics of the primitives, and the states of the primitives change according to real-time data of the equipment; the interaction characteristic model can enable a user to customize man-machine interaction operation with the graphic elements. The dynamic characteristic model and the interactive characteristic model are mainly realized by adopting a characteristic customization and compiling mode. The dynamic characteristic model and the interactive characteristic model are similar in implementation composition and processing process, and are different in characteristic execution conditions, the dynamic characteristic is a point associated with the group monitoring device, the interactive characteristic is a group mouse or keyboard operation, and the implementation and the complete execution flow of the specific characteristic function are described in the foregoing, and are not described herein again.
In this embodiment, the process of creating an icon by the creating unit 1801 includes:
aggregating at least one base primitive into an icon;
binding attribute parameters to each basic primitive in the icon;
defining one or more bound property parameters as an iconic recipe and setting an execution condition of the iconic recipe.
It should be noted that the icon function can enable a user to make more complex primitives by using the basic primitives, thereby meeting the requirements of more complex applications. The specific implementation and the complete execution flow of the icon functions are described in the foregoing, and are not described herein again.
In this embodiment, the process of creating the component by the creating unit 1801 includes:
and receiving externally input component scripts and attribute parameters.
It should be noted that the assembly function can provide a function of editing a custom primitive for a user, and can meet the requirements of more customized primitive configuration. The specific implementation and the complete execution flow of the functions of the components are referred to the foregoing, and are not described herein again.
In this embodiment, when the configuration element is a property model, the storage unit 1802 is further configured to: compiling the property script and the property parameters, the execution conditions and the execution parameters into a property script file.
In this embodiment, the configuration device provided by the embodiment of the present invention further supports a configuration function of an advanced control, and the advanced control can provide more complex human-computer interaction operations for a user. Advanced control functionality supports edit boxes, forms, buttons, check boxes, radio boxes, tab controls, view controls.
In this embodiment, the configuration device provided in the embodiment of the present invention further supports a custom layout function. The custom layout function can enable the front-end online graphical interface to display custom view layout, the front-end interface opens a custom layout editing box function, the interface views are divided in an editing box, pages are bound to each view and stored as xml configuration files, the configuration files are read when the graphical interface runs online, the divided views are displayed, and a custom layout editing panel is shown in fig. 15.
In this embodiment, the configuration device provided in the embodiment of the present invention further supports a custom script function. The user-defined script function can realize more flexible and powerful control display function, and can control the whole page and the primitives in the page. By adding script codes to a page and storing the script codes in page data, when an online page is loaded, the script codes are obtained from a back-end server to execute control over elements such as interface primitives, and the flow is shown in fig. 16.
It should be noted that, during data configuration, when the front-end configuration interface 180 loads the configuration elements stored in the back-end server 181 or stores the created configuration elements in the back-end server 181, data interaction is required, and the process is completed by adopting the Ajax technology because the data access amount is small and the frequency is low each time, and only part of elements in the web page interact with the back-end service.
When the configured page runs online, frequent data interaction with the back-end server 181 is required to display the real-time state of the device, and the function is realized by the WebSocket technical scheme. A data interaction interface is well defined between the front end and the back end, when a page is loaded on the front end configuration interface 180, the front end configuration interface 181 subscribes the name of a bottom-layer device data point bound to a primitive in the page, the page periodically sends a value taking request to the back end server 181, when the state point value of the device changes, the back end server 181 sends the changed point value through WebSocket, after the front end receives the changed device point value, the corresponding primitive displays the corresponding device state, and when the page is closed, the front end configuration interface 180 sends a page anti-subscription request to the back end server 181.
The configuration method, the configuration device and the computer readable storage medium provided by the embodiment of the invention realize dynamic characteristics, interactive characteristics, component functions, icon functions and custom script functions through design, realize more complex and flexible configuration scenes through the cooperation and the expansion of the dynamic characteristics, the interactive characteristics, the component functions, the icon functions and the custom script functions, and meet the requirements of forming various logic application scenes or forming complex equipment configuration application scenes.
It will be apparent to those skilled in the art that the modules or steps of the embodiments of the invention described above may be implemented by a general purpose computing device, they may be centralized in a single computing device or distributed across a network of multiple computing devices, and alternatively, they may be implemented by program code executable by a computing device, such that they may be stored in a memory device and executed by a computing device, and in some cases, the steps shown or described may be performed in an order different from that described herein, or separately as integrated circuit modules, or multiple modules or steps thereof may be implemented as a single integrated circuit module. Thus, embodiments of the invention are not limited to any specific combination of hardware and software.
Although the embodiments of the present invention have been described above, the above description is only for the convenience of understanding the present invention, and is not intended to limit the present invention. It will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the invention as defined by the appended claims.
Claims (5)
1. A method of configuration, comprising:
the following configuration elements are created on the front-end configuration interface: icons, components, and property models; the icon is a new primitive type formed by at least one basic primitive, the component is a user-defined new primitive type, the component is defined with the style attribute of the primitive and added with the drawing code of the primitive, the characteristic model is a method for changing the state of the primitive, the characteristic model comprises a characteristic script and a characteristic parameter, the characteristic script defines the operation logic of the primitive, and the characteristic parameter defines the configuration parameter of the characteristic script; storing the created configuration elements to a back-end server;
loading and applying configuration elements stored by a back-end server on a front-end configuration interface;
the method further comprises the following steps:
editing the customized view layout to enable the front-end composition interface to display the customized view layout, including: the front-end configuration interface divides the interface views in a custom layout editing frame, binds pages of each interface view and stores the interface views as configuration files, and the configuration files are read when the graphical interface runs on line to display the divided interface views;
wherein the process of creating the icon comprises:
utilizing the icons required by the basic graphic element configuration in the icon editing page according to the application requirements;
binding an attribute parameter to each basic primitive in the icon in an attribute editing panel;
defining controls for one or more bound property parameters as an iconic recipe in a recipe editing panel;
setting a formula property for an icon in a property editing panel, wherein the formula property is used for setting an execution condition of the icon formula; the process of creating a component includes:
editing scripts and attribute parameters of the custom assembly in the assembly editing panel, and storing the scripts and the attribute parameters into an assembly file; the component editing panel is used for providing a component editing entrance for a user so that the user can input scripts and attribute parameters of the self-defined component; the component file is used for collecting user-defined component data edited by a user so as to perform subsequent configuration reference;
instantiating the component in the page and setting the attribute parameters of the component to complete the configuration of the component;
the process of creating a personality model includes:
receiving an externally input characteristic script and characteristic parameters;
setting the execution condition and the execution parameter of the characteristic model in a characteristic editing panel;
when the configuration element is a feature model and the created configuration element is saved to a back-end server, the method further includes:
compiling the property script and the property parameters, the execution conditions and the execution parameters into a property script file.
2. The configuration method of claim 1, wherein the characteristic model comprises at least one of:
the device comprises a dynamic characteristic model and an interactive characteristic model, wherein the execution condition of the dynamic characteristic model is parameter change of associated equipment, and the execution condition of the interactive characteristic model is mouse or keyboard operation.
3. A computer-readable storage medium having one or more programs stored thereon, the one or more programs being executable by one or more processors to perform the steps of the configuration method of any one of claims 1 to 2.
4. A configuration device comprising a processor and a memory, wherein the processor is configured to execute a configuration program stored in the memory to implement the steps of the configuration method according to any one of claims 1 to 2.
5. The configuration device is characterized by comprising a front-end configuration interface and a back-end server, wherein the front-end configuration interface comprises a creation unit, a storage unit and a configuration unit, and the configuration device comprises:
a creating unit, configured to create the following configuration elements: icons, components, and property models; the icon is a new primitive type formed by at least one basic primitive, the component is a user-defined new primitive type, the characteristic model is a method for changing the state of the primitive, the characteristic model comprises a characteristic script and characteristic parameters, the characteristic script defines the operation logic of the primitive, and the characteristic parameters define the configuration parameters of the characteristic script; the front-end configuration interface is further used for editing a self-defined view layout so as to enable the front-end configuration interface to display the self-defined view layout;
the storage unit is used for storing the created configuration elements to a back-end server;
the configuration unit is used for loading and applying the stored configuration elements;
wherein the process of creating the icon by the creating unit comprises:
utilizing the icons required by the basic graphic element configuration in the icon editing page according to the application requirements;
binding an attribute parameter to each basic primitive in the icon in an attribute editing panel;
defining controls for one or more bound property parameters as an iconic recipe in a recipe editing panel;
setting recipe properties for the icons in a property editing panel, wherein the recipe properties are used for setting execution conditions of the icon recipes;
the process of creating a component of the creation unit comprises:
editing scripts and attribute parameters of the custom assembly in the assembly editing panel, and storing the scripts and the attribute parameters into an assembly file; the component editing panel is used for providing a component editing entrance for a user so that the user can input scripts and attribute parameters of the self-defined component; the component file is used for collecting user-defined component data edited by a user so as to perform subsequent configuration reference;
instantiating the component in the page and setting the attribute parameters of the component to complete the configuration of the component;
the creating unit edits the customized view layout to enable the front-end configuration interface to display the customized view layout, and the creating unit includes: the front-end configuration interface divides the interface views in the custom layout editing frame, binds pages to each interface view, stores the interface views as configuration files, reads the configuration files when the graphical interface operates on line, and displays the divided interface views;
the process of creating the characteristic model of the creating unit comprises the following steps:
receiving an externally input characteristic script and characteristic parameters;
setting the execution condition and the execution parameter of the characteristic model in a characteristic editing panel;
when the configuration element is a feature model and the created configuration element is saved to a back-end server, the method further includes:
compiling the property script and the property parameters, the execution conditions and the execution parameters into a property script file.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810969430.2A CN109117138B (en) | 2018-08-23 | 2018-08-23 | Configuration method and device and computer readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810969430.2A CN109117138B (en) | 2018-08-23 | 2018-08-23 | Configuration method and device and computer readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109117138A CN109117138A (en) | 2019-01-01 |
| CN109117138B true CN109117138B (en) | 2022-12-13 |
Family
ID=64860970
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810969430.2A Active CN109117138B (en) | 2018-08-23 | 2018-08-23 | Configuration method and device and computer readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109117138B (en) |
Families Citing this family (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109978981B (en) * | 2019-03-15 | 2023-04-25 | 广联达科技股份有限公司 | Batch rendering method for improving display efficiency of building model |
| CN109977335A (en) * | 2019-03-29 | 2019-07-05 | 江苏极熵物联科技有限公司 | A kind of Web configuration method towards industrial equipment |
| CN109992269A (en) * | 2019-04-04 | 2019-07-09 | 睿驰达新能源汽车科技（北京）有限公司 | A kind of development approach and device of operation platform |
| CN111209055A (en) * | 2019-12-31 | 2020-05-29 | 上海上实龙创智慧能源科技股份有限公司 | Page function configuration method and device based on Vue |
| CN111831192A (en) * | 2020-07-23 | 2020-10-27 | 北京思特奇信息技术股份有限公司 | Method and system for drawing flow chart and electronic equipment |
| CN111966341B (en) * | 2020-07-23 | 2022-03-04 | 中国航发控制系统研究所 | Gas turbine monitoring software event configuration method supporting event sequence customization |
| CN112163791A (en) * | 2020-10-30 | 2021-01-01 | 北京中水科水电科技开发有限公司 | Water, electricity and power distribution integrated configuration interaction method |
| CN112799664A (en) * | 2021-01-25 | 2021-05-14 | 广州新科佳都科技有限公司 | Configuration method and system supporting heterogeneous environment |
| CN113656729A (en) * | 2021-07-23 | 2021-11-16 | 广州鲁邦通物联网科技有限公司 | Method and system for automatically generating WEB data curve of equipment based on XML (extensive markup language) rule |
| CN116910842A (en) * | 2023-09-12 | 2023-10-20 | 中国长江电力股份有限公司 | Industrial dynamic interaction diagram construction method |
| CN117519009A (en) * | 2023-10-31 | 2024-02-06 | 北京龙软科技股份有限公司 | Configuration editing system and method based on WEB mode |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101882071A (en) * | 2009-05-07 | 2010-11-10 | 北京四方继保自动化股份有限公司 | Picture design method for configuration software |
| CN103064682A (en) * | 2012-12-27 | 2013-04-24 | 福州福大自动化科技有限公司 | Device-orientated human-computer interface configuration design method |
| CN105786893A (en) * | 2014-12-24 | 2016-07-20 | 北京国际系统控制有限公司 | XML(Extensive Markup Language)-based dynamic picture display method and system |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101339503A (en) * | 2008-07-08 | 2009-01-07 | 江苏方天电力技术有限公司 | Electric network wiring scheme on-line editing configuration method |
| CN102360288B (en) * | 2011-09-29 | 2014-12-03 | 南京国电南自轨道交通工程有限公司 | Scriptable full-configuration HMI (Human Machine Interface) system driven by real-time data |
| CN102760059B (en) * | 2012-05-15 | 2015-07-01 | 江苏省电力公司 | Automatic generating method for standardized test scripts of relay protection device of electrical system |
| CN104700450A (en) * | 2015-01-12 | 2015-06-10 | 深圳市瑞尔时代科技有限公司 | Method for achieving quick three-dimensional modeling based on Flash3D engine |
| CN105467872B (en) * | 2015-11-27 | 2017-12-19 | 江苏省电力公司电力科学研究院 | Graphic configuration order networked control systems |
-
2018
- 2018-08-23 CN CN201810969430.2A patent/CN109117138B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101882071A (en) * | 2009-05-07 | 2010-11-10 | 北京四方继保自动化股份有限公司 | Picture design method for configuration software |
| CN103064682A (en) * | 2012-12-27 | 2013-04-24 | 福州福大自动化科技有限公司 | Device-orientated human-computer interface configuration design method |
| CN105786893A (en) * | 2014-12-24 | 2016-07-20 | 北京国际系统控制有限公司 | XML(Extensive Markup Language)-based dynamic picture display method and system |
Non-Patent Citations (2)
| Title |
|---|
| 基于MVC模式的Web用户界面建模;曾少宁等;《测控技术》;20160518(第05期);第100-105页 * |
| 应用于微机保护装置的界面组态软件设计与实现;王霏霏等;《广西电力》;20071015(第05期);第19-23页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109117138A (en) | 2019-01-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109117138B (en) | Configuration method and device and computer readable storage medium | |
| CN109933760A (en) | List generation method, device, computer equipment and computer readable storage medium | |
| CN109254771B (en) | Monitoring page generation method and device | |
| CN103984818A (en) | AUV (autonomous underwater vehicle) design flow visualization modeling method based on Flex technology | |
| CN112540763A (en) | Front-end page generation method and device, platform equipment and storage medium | |
| CN112433702B (en) | Lightweight process design system and method | |
| CN112214214A (en) | Low code development system, device and medium for android native APP | |
| US20240160410A1 (en) | Application Development Platform, Micro-program Generation Method, and Device and Storage Medium | |
| CN113741965A (en) | Method, device and equipment for arranging flow chart and storage medium | |
| CN113326044A (en) | Development method, system and storage medium based on control library | |
| CN112083926A (en) | Web user interface generation method and device | |
| US10289388B2 (en) | Process visualization toolkit | |
| CN113778405A (en) | Cross-platform APP construction method, device, system and medium | |
| CN113515275A (en) | WYSIWYG cloud industrial configuration software system and development method thereof | |
| CN112905944A (en) | Page online dynamic generation method and device, electronic equipment and readable storage medium | |
| CN112328225A (en) | Page operation method and operation system thereof | |
| CN112015410A (en) | Webpage editing method, device and system and computer storage medium | |
| CN111199568A (en) | Vector diagram drawing method and device and computer readable storage medium | |
| CN101303663A (en) | Simulation test method for digital set-top box software development | |
| CN115630926A (en) | Workshop equipment management method, device, equipment and storage medium | |
| CN114238072A (en) | HIL requirement design method, HIL requirement design device, computer equipment and storage medium | |
| CN115203162A (en) | WYSIWYG graph data construction method | |
| CN113407171A (en) | Power grid dispatching control system graph editing and displaying method | |
| CN113849164A (en) | Data processing method and device, electronic equipment and memory | |
| CN113806596B (en) | Operation data management method and related device |
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 | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20211122 Address after: 100176 room 3412, floor 4, building 3, yard 2, Desheng Middle Road, Beijing Economic and Technological Development Zone, Daxing District, Beijing Applicant after: Beijing Helishi system integration Co.,Ltd. Address before: 100176 No.2, Disheng Middle Road, Yizhuang Economic and Technological Development Zone, Daxing District, Beijing Applicant before: BEIJING HOLLYSYS Co.,Ltd. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |