[发明专利]集成电路生产线监控系统的可视化配置方法

说明书

技术领域

本发明涉及页面组态方法，具体说是集成电路生产线监控系统的可视化配置方法。 

背景技术

在工业自动化生产中，广泛应用web技术实现对现场设备的远程监控。通过对现场数据的采集处理，以图形显示、报警处理、流程控制和报表输出等多种方式向用户提供实际工程问题的解决方案。组态环境和运行环境构成完整的远程监控系统，用户可以在组态环境中根据实际生产线需要设计构造工业流程，将组态好的工程通过串口或以太网下载到下位机的运行环境中，现场设备就会按照组态工程设计完成设计目标和功能。传统的组态方法是通过页面窗口，以设置下拉框、文本框等控件的方式完成的。上述方式操作繁琐，直观性差，而且容易出错；尤其在复杂的工程组态中，系统的运行效率也会大大降低，影响监控系统的实时性及有效性。 

发明内容

针对上述技术不足，本发明的目的提供一种快速、直观、易操作的可视化配置方法。 

为实现上述目的本发明采用的技术方案是： 

集成电路生产线监控系统的可视化配置方法，包括实时监管集成电路生产线部分，所述实时监管集成电路生产线部分是指通过串口通信方式实现与设备的连接，获取设备实时生产状态，将其显示在web页面上的功能。所述可视化配置是指在web页面通过拖拽动作编辑图形，将页面上的图形元素与实际设备关联，通过在web页面上对图形元素的操作实现对实际设备的实时监控。 

所述的可视化配置方法包括以下步骤： 

步骤1，构建图形结构体； 

步骤2，定义拖拽动作中选中、拖动、放置的事件； 

步骤3，可视化配置，关联页面端的图形元素与实际设备； 

步骤4，实时监管：获取设备实时状态，实时更新页面显示信息构建图形结构体；下发控制命令，远程操作生产线上的实际设备。 

在所述步骤1中，图形结构体分为图形编辑工具栏及图形编辑区域两个部分。图形编辑工具栏中储存所有图形元素的属性，包括形状、填充颜 色、线条颜色、高度及宽度；图形编辑区域用来放置图形元素，是进行图形编辑，工程组态的场所。 

在所述步骤2中定义拖拽动作采用如下步骤： 

步骤a，定义点击事件，以获取选中图形元素的属性； 

步骤b，定义拖动事件，以监测拖动位置，记忆图形属性； 

步骤c，定义放置事件，以生成新图形元素。 

在所述步骤a中，当页面鼠标左键点击时，判断选中是否为已定义图形元素，如果是则触发点击事件，获取选中图形元素的属性，包括形状、填充颜色、线条颜色、高度及宽度。 

在所述步骤b中，当页面鼠标点击选中某图形元素产生位移时，触发拖动事件，实时侦测当前坐标，记录获取到得图形属性，并在鼠标标识的旁边生成与记录属性相同的图形。 

在所述步骤c中，放置事件中实时获取鼠标的当前位置，并在鼠标松开时按照权利要求4所述步骤b中记录的图形属性生成图形元素。 

所述步骤3中，可视化配置是指在页面拖拽编辑图形，与实际设备进行数据关联后，通过查看或操作页面图形实现对实际设备的实时监管。所述数据关联是指将页面上某一指定图形元素与指定实际设备通过的唯一标识一一对应，该指定图形元素将显示此设备的现场数据。 

所述步骤4中，web页面与实际设备的通信是通过串口通信方式实现的，如果与设备关联成功，则获取该设备实时状态信息，下发控制指令并回传反馈信息。 

附图说明

图1为本发明可视化配置的流程图； 

图2为本发明中图形元素与实际设备关联的流程图； 

图3为本发明中获取实际设备现场数据，实现对现场设备实时监管的流程图。 

具体实施方式

下面结合附图对本发明作进一步详细说明。 

一种集成电路生产线监控系统的可视化配置方法，包括实时监管集成电路生产线部分，所述实时监管集成电路生产线部分是指通过串口通信方式实现与设备的连接，获取设备实时生产状态，将其显示在web页面上的功能。所述可视化配置是指在web页面通过拖拽动作编辑图形，将页面上的图形元素与实际设备关联，通过在web页面上对图形元素的操作实现对实际设备的实时监控。 

所述的可视化配置的方法，包括以下步骤： 

步骤1，构建图形结构体； 

步骤2，定义拖拽动作中选中、拖动、放置的事件； 

步骤3，可视化配置，关联页面端的图形元素与实际设备； 

步骤4，实时监管：获取设备实时状态，实时更新页面显示信息构建图形结构体；下发控制命令，远程操作生产线上的实际设备。