基于mxGraph的组态设计器设计方案  

Design Scheme of Configuration Designer Based on MxGraph

作　　者：孔晓阳[1] 代真虎[1] Kong Xiaoyang;Dai Zhenhu(Shanghai Baosight Software CO.Ltd., Shanghai 201900)

机构地区：[1]上海宝信软件股份有限公司,上海201900

出　　处：《武汉工程职业技术学院学报》2020年第4期22-26,52,共6页Journal of Wuhan Engineering Institute

摘　　要：在生产监控类项目的实施过程中,利用组态设计器软件,项目实施人员可通过拖拽、配置和编写少量代码的方式,快速搭建一套满足生产现场需求的监控系统。通过对JavaScript图形库mxGraph的应用,设计实现了一个纯BS架构的组态设计器。用户无需安装任何客户端软件或插件,只需要打开浏览器页面即可进行组态画面设计,包括基本图形绘制、图元制作、数据绑定、脚本逻辑编写以及画面预览等功能。通过该设计器,解决了原CS架构组态设计器难以部署维护、难以与其他系统无缝集成、无法快速扩展到移动端等问题,给予了工业企业进行现场监控系统升级的强力技术支撑。In the implementation process of production monitoring projects,project programmers can quickly build a monitoring system that meets the needs of the production site by dragging,configuring,and through fewer codes with the application of configuration designer software.This article designs and implements a pure BS architecture configuration designer through the application of the JavaScript graphics library mxGraph.Users do not need to install any software or plug-ins,they can click on the browser page to design the configuration page,to achieve basic graphics drawing,do symbols designing,data binding,script logic writing and screen preview.The application of this designer brings an end to tasks like the deployment and maintenance of the original CS architecture configuration designer,seamless integratation with a second system,making it available to any mobile ends.It provides consolidated technical support for industrial enterprises to upgrade on-site monitoring systems.

关 键 词：mxGraph BS组态 JAVASCRIPT SVG 

分 类 号：TP393[自动化与计算机技术—计算机应用技术]