通过LECPServer打造一个免费开源的SCADA系统.pdfVIP

通过LECPServer打造⼀个免费开源的SCADA系统 SCADA 数据采集系统，简称数采系统，在⼯业控制和⼯业⾃动化领域，都是⼀个必不可少的系统⼯具；传统的数采系统，⼀般会使⽤ Labview 软件，通过与PLC和控制系统交互，获得数据，然后再写⼊数据库，最后通过C#或者VB编写的前端页⾯，对数据进⾏展⽰；稍微 理想化的⽅式是通过组态软件，例如组态王，进⾏数据采集，然后再通过组态王的报表⼯具进⾏展⽰。 这两组⽅案都有弊端，第⼀组⽅案，由于Labview⾃带的报表组件简直惨不忍睹，需要使⽤多个编程平台混合编程，包括Labview和C#等 混合编写的⽅式，需要的开发周期和需要掌握的编程技巧，都是⽅案⾥⾯成本⽐较⾼的，⽽且由于是多个平台，因此运维成本也是最⾼的。 第⼆组⽅案，使⽤组态王等第三⽅解决⽅案，虽然能达到要求，运维成本也⽐较低，但⾥⾯也有两个问题，⼀个是需要使⽤接⼝与展⽰端对 接，整个沟通和调试成本⽆法做到⼀体化，其次是组态软件，基本都是需要授权的。 这⾥介绍⼀种通过开源项⽬LECPServer快速打造⼀个免费的SCADA数据采集系统的⽅法，LECPServer是由纯HTML+JS编写的，因此 可以天然的使⽤⼤量的JS报表⼯具和页⾯展⽰⼯具，这部分的⼯具，相较C#这种桌⾯系统，还是相当相当丰富的。 看看国外⽼牌的d3js和国内最强的echarts，图表和报表的展⽰效果，那⽐C#⾃带的⽅案不是在同⼀个级别的。 下⾯我们就来看看，怎么通过LECPServer在5分钟内如何搭建⼀个免费的数采系统。 1. 下载 LECPServer 2. 添加数采页⾯ 第⼆步开始进⾏页⾯编写，我们进⼊bs⽂件夹（最新的bs⽂件夹可以到Github上下载），bs⽂件夹内都是源码，其中⽬录 modules就是 我们需要添加的页⾯模块。添加两个⽂件，⼀个是 scada.html ⼀个是 scada.js 我们选⽤ jQuery Sparklines 来动态展⽰两个PLC内32个点的温度变化折线图， jQuery Sparklines的⼤概展⽰demo如下 接着我们需要修改scada.html和scada.js的代码。 以下是scada.html的源代码： !-- END PAGE BAR -- !-- BEGIN PAGE TITLE-- div name=main_page_scada h1 class=titlespan data-i18n=page_scada.titleSCADA Page/span smallspan data-i18n=page_scada.subtitlefor LECPServer WebApi/span/small /h1 !-- END PAGE TITLE-- !-- END PAGE HEADER-- div class=row div class=col-md-12 !-- BEGIN EXAMPLE TABLE PORTLET-- div class=portlet light bordered div class=portlet-title div class=caption font-dark i class=icon-settings font-dark/i span class=caption-subject bold u ercaseSCADA/span /div div class=tools /div /div div class=portlet-body div class=row name=lable_chart_show /div /div /div /div /div /div li class=nav-item a href=javascript:; class=nav-link nav-toggle data-target=scada i c