CN111258578A - Method for realizing equipment template primitive - Google Patents
Method for realizing equipment template primitive Download PDFInfo
- Publication number
- CN111258578A CN111258578A CN201911216931.4A CN201911216931A CN111258578A CN 111258578 A CN111258578 A CN 111258578A CN 201911216931 A CN201911216931 A CN 201911216931A CN 111258578 A CN111258578 A CN 111258578A
- Authority
- CN
- China
- Prior art keywords
- data
- equipment
- template
- file
- graphic
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 31
- 230000008859 change Effects 0.000 claims abstract description 10
- 230000014509 gene expression Effects 0.000 claims description 14
- 238000013499 data model Methods 0.000 claims description 7
- 230000006870 function Effects 0.000 claims description 6
- 238000011065 in-situ storage Methods 0.000 claims 1
- 230000008569 process Effects 0.000 abstract description 8
- 238000012544 monitoring process Methods 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
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 invention discloses a method for realizing equipment template primitives, which comprises the following steps: configuring an equipment template attribute point and a control point; configuring a graphic resource file of the equipment template; analyzing the equipment template configuration to generate internal data; generating vue a component file; and releasing the webpage. The invention has the characteristics that the web display of the monitoring page is realized, the data acquisition and the equipment change process are realized in a componentization mode, and the web page only needs to be simply called.
Description
Technical Field
The invention relates to the technical field of equipment graph configuration for an Internet of things platform, in particular to a method for realizing equipment template primitives.
Background
Js: is a set of progressive JavaScript frames for building user interfaces, unlike other large frames, Vue is designed for bottom-up layer-by-layer applications. Vue the core library only focuses on the viewing layer, facilitating integration with third party libraries or existing projects.
An http interface: is a hypertext transfer protocol, is a TCP protocol of request and response standard defined by W3C Association, and the http interface refers to an interface based on the http protocol.
SVG: (Scalable Vector Graphics) Scalable Vector Graphics acronym, a Graphics format used to describe two-dimensional Vector Graphics, is an open standard.
A configuration tool: the system is a set of software tools for the configuration of the Internet of things platform for equipment data, graphs, alarm events and the like.
Equipment template: the method is a description set abstracted from the same type of equipment and related to attribute points, control points, graphs, alarm events and the like.
Expression: refers to the relationship of the attribute point to the expected value, for example: the rotational speed is > 100.
And (4) attribute points: the state point of the equipment, for example, the temperature, wind speed, mode, etc. of the air conditioner.
And (3) control points: the on-off control point of the device, for example, the on-off of an air conditioner, sets the mode.
Data interface, control interface: and the platform of the Internet of things acquires data and controls an issued interface.
Primitive: primitives are the basic units that make up an image and are used to describe various device outlines or styles during the configuration process.
Dynamic state: it is meant that the still graphics exhibit different animations according to different specific conditions.
Configuration: the method means that a user completes the software functions required by the user in a simple mode like building blocks without writing a computer program, namely, the so-called configuration.
In conventional software development, almost all configuration software developers determine the graphics format by themselves, so that the flexibility and the openness of the software are limited. Because different configuration software developers have independent standards, the graphic formats are various, the use is inconvenient, and the compatibility is poor. The change of the graph of the traditional configuration software is realized dynamically by binding points, even if the same type of equipment needs repeated binding due to different attribute point names of the equipment, the complex graph has more binding points possibly, the process is complicated, and errors are easy to occur.
In the solution of the internet of things recently emerging in internet enterprises, monitored pages need to be oriented to different equipment terminals, and web-based monitoring pages need to be realized, so that the requirements of different industries and different environments can be met. Most of the web monitoring pages are implemented for the flow chart basically by basic html language codes and javascript, the requirements for implementing the pages are high, the implemented pages cannot be reused, and different projects need to be rewritten.
Disclosure of Invention
The invention aims to overcome the defects that a process diagram of a web monitoring page in the prior art is realized by adopting basic html language codes and javascript, cannot be repeatedly utilized and needs to be rewritten for different projects, and provides a method for realizing equipment template primitives.
In order to achieve the purpose, the invention adopts the following technical scheme:
a method for realizing equipment template primitives comprises the following steps:
(1-1) configuring an equipment template attribute point and a control point;
(1-2) configuring a device graphic resource file;
(1-3) analyzing the equipment template configuration to generate internal data;
(1-4) generating vue a component file;
and (1-5) publishing the webpage.
The device graphic primitive template is realized by modeling the device data, storing the device model data and converting the device model data into vue components.
The problem of the graphical representation of equipment in the Internet of things platform is solved, and after the background conversion component, the state of the dynamic display equipment on the flow chart can be easily realized. Meanwhile, the vue component comprises a state point and a control point of the equipment, and the Internet of things platform provides an http interface for acquiring the equipment attribute point and issuing the control point, so that an equipment model from data to graphics is realized. Through once modeling, the graphs of the same equipment can be reused, the configuration process of the flow chart is reduced, the equipment only needs to bind the equipment ID, the traditional specific point binding process is not needed, and the workload and the configuration error rate are reduced.
The method not only realizes the web-based configuration of the equipment diagram, but also ensures that the configuration of the flow chart is convenient and configuration errors are reduced by establishing the equipment model, and can independently test whether the configuration of the equipment template is in accordance with expectations or not by simple test codes. For configuration personnel, only simple configuration conditions and graphs are needed, the background service can directly generate available components, and then the available components are matched with a template to be directly published into a final web page.
Preferably, (1-1) comprises the steps of:
(1-1-1) configuring M attribute points of the equipment template, wherein M is larger than 1;
(1-1-2) configuring L control points of the equipment template, wherein L is greater than 1;
and storing each attribute point and each control point as a JSON format device template.
Preferably, (1-2) comprises the steps of:
presetting N equipment states required to be displayed by equipment, dividing the graphic forms displayed on an interface of the equipment into N types, wherein the N types of graphic forms correspond to the N equipment states respectively, describing the N types of graphic forms, and setting conditions generated by each type of graphic form; n is greater than 1;
describing each graph form and the corresponding condition by using at least one attribute point to form the corresponding relation between the graph state description and the attribute point;
in the graphic resource library, searching a corresponding graphic resource file according to each graphic state description, wherein the graphic resource file is a vector graphic adopting a svg format, describing the graphic resource file in a JSON format through a text file and storing the graphic resource file in a background configuration library to obtain a data model structure file in the JSON format, and updating the data model structure file in the JSON format into an equipment template, JSON file.
Preferably, (1-3) comprises the steps of:
acquiring a device template and json file by a DevClsAnaly analysis program;
the DevClsAnaly analysis program searches the fields of attributes in the JSON structure, arranges the configuration of the attribute points and stores the configuration into internal data;
the DevClsAnaly analysis program searches a control field in a JSON structure, arranges the configuration of a control point and stores the configuration into internal data of the analysis program;
the DevClsAnaly analysis program searches the 'graph' field in the JSON structure, arranges the conditions for generating the graph form and the corresponding graph resource file, and stores the conditions and the corresponding graph resource file in the internal data of the analysis program.
Preferably, (1-4) comprises the steps of:
the DevClsGene generator finds the configuration of the graph change in the internal data, generates vue data in the < template > tag in the component format, adds the < image > tag to each expression in the data, and adds "v-if is the way of the XXX expression" in the tag, and then adds "href is the" xxxx. svg path ";
the DevClsGene generator finds the data of each attribute point and each control point in the internal data, and generates vue component data () partial data by using the data of each attribute point and each control point;
the DevClsGene generator adds fixed functions to the vue component that acquire data and control issues.
Preferably, the number of the attribute points is 5, and the 5 attribute points are respectively in an operating state, a stop state, a remote mode, a local mode and a fault state; the number of the control points is 4, and the 4 control points are respectively an opening control command, a stopping control command, a rotating speed setting command and a mode setting command.
Preferably, (1-5) comprises the steps of:
the vue component is loaded by front-end codes written by vue language, and is compiled and then issued into a webpage, the change of the device graph can be seen after the actual data is accessed, and the control command is issued through the webpage.
Preferably, the DevClsAnaly analysis program is developed by adopting NodeJS, adopts a text analysis module, analyzes character strings in JS0N format by reading a device type template json file, analyzes fields of 'attributes', 'control', 'graph' in the character strings, saves the result in internal data, and provides an interface for external calling to obtain the internal data.
Preferably, the DevClsGene generator is developed using nodjs, obtains internal data by calling the devclname. exe parser interface, adds vue-format tag fields, such as < template >, data () and the like, to the internal data, writes and generates the result into the vue suffix file using a write text module.
Therefore, the invention has the following beneficial effects: a set of equipment template model integrating equipment data and graphs is designed, so that the equipment template model can be repeatedly used and is convenient to configure;
the dynamic configuration of the graph adopts a replacement display scheme, the graph file is compatible with a plurality of file formats, and the limitation on graph drawing is relaxed;
the current vue technology popular at the front end is adopted to realize web display, compiling and debugging are more convenient, and the front-end page is realized, so that various advantages of the vue technology can be embodied;
the method realizes the integrated modeling of data and graphic change, and for an implementation party, only graphic files under different expressions are configured on a platform, and a background can provide a complete equipment template component. The component integrates all interaction functions of acquiring data from the Internet of things platform, changing the state of the graph and controlling and issuing the data to the Internet of things platform. Performing a flow chart configuration function of a subsequent Internet of things platform, wherein the configuration of the equipment is performed on the basis;
the web display of the monitoring page is realized, the data acquisition and the equipment change process are realized in a componentization mode, and the web page only needs to be simply called.
Drawings
FIG. 1 is a flow chart of the present invention.
Detailed Description
The invention is further described with reference to the following figures and detailed description.
The embodiment shown in fig. 1 is a method for implementing a device template primitive, comprising the following steps:
the method comprises the following steps: configuring device template attribute points and control points
In an equipment monitoring project or an Internet of things project, the invention adopts equipment abstract templating for the same equipment. And setting each state of the equipment which needs to be monitored by the upper computer as an attribute point, and setting a control command which can be issued by the equipment by the upper computer as a control point. The process of configuring the device template attribute points and control points is actually to alias the devices to be configured, and then to alias the attribute points and control points and the type of values (boolean, numeric), and to describe each point. These information are stored in JSON format.
Taking a fan device as an example, the fan device is named as FJ, and the attribute point and the control point of the fan device are configured respectively:
firstly, the method comprises the following steps: configuring an attribute point
1. The RUNNING state of the fan is named as RUNNING, whether the fan is in the RUNNING state or not is represented, and the type of the value is Boolean quantity;
a value of true indicates that the fan is in an operational state, and a value of false indicates that the fan is not in an operational state. The storage is in JSON format: { "attributes": { "RUNNING": { "description": "running state", "type": "boul" }.
2. The method comprises the following steps that (1) the stop state of a fan is named STOPPED, whether the fan is in the stop state or not is represented, and the type of a value is Boolean quantity;
the value true indicates that the fan is in a stopped state, and the value false indicates that the fan is not in a stopped state. The storage is in JSON format: { "attributes": { "STOPPED": { "description": "stop state", "type": "boo 1" }.
3. The remote mode of the fan is named YFMS, whether the fan is in the remote mode or not is represented, and the type of the value is Boolean quantity;
a value of true indicates that the wind turbine is in the distant mode, and a value of false indicates that the wind turbine is not in the distant mode. The storage is in JSON format: { "attributes": { "YFMS": { "description": "distant mode", "type": "boul" }.
4. The local mode of the fan is named as JDMS, and the fan is indicated to be in the local mode or not, and the type of the value is Boolean quantity;
a value of true indicates that the wind turbine is in the on-site mode, and a value of false indicates that the wind turbine is not in the on-site mode. The storage is in JSON format: { "attributes": { "JDMS": { "description": "in-place mode", "type": "boul" }.
5. The FAULT state of the fan is named FAULT, whether the fan is in the FAULT state or not is represented, and the type of the value is Boolean quantity;
a value of true indicates that the wind turbine is in a fault state, and a value of false indicates that the wind turbine is not in a fault state. The storage is in JSON format: { "attributes": { "FAULT": { "description": "failure," type ": "boul" }.
II, secondly: configuring control points
1. And the fan opening control command is named as START, the type of the value is Boolean quantity, and the value is changed into true to represent that the fan opening command is issued. The storage is in JSON format: { "control": { "START": { "description": "open," type ": "boul" }.
2. And (3) the fan STOP control command is named STOP, the type of the value is Boolean quantity, and the value is changed into true to indicate that the fan STOP command is issued. The storage is in JSON format: { "control": { "STOP": { "description": "stop," type ": "boo 1" }.
3. The fan rotating SPEED setting command is named SPEED, the type of the value is numerical quantity, the value is changed into a corresponding number, and the issued rotating SPEED is the set numerical command. The storage is in JSON format: { "control": { "SPEED": { "description": "speed setting," type ": "number" }.
4. And the fan MODE setting command is named MODE, the type of the value is numerical value, the value is changed into corresponding number, and the issued MODE is the MODE command corresponding to the set number. { "control": { "MODE": { "description": "control mode," type ": "number" }.
Step two: configuring a graphic resource file of the equipment template;
the step abstracts the graph change configuration of the equipment according to the form which needs to be expressed by the equipment and the condition which needs to be achieved by the form, and can be concretely divided into the following steps:
presetting N equipment states required to be displayed by equipment, dividing the graphic forms displayed on an interface of the equipment into N types, wherein the N types of graphic forms correspond to the N equipment states respectively, describing the N types of graphic forms, and setting conditions generated by each type of graphic form; n is greater than 1;
describing each graph form and the corresponding condition by using at least one attribute point to form the corresponding relation between the graph state description and the attribute point;
in a graphic resource library, searching a corresponding graphic resource file according to each graphic state description, wherein the graphic resource file is a vector graphic adopting a svg format, describing and storing the graphic resource file in a JSON format to a background configuration library through a text file to obtain a data model structure file in the JSON format, and updating the data model structure file in the JSON format to an equipment template, JSON file.
Also taking the above fan as an example, the following conditions are available for obtaining the fan according to the requirement
1. The fan is in an operating state, and the conditions are as follows: the RUNNING true file name of the graphic state completed by the art drawing is: svg. Storing the JSON format after the configuration tool as follows:
{″expression″：″RUNNING＝true″，″type″：″svg″，″pic″：″fj_running.svg″}
2. the fan is in a stop state, and the conditions are as follows: the file name of the graphics state completed by the art drawing is: svg. Storing the JSON format after the configuration tool as follows:
{″expression″：″STOPPED＝true″，″type″：″svg″，″pic″：″fj_stopped.svg″}
3. the fan is in a distant state, and the conditions are as follows: YFMS ═ true, the filename of the graphics state completed by art designing is: svg. The storage format after the configuration tool is as follows:
{″expression″：″YFMS＝true″，″type″：″svg″，″pic″：″fj_yfms.svg″}
4. the fan is in the on-site state, and the conditions are as follows: JDMS true, the file name of the graphics state completed by art designing is: svg. The storage format after the configuration tool is as follows:
{″expression″：″JDMS＝true″，″type″：″svg″，″pic″：″fj_jdms.svg″}
5. the fan is in the fault state, and the condition is: the file name of the graphic state finished by the art drawing is: svg. The storage format after the configuration tool is as follows:
{″expression″：″FAULT＝true″，″type″：″svg″，″pic″：″fj_fault.svg″}
finally, the JSON format shown in the following table 1 is formed
Table 1 background json storage structure of fan model
Step three: analyzing the equipment template configuration to generate internal data;
through the step, the JSON format files configured in the step two and the step one are parsed into internal data which can form the final vue component.
Acquiring a device template and json file by a DevClsAnaly analysis program;
the DevClsAnaly parser finishes the configuration of the attribute points by searching the fields of attributes in the JSON structure and stores the configuration into the internal data.
And 3, the DevClsAnaly parser finishes the configuration of the control point by searching a 'control' field in the JSON structure and stores the configuration into internal data.
And 4, the DevClsAnaly analysis program searches a 'graph' field in the JSON structure, arranges the condition for generating the graph form and the corresponding graph relation, and stores the condition and the corresponding graph relation into internal data.
Step four: generating vue a component file;
the DevClsGene generator (which may be in C + +, JS, PYTHONE, etc.) finds the configuration of the graphic changes in the internal data, generating vue the data in the < template > tag in the component format. Each expression is added with an < image > tag, and the tag is added with "v-if ═ XXX expression", and then with the corresponding "href ═ xxxx. svg path", in the following format:
< image v-if ═ XXX attribute ═ true "xlink: href./../static/svg/XXX. svg "/>
Then the devclsge generator finds the related data of the attribute point and the control point in the internal data, and generates vue component data () partial data, the format is for example: data () { att: { XXX: true, say, ctrl: { XXX: 0}}.
Finally, the DevClsGene generator adds fixed functions for acquiring data and controlling issue to the vue component.
Using the above fan as an example, the format of the finally generated fj.
Table 2 fj. vue file contents of wind turbine model primitive
Step five: publishing web page
The front-end code written by vue language is loaded vue component, and can be released into web page after compiling, and the change of the device graph according to the expression can be seen after accessing the actual data, and the control command can be issued through web page.
First generating simple engineering through vue-cli, then introducing vue components generated in step four into the generated app.
For example: import FJ from '/components/pic/FJ', finally compiled and published into a webpage, and is expressed by http:// localhost: 8080 the website is accessible.
And the template file is selected during subsequent flow chart configuration, instantiation of the device template data model can be realized only by binding the corresponding device ID, and dynamic display of the device form can be realized after the data of the Internet of things platform is accessed.
It should be understood that this example is for illustrative purposes only and is not intended to limit the scope of the present invention. Further, it should be understood that various changes or modifications of the present invention may be made by those skilled in the art after reading the teaching of the present invention, and such equivalents may fall within the scope of the present invention as defined in the appended claims.
Claims (9)
1. A method for realizing equipment template graphics primitives is characterized by comprising the following steps:
(1-1) configuring an equipment template attribute point and a control point;
(1-2) configuring a graphic resource file of the equipment template;
(1-3) analyzing the equipment template configuration to generate internal data;
(1-4) generating vue a component file;
and (1-5) publishing the webpage.
2. A method for implementing device template primitives as claimed in claim 1, wherein (1-1) comprises the steps of:
(1-1-1) configuring M attribute points of the equipment template, wherein M is larger than 1;
(1-1-2) configuring L control points of the equipment template, wherein L is greater than 1;
and storing each attribute point and each control point as a JSON format device template.
3. A method as claimed in claim 1, wherein (1-2) comprises the steps of:
presetting N equipment states required to be displayed by equipment, dividing the graphic forms displayed on an interface of the equipment into N types, wherein the N types of graphic forms correspond to the N equipment states respectively, describing the N types of graphic forms, and setting conditions generated by each type of graphic form; n is greater than 1;
describing each graph form and the corresponding condition by using at least one attribute point to form the corresponding relation between the graph state description and the attribute point;
in the graphic resource library, searching a corresponding graphic resource file according to each graphic state description, wherein the graphic resource file is a vector graphic adopting a svg format, describing the graphic resource file in a JSON format through a text file and storing the graphic resource file in a background configuration library to obtain a data model structure file in the JSON format, and updating the data model structure file in the JSON format into an equipment template, JSON file.
4. A method as claimed in claim 1, wherein (1-3) comprises the steps of:
acquiring a device template and json file by a DevClsAnaly analysis program;
the DevClsAnaly analysis program searches the fields of attributes in the JSON structure, arranges the configuration of the attribute points and stores the configuration into internal data;
the DevClsAnaly analysis program searches a control field in a JSON structure, arranges the configuration of a control point and stores the configuration into internal data of the analysis program;
the DevClsAnaly analysis program searches the 'graph' field in the JSON structure, arranges the conditions for generating the graph form and the corresponding graph resource file, and stores the conditions and the corresponding graph resource file in the internal data of the analysis program.
5. A method as claimed in claim 1, wherein (1-4) comprises the steps of:
the DevClsGene generator finds the configuration of the graph change in the internal data, generates vue data in the < template > tag in the component format, adds the < image > tag to each expression in the data, and adds "v-if is the way of the XXX expression" in the tag, and then adds "href is the" xxxx. svg path ";
the DevClsGene generator finds the data of each attribute point and each control point in the internal data, and generates vue component data () partial data by using the data of each attribute point and each control point;
the DevClsGene generator adds fixed functions to the vue component that acquire data and control issues.
6. A method for implementing device template primitives as claimed in claim 1, 2, 3, 4 or 5 wherein (1-5) comprises the steps of:
the vue component is loaded by front-end codes written by vue language, and is compiled and then issued into a webpage, the change of the device graph can be seen after the actual data is accessed, and the control command is issued through the webpage.
7. The method of claim 2, wherein the number of the attribute points is 5, and the 5 attribute points are respectively in a running state, a stop state, a distant mode, an in-situ mode, and a failure state; the number of the control points is 4, and the 4 control points are respectively an opening control command, a stopping control command, a rotating speed setting command and a mode setting command.
8. The method as claimed in claim 4, wherein the DevClsAnaly parser is developed by NodeJS, and the text parsing module is used to parse JSON format character strings by reading the Json file of the device class template, so as to parse the "attributes", "control" and "graph" fields, and store the result in the internal data, and provide an interface for external calling to obtain the internal data.
9. The method of claim 5, wherein the DevClsGene generator is developed using NodeJS, obtains internal data by calling a DevClsAnaly. exe parser interface, adds vue format tag fields to the internal data, writes the result using a text-writing module, and generates the result into a. vue suffix file.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911216931.4A CN111258578A (en) | 2019-12-02 | 2019-12-02 | Method for realizing equipment template primitive |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911216931.4A CN111258578A (en) | 2019-12-02 | 2019-12-02 | Method for realizing equipment template primitive |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111258578A true CN111258578A (en) | 2020-06-09 |
Family
ID=70948503
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911216931.4A Pending CN111258578A (en) | 2019-12-02 | 2019-12-02 | Method for realizing equipment template primitive |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111258578A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113569098A (en) * | 2021-07-02 | 2021-10-29 | 浙江浙大中控信息技术有限公司 | Dynamic implementation method of equipment three-dimensional model |
| CN113568613A (en) * | 2021-07-08 | 2021-10-29 | 浙江浙大中控信息技术有限公司 | Method for on-line rotating dynamic interactive webpage of svg configuration flow chart |
| CN113807071A (en) * | 2021-08-31 | 2021-12-17 | 浙江浙大中控信息技术有限公司 | OCR-based document generation method |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150186119A1 (en) * | 2013-12-31 | 2015-07-02 | Rockwell Automation Technologies, Inc. | Industrial automation device with editor and graphical object mobile visualization |
| CN105302705A (en) * | 2015-11-20 | 2016-02-03 | 国网山西省电力公司大同供电公司 | Method for displaying data network monitoring graph |
| CN108346002A (en) * | 2018-02-12 | 2018-07-31 | 深圳云图智联技术有限公司 | Front end for substation's Analysis of Risk Control shows method and its system |
| CN108491195A (en) * | 2018-01-26 | 2018-09-04 | 海尔优家智能科技（北京）有限公司 | Equipment controls page generation method and system |
| CN108492346A (en) * | 2018-03-19 | 2018-09-04 | 苏州思必驰信息科技有限公司 | Realize the method and device of chart components |
| CN109255046A (en) * | 2018-08-21 | 2019-01-22 | 浙江浙大中控信息技术有限公司 | The dynamic realizing method of vector graphical element |
| CN109388395A (en) * | 2018-09-06 | 2019-02-26 | 顺丰科技有限公司 | A kind of instrument board configuration rendering method, system, equipment and storage medium |
| US20190065444A1 (en) * | 2017-08-30 | 2019-02-28 | Explica, Inc. | Techniques for efficient & high-throughput web content-creation |
| CN110489499A (en) * | 2019-05-31 | 2019-11-22 | 武汉大学 | A kind of on-line intelligence special map plotting method |
-
2019
- 2019-12-02 CN CN201911216931.4A patent/CN111258578A/en active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150186119A1 (en) * | 2013-12-31 | 2015-07-02 | Rockwell Automation Technologies, Inc. | Industrial automation device with editor and graphical object mobile visualization |
| CN105302705A (en) * | 2015-11-20 | 2016-02-03 | 国网山西省电力公司大同供电公司 | Method for displaying data network monitoring graph |
| US20190065444A1 (en) * | 2017-08-30 | 2019-02-28 | Explica, Inc. | Techniques for efficient & high-throughput web content-creation |
| CN108491195A (en) * | 2018-01-26 | 2018-09-04 | 海尔优家智能科技（北京）有限公司 | Equipment controls page generation method and system |
| CN108346002A (en) * | 2018-02-12 | 2018-07-31 | 深圳云图智联技术有限公司 | Front end for substation's Analysis of Risk Control shows method and its system |
| CN108492346A (en) * | 2018-03-19 | 2018-09-04 | 苏州思必驰信息科技有限公司 | Realize the method and device of chart components |
| CN109255046A (en) * | 2018-08-21 | 2019-01-22 | 浙江浙大中控信息技术有限公司 | The dynamic realizing method of vector graphical element |
| CN109388395A (en) * | 2018-09-06 | 2019-02-26 | 顺丰科技有限公司 | A kind of instrument board configuration rendering method, system, equipment and storage medium |
| CN110489499A (en) * | 2019-05-31 | 2019-11-22 | 武汉大学 | A kind of on-line intelligence special map plotting method |
Non-Patent Citations (3)
| Title |
|---|
| 刘毅;侯立刚;: "基于SVG的监控组态软件界面的研究", vol. 36, no. 06, pages 60 - 63 * |
| 刘红卫;: "利用Node.js开发前后端分离的系统――以图书馆地方文献系统为例", 天津科技, no. 07, pages 69 - 72 * |
| 朱锋: "基于Spring Boot和Vue的火电SIS系统设计与实现", vol. 16, no. 26, pages 36 - 37 * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113569098A (en) * | 2021-07-02 | 2021-10-29 | 浙江浙大中控信息技术有限公司 | Dynamic implementation method of equipment three-dimensional model |
| CN113568613A (en) * | 2021-07-08 | 2021-10-29 | 浙江浙大中控信息技术有限公司 | Method for on-line rotating dynamic interactive webpage of svg configuration flow chart |
| CN113807071A (en) * | 2021-08-31 | 2021-12-17 | 浙江浙大中控信息技术有限公司 | OCR-based document generation method |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Li et al. | ECharts: a declarative framework for rapid construction of web-based visualization | |
| US7269792B2 (en) | System and method for generating high-function browser widgets with full addressability | |
| JP5679989B2 (en) | Debug pipeline | |
| US8311797B2 (en) | Viewing system that supports multiple electronic document types | |
| US9384005B2 (en) | Systems and methods for dynamic configuration of client-side development environments through use of application servers | |
| Boduch et al. | React and React Native: A complete hands-on guide to modern web and mobile development with React. js | |
| US8510706B1 (en) | Generating comments for code generated from a model | |
| CN111258578A (en) | Method for realizing equipment template primitive | |
| KR101120706B1 (en) | Collaborative development of visualization dashboards | |
| EP1924925A1 (en) | Initial server-side content rendering for client-script web pages | |
| CN101909082B (en) | Model-driven grid portal configuration system and method | |
| Lazuardy et al. | Modern front end web architectures with react. js and next. js | |
| CN102087598A (en) | Method, device and browsing device for displaying 3D interface | |
| CN103646023A (en) | Page and control increasing method based on WEB | |
| CN113448562B (en) | Automatic logic code generation method and device and electronic equipment | |
| Fisher et al. | Visualizations everywhere: A multiplatform infrastructure for linked visualizations | |
| US20170286040A1 (en) | Display and operating unit and method of operating a field instrument having a display and operating unit | |
| US20120151321A1 (en) | System for Generating Websites for Products with an Embedded Processor | |
| CN107797805B (en) | Code packaging method and device and computer readable storage medium | |
| CN109885301A (en) | A kind of generation method of scalable vector graphics, device, storage medium and equipment | |
| Hostetter et al. | Curl: a gentle slope language for the Web. | |
| CN110851123A (en) | WebGIS power grid visualization framework construction method, system and device based on SpringMVC | |
| CN106126240A (en) | A kind of method and system customizing mobile terminal desktop shortcut icon | |
| CN112860584A (en) | Test method and device based on workflow model | |
| US7900191B1 (en) | System and method of using an active link in a state programming environment to locate an element in a graphical programming environment |
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 | ||
| CB02 | Change of applicant information | ||
| CB02 | Change of applicant information |
Address after: 310053 23-25, 2 building, 352 BINKANG Road, Binjiang District, Hangzhou, Zhejiang. Applicant after: Zhejiang zhongkong Information Industry Co.,Ltd. Address before: 310053 23-25, 2 building, 352 BINKANG Road, Binjiang District, Hangzhou, Zhejiang. Applicant before: ZHEJIANG SUPCON INFORMATION TECHNOLOGY Co.,Ltd. |
|
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200609 |