一种工业web实时监测页面的生成方法技术

本发明专利技术公开了一种工业web实时监测页面的生成方法，所述生成方法包括：增加用于生成web页面的对应输入接口；在组态系统生成组态页面的同时，自动获取相关组态图元；根据组态图元的类别，将其转换为对应的SVG图元；获取与SVG图元关联的变量名称，通过webSocket协议接口获取实时数据；通过SVG事件的关联响应,采用javascript脚本进行数据调用；定义SVG的事件，在事件函数中定时调用实时数据，并赋值给对应的SVG图元显示；重复上述步骤，即可完成整个工程的web页面生成。利用本发明专利技术，可有效解决采用传统ActiveX控件嵌入方式发布的代码重复编写、浏览器不兼容、系统不安全等诸多问题。

【技术实现步骤摘要】
一种工业web实时监测页面的生成方法
本专利技术涉及一种页面的生成方法，尤其涉及一种工业web实时监测页面的生成方法。
技术介绍
现有的工业监控或测控系统中，一般采用两种模式，一种是基于C/S（客户端/服务端）的模式，一种是基于B/S(浏览器/服务器)的方式，在目前的现有技术下，原有组态软件及监测软件鉴于响应速度、页面组态绘制、页面刷新的技术局限性，一般均以C/S模式居多。在以上的系统中，考虑到C++语言在底层设备通信的优越性，绝大部分系统都采用C++语言编程来实现，比如实现图形组态系统、运行系统、数据采集系统等，随着智能化水平的不断深入，现场对网络分布式发布的要求也越来越高，为将组态的页面系统发布为可以浏览的WEB页面，在WINDOWS系统下，一般采用类似IIS+ActiveX来进行WEB发布。ActiveX是一个开放的集成平台,为开发人员、用户和Web生产商提供了一个快速而简便的在Internet和Intranet创建程序集成和内容的方法。ActiveX插件以前也叫做OLE控件或OCX控件，它是一些软件组件或对象，可以将其插入到WEB网页或其它应用程序中。当前的组态软件中为将组态本文档来自技高网...

【技术保护点】
一种工业web实时监测页面的生成方法，应用于工业监控/测控系统中，所述工业监控/测控系统包括有相互连接的组态系统和数据采集系统，其特征在于，所述生成方法包括：S1、在现有的工业测控软件系统中增加用于生成web页面的对应输入接口；S2、在组态系统生成组态页面的同时，自动获取相关组态图元；S3、根据组态图元的类别，将其转换为对应的SVG图元；S4、获取与SVG图元关联的变量名称，通过webSocket协议接口获取实时数据；S5、通过SVG事件的关联响应,采用javascript脚本进行数据调用；S6、定义SVG的事件，在事件函数中定时调用步骤S5中的实时数据，并赋值给对应的SVG图元显示，以实现页...

【技术特征摘要】
1.一种工业web实时监测页面的生成方法，应用于工业监控/测控系统中，所述工业监控/测控系统包括有相互连接的组态系统和数据采集系统，其特征在于，所述生成方法包括：S1、在现有的工业测控软件系统中增加用于生成web页面的对应输入接口；S2、在组态系统生成组态页面的同时，自动获取相关组态图元；S3、根据组态图元的类别，将其转换为对应的SVG图元；S4、获取与SVG图元关联的变量名称，通过webSocket协议接口获取实时数据；S5、通过SVG事件的关联响应,采用javascript脚本进行数据调用；S6、定义SVG的事件，在事件函数中定时调用步骤S5中的实时数据，并赋值给对应的SVG图元显示，以实现页面的动态生成和数据的自动更新；S7、重复上述步骤S2-S6，即可完成整个工程的web页面生成。2.根据权利要求1所述的生成方法，其特征在于，所述步骤S3中，根据组态图元的类别，转换为对应的SVG图元的具体步骤包括：S31、将获取的图元的长度和高度数值参数赋值给SVG图元的width和height参数，并填写SVG的版本信息，确保SVG图元的完整性；S32、根据组态系统中常用的图元编制不同的SVG图元模型，以供...

【专利技术属性】
技术研发人员：曾保权，刘敏生，刘华生，
申请(专利权)人：广东雅达电子股份有限公司，
类型：发明
国别省市：广东,44