[发明专利]一种WEB前端绘制电气接线图的方法

说明书

本发明公开了一种WEB前端绘制电气接线图方法，其包括以下步骤：编辑画图，拖放图元，进行画面排版，配置画面与图元属性；根据设备与回路电量参数，定义结构类型，加入结构定义列表；在模板画面中，使用结构类型，编辑模板变量，并分配模板变量下的成员变量；使用结构类型，定义结构变量，加入结构变量列表；针对模板图元，使用结构的变量，替换模板变量，实现批量实时库变量绑定；对于非模板图元，使用实时库变量逐一绑定；构建SVG文件，使用程序语言转换方法，将当前画面程序逻辑与数据转换为SVG文件存档，供WEB页面加载使用，实现图形绘制。本发明支持可视化设计方式，可有效提高开发效率，节约开发成本，并可实现良好图形绘制需求。

技术领域

本发明涉及图形绘制技术领域，尤其涉及一种WEB前端绘制电气接线图的方法。

背景技术

电力设备的远程监控应用WEB技术实现使得以往的许多工作可以通过WEB浏览器中实现，既简化日常工作，又拓展电力调度自动化系统的管理范围，同时大大减少软件的升级维护费用。电力系统通过模拟图形表示与电量数据的图形化展示是电力监控系统输出显示的重要内容。按照国家颁布的有关电气技术标准，使用电气接线图形符号和文字符号表示电气装置中的各元件及其相互联系的工程图，称为电气接线图，又叫电气线路图。电气线路图分为一次接线图和二次接线图。一次接线是电气设备的主接线图，连接电源和负载；二次接线图是电气设备的控制接线图，用来实现对电气设备的各种控制功能。

现有电力监控系统WEB开发中，应用SVG技术绘制电气线路图，一般通过SVG开发工具（如SVGDeveloper）编辑图元，生成SVG文件，然后在WEB页面中加载，实现电气线路图WEB中绘制。为了在电气线路图中显示电量数据以及电气设备开关状态，需要针对SVG图元绑定ID，来控制图元状态。此方法简化了电气线路图绘制中部分工作，但面对上十万的标签变量，使用SVG开发工具一个一个的绑定，既费力，又容易出错，出错又不容易查找。

在传统的电力监控系统WEB开发中，由于电气线路图的复杂性，前端电气线路图绘制工作量巨大，并且当电气线路一旦有变动，就必须修改电力监控系统软件的源程序，导致其开发周期长，同样后期维护工作也较困难；已开发成功的电力监控系统软件又由于每个监控项目的不同而使其重复使用率很低，导致它的价格非常昂贵。

由此可知，现有技术中的WEB前端电气接线图绘制的方法中存在开发周期长，复用率低，导致成本高，效率低等突出问题，因此难以适应激烈的市场竞争环境。

发明内容

为克服现有技术的不足及存在的问题，本发明提供一种WEB前端绘制电气接线图的方法，其支持的可视化设计方式，图元与子图库专业丰富，使用模板画面、结构类型定义与结构变量绑定技术，画面编辑方便快捷，提高开发效率，节约开发成本；SVG支持图形无损缩放，抗锯齿，支持滤镜等特殊效果，图形绘制美观；图元绑定变量后，SVG支持脚本控制图元属性，根据读取的数据，实现良好图形绘制需求。

本发明是通过以下技术方案实现的：一种WEB前端绘制电气接线图方法，所述方法包括以下步骤：

S100、编辑画图，拖放图元，进行画面排版，配置画面与图元属性；

S200、根据设备与回路电量参数，定义结构类型，加入结构定义列表；

S300、在模板画面中，使用结构类型，编辑模板变量，并分配模板变量下的成员变量；

S400、使用结构类型，定义结构变量，加入结构变量列表；

S500、针对模板图元，使用结构的变量，替换模板变量，实现批量实时库变量绑定；对于非模板图元，使用实时库变量逐一绑定；

S600、构建SVG文件，使用程序语言转换方法，将当前画面程序逻辑与数据转换为SVG文件存档，供WEB页面加载使用，实现图形绘制。