WEB组态-技术实现方案

1要达到的效果

WEB组态-技术实现方案_第1张图片

2技术路线

后台技术

基础框架:spingMvc+sping+mybatis;

 项目主要骨架。

安全认证框架:Shiro;

    用户登录认证。

缓存框架:ehcache;

用于提高软件查询速度。

定时任务:quartz-2.x;

    定时对需要查询统计的数据进行预处,提高查询速度

网络编程框架:quickserver;

     处理单片机的数据接入:

多线程框架:Executors

     1当给水点达到几百上千个的时候,多线处理非常重要,可以避多点同时发送数据的时候造成数据的混乱场面。

     2 可提高数据的处理速度

前端技术

基础技术:html5+css+javascript

     基本技术

前后台数据传输:websocket

     用于将给水点的数据传输到前台

动画处理:canvas+konva

     处理水流动画,水池动画,水泵动画,单片机数据展示等。

统计图表:echar

     展示饼图,线图,柱状图等、

其他前台框架:bootstrap 、Font-Awesome-master 、jQuery-chosen jQuery-Validation-Engine 、 zTree

     处理页面样式,字体图表,输入验证,树形结构。

功能结构图

WEB组态-技术实现方案_第2张图片

后台接口

接口用于gprs模块接入数据,采用websocket方式,使用tcp协议。根据gprs传来的地址进行识别,再展示到不同的给水点。给水点也可通过地址码将操控命令传输到不同的gprs模块。

你可能感兴趣的:(WEB组态-技术实现方案)