牛刀专业低代码平台开发实战—智能电房

       为实现配电房的智能监控与控制，对配电房的电源设备、动力设备及机房环境进行遥信、遥测，实时监视系统设备的运行状态，记录和处理监控数据，及时侦测故障并通知维护人员处理，避免运行环境的失控导致配电设备运行故障，保证维护人员安全，控制配电房粗放式高额管理成本，实现配电房综合监控的远程集中管理与运行状态的全面感知。

一、功能描述

1、设备管理

       对电房设备进行管理，能对各种类型的设备进行增删改查，支持设备照片多图片上传并在线查看，能够分页显示设备信息；可以批量删除设备，删除时显示确认提示信息，能够独立维护电房信息、开关柜信息和设备类型信息；可以按电房查询设备。

实现效果：

2、设备监控

       使用SVG图片技术显示开关状态，改变开关状态，SVG接线图中对应开关状态也要改变；可以对数据采集设备进行管理，控制设备的在线和离线状态。

实现效果：

3、设备告警处理

       可自定义开关告警数据阈值，根据开关阈值设置，超过阈值的设备会显示到告警记录表；告警记录表中，对于离线设备用不同颜色字体显示，同时可以对每条告警记录进行“确认”或“维持”操作；可按照告警类型和告警时间查询告警数据。

       告警数据生成后可以在移动端查看告警列表和告警详细信息，可以按照不同字段进行排序显示，同时可以按照告警类型和告警时间查询数据。

实现效果：

二、实现思路

       牛刀专业低代码平台采用业务模型驱动设计模式，提供数据建模、服务建模、流程建模、页面建模等模型设计工具，既可以通过可视化界面来定义数据模型、定义模型中的字段、建立数据库表与表之间的关系，以及设置数据模型的规则；也可以基于可视化界面来构建用户界面和定义流程，并自动生成对应源码，可以通过本地IDE或云IDE修改代码的方式来扩展功能。

（1）创建企业门户应用

       根据应用模板中的“企业门户”应用模板创建门户应用，并初始化。

（2）创建工作流应用

       根据应用模板中的“工作流”应用模板创建应用，并在门户中通过自动注册的方式注册服务。

（3）数据模型定义

       根据需求确定数据结构，并通过可视化界面设计数据模型。

（4）页面设计

       根据页面模板创建页面，快速生成可以操作数据模型的页面。

（5）代码提交

       平台默认使用git进行开发协作管理。

（6）应用发布

       应用的编译、构建、发布过程是自动化的，发布后在门户中查看。

三、平台功能应用

       1、牛刀专业低代码平台提供树形页面模板，新建页面时直接使用模板生成树形页面。

       本案例的电房数据需要使用树形结构，就要使用树形模板来生成相应的页面，并绑定数据模型。

       2、牛刀专业低代码平台提供树选择组件，支持下拉数据的树形显示。

       本案例中，设备信息管理页面，新建设备信息时，“所属电房”信息需要使用下拉树形数据。

       3、牛刀专业低代码支持根据设定的规则自动生成编码。

       本案例中，设备信息管理页面，新建设备信息时，自动生成SN号，并且不可修改，利用序号组件根据规则生成编号，然后利用事件赋值给“SN号”表单项，并将“SN号”表单项设置为只读。

       4、牛刀专业低代码平台支持设置页面参数功能，用于主页面向子页面传递参数，在子页面中定义页面参数，在主页面中可以对子页面的页面参数赋值 ，完成从主页面到子页面的参数传递。

       本案例中，在设备信息管理页面，需要通过按钮点击的方式，在线查看每一条设备信息的照片，需要将设备的ID传递到查看照片弹出窗口。

       5、牛刀专业低代码平台内置“动态列表”组件，可以根据数据动态生成表格。

       本案例中，在设备监控页面， 需要动态显示开关柜和设备列表，并能控制设备的开关状态。

       6、牛刀专业低代码平台页面数据组件支持数据集添加计算列，计算列不会显示在数据集的表字段里面。

       本案例中，在设备监控页面， “告警记录”列表里面的序号、测量值、阈值和操作等列需要使用计算列功能。

       7、牛刀专业低代码平台支持通过设置多个表之间的关联查询。

       本案例中，在设备采集数据管理页面， 列表除了要显示“设备采集数据表格”数据集的字段外，还需要显示设备名称，而设备名称就需要关联“设备”表后才能获取。

关于此案例的开发视频，请点击以下链接进行查看：

01-牛刀专业低代码开发实战案例—智能电房—需求

02-牛刀专业低代码开发实战案例—智能电房—系统演示

03-牛刀专业低代码开发实战案例—智能电房—数据模型创建

04-牛刀专业低代码开发实战案例—智能电房—设备类型管理功能开发

05-牛刀专业低代码开发实战案例—智能电房—电房管理功能开发

06-牛刀专业低代码开发实战案例—智能电房—开关柜和告警类型管理

07-牛刀专业低代码开发实战案例—智能电房—设备信息管理功能开发

08-牛刀专业低代码开发实战案例—智能电房—设备监控功能开发

09-牛刀专业低代码开发实战案例—智能电房—设备采集数据管理功能

10-牛刀低代码开发开发实战案例—智能电房—告警记录功能开发

11-牛刀专业低代码开发实战案例—智能电房—告警记录(移动端)功能

更多案例请关注公号“牛刀专业低代码”。