[发明专利]一种工业web实时监测页面的生成方法在审
申请号: | 201711270636.8 | 申请日: | 2017-12-05 |
公开(公告)号: | CN108089857A | 公开(公告)日: | 2018-05-29 |
发明(设计)人: | 曾保权;刘敏生;刘华生 | 申请(专利权)人: | 广东雅达电子股份有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38;G06F17/30 |
代理公司: | 广州粤高专利商标代理有限公司 44102 | 代理人: | 罗晓林;李捷 |
地址: | 517000 *** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 图元 组态 实时监测 实时数据 代码重复 关联响应 嵌入方式 事件函数 输入接口 数据调用 协议接口 有效解决 自动获取 组态系统 不安全 不兼容 浏览器 脚本 调用 关联 转换 重复 发布 | ||
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图元模型,以供调用绘制;
S33、根据原图元类型调用不同的SVG图元模型,并根据组态系统图元的坐标值位置赋值给新绘制的SVG图元。
3.根据权利要求2所述的生成方法,其特征在于:所述组态图元的类别包括有文本类、按钮类以及图像类。
4.根据权利要求1所述的生成方法,其特征在于:所述步骤S4中获取实时数据的具体步骤包括:
S41、在数据采集系统中建立套接字进行客户端连接侦听,根据规范建立webSocket服务器,定时解析客户端发出的握手请求,并产生应答信息返回给客户端,从而在客户端和服务器之间建立连接通道;
S42、浏览器客户端根据服务器的IP地址及端口号连接到服务器端;
S43、通过建立好的Socket通道,进行数据的读写操作,从而实现实时数据的获取。
5.根据权利要求1~34任意一项所述的生成方法,其特征在于,所述生成方法还包括:
S8、在完成整个工程的web页面生成后,根据原工程的画面链接关系,获取各按钮或画面的链接关系,并采用超链接的关系在web页面中生成该链接;将该链接导出在一个自定义的文件夹中,并在文件夹中生成对应的首页文件;
S9、完成以上步骤后,在浏览器中通过访问所述文件夹中的首页文件即可达到访问实际项目的web页面效果。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于广东雅达电子股份有限公司,未经广东雅达电子股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201711270636.8/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种页面元素的监听方法及装置
- 下一篇:一种创建可视化界面的方法及装置