React+Router+webpack楼宇能源监控Web端设计与实现(3)_毕业论文

毕业论文移动版

毕业论文 > 计算机论文 >

React+Router+webpack楼宇能源监控Web端设计与实现(3)

1.2国内外研究综述

1.3研究内容、预计创新和难点

论文将以研华BEMS能源管理系统为基础对能源消耗进行web端实现。论文主要解决以下问题:

(1)更新当前楼宇能源系统GUI;

(2)通过React获取数据资源[8];

(3)借助ECharts实时展示能源消耗情况的图表;

(4)提供合理的能源使用建议;

(5)提升至良好的用户体验预计创新点:

(1)通过系统采集数据,并上传到远程服务器,再通过B/S模式,从网站获取服务器数据,并采用用户-楼宇模式,根据用户登录的账号,显示相应的能源数据,只需要用户在浏览器里登录即可,这样可以做到用户在随时随地都能通过pc端或者移动端网页查询到自家的能源消耗情况;

(2)通过photoshop重新绘制GUI,界面简洁,功能多样,使用方便,保证用户在使用的过程中不会因为界面复杂从而增加视觉干扰,并改进交互功能,增加用户体验;

(3)ECharts,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖

轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表[9]。本论文采用ECharts就是因为图表展示图案简单,用户一目了然,也能提升交互性,即使用户不具备能源方面和统计方面专业知识,也能读懂图标反应的信息;

(4)本论文设计将采用web前端前沿技术React系列技术构架,React具备强力的数据渲染功能,在数据传递过程中能够减少浏览器的负荷,在页面构建过程中也具备很快的速度。预计难点:

(1)自主设计界面必须具备相应的设计能力,和熟练的ps操作技巧;

(2)ECharts插件的学习和使用;

(3)浏览器的兼容性;

(4)环境的搭建

(责任编辑:qin)