异常工况预警系统项目拆分
2025-01-14 18:59:37 0 举报
AI智能生成
异常工况巨预警
作者其他创作
大纲/内容
前端,及涉及到接口
页面路由(前端)
左侧两个页面路由
异常列表
指标管理
右侧四个页面路由
首页
查看指标页
指标编辑页
指标新增页
首页
左侧
标题栏
搜索框
搜索框本身UI设计
分厂信息
默认展现态,提示用户选择分厂信息
已输入态
设备信息
默认展现态,提示用户选择设备信息
已输入态
确认按钮
默认展现态
点击态
分厂选择弹窗
数据获取(服务端)
弹窗列表UI设计
列表项点击
设备选择弹窗
数据获取(服务端)
弹窗列表UI设计
点击
确认按钮
点击提交表单,上传至服务器(服务端)
结果回来后刷新下方异常列表
异常列表
列表item设计
异常提示
异常时间
异常次数
列表
UI设计
分页缓存
刷新逻辑
数据库数据定时清理,防止数据过多查询过慢
分页查询
分页查询UI组件设计
分页数据请求接口设计
右侧
标题栏
UI设计
接口请求
后端数据库设计
列表
UI设计
异常数据请求接口(服务端)
后端缓存池设计,针对每个分厂,缓存最近6次异常事件
列表元素
展示UI
闪烁动画播放/停止
前端webSocket设计
指标管理
右侧
查看所有指标
点域
默认展示态
点击弹窗
数据获取接口(服务端)
弹窗UI设计
列表项选择
更新参数
更新搜索框UI
点名
默认展示态
点击弹窗
数据获取接口(服务端)
弹窗UI设计
列表项选择
更新参数
更新搜索框UI
查询按钮
校验点域/点名参数,不合法提示窗
提示窗UI
参数管理与校验
合法后表单提交接口(服务端)
服务端返回数据后刷新页面逻辑
编辑按钮
点击路由编辑页面
表头
可滑动表头设计
指标信息获取接口(服务端)
指标数据库维护
列表
可滑动列表容器UI设计
列表项UI设计
列表跟随表头滑动
分页
分页UI设计
指标请求接口设计(服务器)
指标存储(数据库表)
指标编辑
点域
复用查看指标页面
点名
复用查看指标页面
查询
复用查看指标页面
确认删除
确认UI设计
前端表单提交
后端删除接口(服务端)
前端刷新页面
确认修改
确认修改UI设计
前端表单提交
后端修改接口(服务端)
表头
复用查看指标页面
列表
列表容器,复用查看指标页面
跟随表头滑动功能,复用查看指标页面
列表项
列表项UI设计
静态展示UI
编辑态UI
编辑态中间数据存储--前端缓存
项选择按钮
UI设计
选项前台缓存数据设计以及维护
全选
全选按钮UI
全选逻辑
分页
复用查看指标页面
新增指标
添加项
添加组件UI设计
添加逻辑,列表刷新以及前端缓存数据刷新
删除项
删除组件UI设计
删除逻辑,列表刷新以及前端缓存数据刷新
确认添加
确认添加组件UI设计
前端表单提交逻辑
后端添加接口设计
列表刷新以及前端缓存数据刷新
表头
复用查看指标页面
列表项
复用指标编辑页面
左侧
导航栏
日志
websocket
websocket建立成功/失败
websocket通信内容
后台数据库监测
数据库连接成功/失败
数据库服务器断联日志
数据库读写成功,失败日志
后台程序运行日志
服务器崩溃日志
前端打包部署
后端打包部署
数据库打包部署
指标添加
系统设计后,所有指标均需要手动添加,并观测,拟合参数
后端
依据现有程序改造,新增点、修改点如下
修改点
监测程序启动时机修改到main方法内,服务器启动时执行
新增点
服务器启动时,设置tomcat自启,并启动异常工况预警系统
指标运行趋势系统
一个完备可自运行的系统,这个系统的运行机制如下。每天凌晨0点。运行一次以下逻辑。针对每个指标,每5s钟读取一次实时数据,以n(不同指标根据数据库配置)个小时为基准,取数据聚合度超过80%的区间,作为设备正常运行的区间,这个运行区间作为前面每个指标异常监测是否生效的依据。
聚合度值拟合
数据库
分厂信息表
设备信息表
异常信息表
指标信息表
日志信息表

收藏

收藏
0 条评论
下一页
为你推荐
查看更多