工程实践创新-智慧社区CORE-07.pptx

块能源管理模块模七企业级卓越人才培养天津滨海迅腾科技集团有限公司

学习目标熟悉能源管理模块的业务流程和设计要求掌握能源管理模块的总体结构和开发流程完成能源管理模块的单元测试任务提交能源管理模块开发报告及技术文档

知识准备能源管理模块概述能源管理模块主要是对生产过程中能源的使用进行管理和控制。本系统以监控的形式显示生产过程中水压信息以及设备运行状态，并以Highcharts绘图中提供的柱状图、饼状图、折线图等对生产信息进行显示，使用户可以更直观的分析出生产环节中各项能源的使用情况。在本系统中，使用Angular的双向数据绑定特性将实时更新的数据动态显示在页面上，实现显示数据的更新。

知识准备双向数据绑定概述双向数据绑定指的是视图的操作能即时反映到数据模型，数据模型的变更能即时展现到视图。Angular框架中程序主要是通过控制器进行操作的，一旦控制器修改数据模型，数据模型会随之变更并且会反映到视图上。视图上的数据如果发生变化，数据模型中的数据也会同步变更。双向数据绑定常见的使用场景是表单交互，在这种场景下双向数据绑定会简化大量无关的代码。

能源管理任务信息任务编号SFCMS-07-01角色分工基本信息岗位系统分析系统设计系统页面实现系统逻辑编程系统测试负责人?????任务名称能源管理模块功能实现任务编号SFCMS-07-01版本1.0任务状态?计划开始时间?计划完成时间?计划用时?负责人?作者?审核人?工作产品【】文档【】图表【】测试用例【】代码【】可执行文件

能源管理模块开发能源管理模块是对工厂生产时所需要的基本能源的管理，本模块主要分为水监控、水压趋势图、电度日报表、气报警饼图和气报警柱状图五个页面。能源管理模块用例图如图所示。

水监控模块概要设计原型设计水监控页面是以水的流动方向为基准，画出了三种不同类型水的流动方向以及所经过的站点。左下方标注出了水以及站点的表示样式，当出现相应的报警信息时，对应的地方颜色标记提示。页面设置了“刷新”按钮，用来实现手动刷新功能。页面示意图如图所示。功能分析水监控页面描述水监控页面实时显示当前水压信息和设备的运行状态，并且设置刷新按钮可对数据进行手动刷新。

水监控模块概要设计流程处理用户进入该页面后，页面自动显示当前系统时间内必威体育精装版的监控数据，若用户不手动刷新则页面每隔15分钟会自动进行刷新。用户点击“刷新”按钮，系统会查询当前时间下必威体育精装版的监控数据并显示在页面上。数据库设计

水监控模块详细设计实现流程水监控主要是将是从数据库中取出当前采集到的数据信息并将其显示在页面上。顺序图如图所示。

水监控模块详细设计界面效果单元测试

水压趋势图模块概要设计原型设计水压趋势图页面根据用户选择时间段查询数据并以趋势图的形式将自来水水压、深井水水压、循环水水压信息显示在页面上，页面设置了查询时间段的文本框以及“查询”、“查看报表”、“打印”、“导出”等按钮，用来实现相应功能。页面示意图如图所示。

水压趋势图模块概要设计功能分析水压趋势图页面描述水压趋势图页面使用折线图的方式描述出了自来水水压，深井水水压、循环水水压在用户所选时间段内的变化情况，将所选时间平均取11个点，计算出每个时间段的平均值并将其显示在页面上。用例描述

水压趋势图模块概要设计流程处理当用户进入该页面后，在时间选择框内输入需要查询的时间段，点击“查询”按钮，系统将用户选中时间段的水压数据返回并以趋势图的形式显示在页面上，用户点击“查看报表”按钮，可将趋势图转化成为报表形式进行显示。用户点击“打印”和“导出”按钮，可对报表进行相应的操作。数据库设计

水压趋势图模块详细设计实现流程水压趋势图页面初始化的时候时间选择框默认显示本月，用户选时间段，点击“查询”按钮，对种自来水水压、深井水水压、循环水水压3个监控项目分别生成折线图，并具有查看报表、导出、打印功能。顺序图如图所示。

水压趋势图模块详细设计界面效果单元测试

电度日报表模块概要设计原型设计用户在电度日报表页面选择所需查询时间段，查询结果会以列表的形式列举出设备与各个时间段的用电量，并且每一个设备的用电量可以以饼状图的形式显示在页面中。页面设置了查询时间段的文本框以及“查询”、“查看报表”、“打印”、“导出”、“查看饼状图”等按钮，用来实现相应功能。页面示意图如图所示。

电度日报表模块概要设计功能分析电度日报表页面描述电度日报表是以列表的形式详细的能列举出了设备与各个时段的用电量的统计。用例描述

电度日报表模块概要设计流程处理数据库设计当用户进入该页面后，在时间选择框内输入需要查询的时间段点击“查询”按钮，系统将用户选中时间段的用电情况数据返回并以报表的形式显示在页面上，用户点击“查看饼状图”按钮，可将报表转化成为饼状图形式进行显示。用户点击“打