一种组态页面的制作和监控方法技术

本发明专利技术公开了一种组态页面的制作和监控方法，使用HTML5技术标准,采用B/S架构，组态应用编辑程序和组态应用监控程序部署在云端服务器；用户通过组态应用编辑程序制作组态工程文件，组态工程文件存储在云端服务器，用户可下载到本地电脑中；用户通过组态应用编辑程序自动或手动上传组态工程文件到组态应用监控程序中，通过浏览器查看实时组态监控数据。本发明专利技术采用云端服务器的部署方式，无需用户安装独立软件或插件，只需要一台能访问互联网的电脑，打开浏览器进入组态应用页面即可工作。

A Method of Making and Monitoring Configuration Pages

The invention discloses a method for making and monitoring configuration pages, which uses HTML5 technical standard, adopts B/S architecture, configures application editing program and configuration application monitoring program to deploy in cloud server; users make configuration engineering files by configuring application editing program, and the configuration engineering files are stored in cloud server, and users download them to local computer by configuring application editing program; Automatically or manually upload the configuration engineering files to the configuration application monitoring program by editing program, and view the real-time configuration monitoring data through browser. The invention adopts the deployment mode of cloud-end server, does not require users to install independent software or plug-ins, only needs a computer capable of accessing the Internet, opens the browser and enters the configuration application page to work.

【技术实现步骤摘要】
一种组态页面的制作和监控方法[
]本专利技术涉及监控系统，尤其涉及一种组态页面的制作和监控方法。[
技术介绍
]“组态(Configure)”的含义是“配置”、“设定”、“设置”等意思，是指用户通过类似“搭积木”的简单方式来完成自己所需要的软件功能，而不需要编写计算机程序，也就是所谓的“组态”。它有时候也称为“二次开发”，组态软件就称为“二次开发平台”。“监控(SupervisoryControl)”，即“监视和控制”，是指通过计算机信号对自动化设备或过程进行监视、控制和管理。简单地说，组态监控软件能够实现对自动化过程和装备的监视和控制。它能从自动化过程和装备中采集各种信息，并将信息以图形化等更易于理解的方式进行显示，将重要的信息以各种手段传送到相关人员，对信息执行必要分析处理和存储，发出控制指令等等。在组态概念出现之前，要实现某一任务，都是通过编写定制程序(如使用BASIC,C等)来实现的。编写特定程序不但工作量大、周期长，而且容易犯错误，不能保证工期。组态软件的出现，解决了这个问题。对于过去需要几个月的工作，通过组态几天就可以完成。组态监控应用由两部分组成。组态页面制作程序：编辑，制作组态页面程序，多以C/S架构方式开发。组态页面监控程序：呈现制作完成的组态页面，多以B/S架构方式呈现。申请号为CN201210131899.1的专利技术公开了一种运行监控系统中组态监控页面的生成方法，用于远程监控的自动化控制工程。为了解决采用现有生成方法获得的运行监控系统中组态监控页面不能适应工业控制系统的硬件变化的问题。具体过程为：建立监控页面，定义页面参数；判断建立的监控页面是否为策略控制页面，如果是执行步骤3，如果否返回步骤2；将策略控制页面中加入控制算法模块；进行数据配置；判断是否需要新控件，如果是执行步骤6，如果否执行步骤7；对新控件的属性进行设置；判断是否完成组态监控页面，如果是保存完成的组态监控页面，如果否返回步骤1。申请号为CN201210087933.X的专利技术公开了一种组态监控对象的生成方法，为了解决目前厂家提供给用户绘制监控软件系统中的监控对象的工具较为简单，不能生动表现出被控对象的效果，且效率低下的问题。它包括：用于调用数据库中图元、绘制图元、设置图元属性、设置动态图元的参数、设置动态图元的输出参数与外部监控对象产生相应的事件关联和设置动态图元的输出参数与外部监控对象产生相应的事件关联的步骤，还包括根据动态图元的输入参数调整动态图元中相应的属性，并重新绘制动态图元的步骤，和用于判定鼠标点击位置是否位于动态图元所在区域的步骤，当判断为是时，执行修改动态图元的输出参数的步骤。它用于生成监控系统中的组态监控对象。现有的组态应用实现方案包含：基于IE浏览器支持的ActiveX控件,开发组态监控应用，组态编辑程序多为C/S架构，需要安装客户端程序，组态呈现页面只能在微软IE浏览器下正常运行。基于SVG(可缩放矢量图形)开发组态应用，SVG是由万维网联盟制定，是一个开放标准。可在多种浏览器下运行，但由于SVG代码本质是一种XML格式数据，需要大量的代码标记数据信息，使得网页文件体积庞大，页面呈现速度缓慢，且不是所有浏览器都能完美支持。基于HTML4(标准通用标记语言)常规网页标记开发组态工具，该类组态工具可在多种浏览器下运行，组态控件动态效果通过脚本文件和样式文件编写实现，这类组态工具虽然解决了跨浏览器兼容问题和页面加载速度问题，但存在页面代码编写复杂，多个样式文件容易冲突，集成难度较大等问题。现有技术的组态页面的制作和监控方法存在以下缺点：1)组态页面制作程序为C/S架构，需要安装客户端软件，一旦用户更换电脑设备，需要重新安装软件，无法做到云端使用，给用户带来了额外的工作。2)组态页面监控程序只能在单一浏览器(微软IE浏览器)中运行，无法在其他浏览器中运行。3)现有组态应用运行性能差，需要有强大的客户端硬件支持才能流畅运行页面，而中低端硬件配置的客户端运行组态页面有卡顿现象发生。4)现有组态应用通信方式存在使用轮询方式监听数据，而轮询方式无法做到实时通信，通常会有延时情况发生，导致一些数据无法保证时效性。5)现有组态应用无法在移动设备的浏览器上运行，而如今移动设备非常普及，不能在平板电脑和智能手机上使用组态应用，无法满足用户需求。[
技术实现思路
]本专利技术要解决的技术问题是提供一种不需要用户安装客户端软件，只需打开浏览器进入组态应用页面即可工作的组态页面的制作和监控方法。为了解决上述技术问题，本专利技术采用的技术方案是，一种组态页面的制作和监控方法，使用HTML5技术标准,采用B/S架构方式，组态应用编辑程序和组态应用监控程序部署在云端服务器；用户通过组态应用编辑程序制作组态工程文件，组态工程文件存储在云端服务器，用户可下载到本地电脑中；用户通过组态应用编辑程序自动或手动上传组态工程文件到组态应用监控程序中，通过浏览器查看实时组态监控数据。以上所述的组态页面的制作和监控方法，用户通过组态应用编辑程序制作的组态页面，以组态工程文件的方式存储在云端服务器，用户下载组态工程总文件，解压工程文件并放置在项目服务器中，查看组态监控页面；用户可以查看工程文件中包含的任何子文件，通过组态编辑程序或直接对文件进行手动编辑操作；手动编辑后的工程文件，如需要继续使用组态应用编辑程序处理，把工程文件压缩成后，上传到组态应用编辑程序中；组态工程数据全部存储在云端服务器中，用户通过任何浏览器访问并登录组态应用编辑程序对其进行编辑、删除或下载。以上所述的组态页面的制作和监控方法，通信组件基于WebSocketAPI进行封装，实现用户端和云端服务器间的双工通信；通信组件的作用包括：在组态应用编辑程序中获取监控设备点位信息数据，把需要监控的设备点信息绑定到组态页面中的控件内，实现数据监控；在组态应用监控程序中实时显示监控设备上传的点位数据；在组态应用监控程序中，控制设备下发参数信息；通过通信组件，即时下发通信消息到项目服务器，实现设备参数控制功能。以上所述的组态页面的制作和监控方法，组态应用编辑程序用于：创建组态工程文件，创建监控系统目录和目录下的监控页面；在监控页面中配置基本信息；在监控页面中拖入组态控件，配置组态控件的属性；绑定监控设备的点信息到组态控件中；预览配置好的组态页面效果。以上所述的组态页面的制作和监控方法，组态应用监控程序用于：通过监控系统目录结构，显示组态页面信息；通过点击组态只读控件，查看监控设备点的实时数据信息；通过点击组态读写控件，执行设备参数的下发操作。本专利技术采用云端服务器的部署方式，无需用户安装独立软件或插件，只需要一台能访问互联网的电脑，打开浏览器进入组态应用页面即可工作。[附图说明]下面结合附图和具体实施方式对本专利技术作进一步详细的说明。图1是本专利技术实施例的网络架构图。图2是本专利技术实施例的组态应用组件模块架构图。图3是本专利技术实施例的工程文件数据结构图。图4是本专利技术实施例的通信组件库架构图。图5是本专利技术实施例的组态编辑程序主页面图。[具体实施方式]本专利技术实施例的组态页面的制作和监控方法如图1至图5所示，包括以下内容：1.整体应用架构1)本专利技术组态监控应用采用B/S架构方式，组态应用编辑程序和组态应用监控程序都本文档来自技高网...

【技术保护点】
1.一种组态页面的制作和监控方法，其特征在于，使用HTML5技术标准,采用B/S架构，组态应用编辑程序和组态应用监控程序部署在云端服务器；用户通过组态应用编辑程序制作组态工程文件，组态工程文件存储在云端服务器，用户可下载到本地电脑中；用户通过组态应用编辑程序自动或手动上传组态工程文件到组态应用监控程序中，通过浏览器查看实时组态监控数据。

【技术特征摘要】
1.一种组态页面的制作和监控方法，其特征在于，使用HTML5技术标准,采用B/S架构，组态应用编辑程序和组态应用监控程序部署在云端服务器；用户通过组态应用编辑程序制作组态工程文件，组态工程文件存储在云端服务器，用户可下载到本地电脑中；用户通过组态应用编辑程序自动或手动上传组态工程文件到组态应用监控程序中，通过浏览器查看实时组态监控数据。2.根据权利要求1所述的组态页面的制作和监控方法，其特征在于，用户通过组态应用编辑程序制作的组态页面，以组态工程文件的方式存储在云端服务器，用户下载组态工程总文件，解压工程文件并放置在项目服务器中，查看组态监控页面；用户可以查看工程文件中包含的任何子文件，通过组态编辑程序或直接对文件进行手动编辑操作；手动编辑后的工程文件，如需要继续使用组态应用编辑程序处理，把工程文件压缩成后，上传到组态应用编辑程序中；组态工程数据全部存储在云端服务器中，用户通过任何浏览器访问并登录组态应用编辑程序对其进行编辑、删除或下载。3.根据权利要求1所述的组态页面的制作...

【专利技术属性】
技术研发人员：武双琦，曾尔阳，时志杰，戴斌，胡卓毅，
申请(专利权)人：深圳新基点智能股份有限公司，
类型：发明
国别省市：广东,44