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）环境的搭建