React+Router+webpack楼宇能源监控Web端设计与实现(3)
时间:2024-04-29 22:06 来源:95260 作者:毕业论文 点击:次
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) |