数据展示
- Grafana导入MySQL数据源进行定制化数据展示,包括品牌分类饼图,详细数据列表等
- LayUI为开源前端框架,对系统概览、登录日志等信息,划分不同页面使用表格展示详细数据
1、Grafana
-
对品牌、CPU型号、内存等数据使用饼图展示分类比例,详细数据使用table表格展示,支持字段筛选搜索
-
系统概览显示简略信息,如需查看PCI设备、逻辑磁盘等详细信息,可以点击链接跳转界面查看
1.1、导入MySQL数据源
- 添加MySQL数据源,填写数据库地址、用户名及密码等信息
- 填写完成后进行保存和测试
1.2、定制化
- 建立Panel进行定制化,选择图表形式,主题及SQL等,如下图为品牌分类饼状图
- 历史记录明细表
1.3、数据展示
-
系统概览图
-
PCI设备表
-
历史记录数据表
2、LayUI前端服务
-
对系统概览、PCI设备、登录日志等信息,划分不同页面使用表格展示详细数据
-
支持用户权限和密码修改,分为普通用户、系统管理员、超级管理员
-
支持业务IP筛选搜索、编辑、查询、删除、导出Excel、打印等功能
-
可参考LayUI框架官方文档进行操作
LayUI官网地址:https://layui.dev/
2.1、认证登录流程
2.2、前端处理流程
2.3、登录界面
2.4、业务信息界面
-
系统概览图
-
修改某条列表信息
- 查看某条详细信息
End
- 欢迎关注,感谢支持!