Page 125 - 无损检测2024年第七期

田志新，等：

钢丝绳远程监测系统的设计与实现

表1 检测设备相关数据库表 为“基础用户”“普通用户”“管理员”“超级管理员”，
序号 表名 说明 这4个角色无法被修改，其具体权限如表4所示。在
1 endpoint 检测节点表，存放节点名称信息等 此基础上，超级管理员可以对不同权限进行组合，创
2 terminal 检测主机表，存放主机名称等信息
建新的角色，以适应更多工作需求。
3 wirerope 钢丝绳表，存放钢丝绳尺寸等信息
表4 基础角色的相关说明
表2 检测数据相关数据库表
序号 角色名 角色权限说明
序号 表名 说明 可以申请节点，修改自己的信息，
1 基础用户
1 record 记录表，存放起止时间、有效性等信息 可以浏览数据可视化界面
2 check 数据表，存放检测位置、检测速度等信息 拥有基础用户的权限，并且可以下
2 普通用户
警报表，存放报警位置、幅值、报警等级 载拥有节点的数据文件
3 alarm
等信息 可对节点进行增删改查，可以审批
3 地区管理员
用户申请，可以创建用户
检测文件表，存放文件名称、存储路径等
4 file
信息 可以对角色进行删改，可以为其他
4 超级管理员
用户分配角色、重置密码
表3 用户管理相关数据库表
显示终端基于Vue前端框架进行构建，整体架
序号 表名 说明
构如图 9 所示。在页面的实现上，引入ECharts和
用户表，存放用户名、用户标识、
1 user Element UI两个主要的第三方库，ECharts用于数据
密码哈希值等信息
工作人员表，存放用户名、密码哈希值等 展示和图形化，Element UI用于创建整洁的管理界面；
2 worker
信息
使用 Vuex 状态管理库集中管理应用程序的状态
角色表，存放角色名、角色描述、是否
3 role 数据，其允许在不同组件之间共享和维护应用程
可修改等信息
权限表，存放权限名、权限类型、权限 序的状态，确保数据的一致性和可预测性。使用
4 permission
描述等信息
路由管理器 Vue Router 管理应用程序的路由和导
用户分级管理。 航，以便用户可以在不同视图之间切换。
在RBAC里，有3个基础组成部分，分别是用户、 最后使用webpack打包工具对项目进行部署，
角色和权限，它们之间的关系在数据库部分已介绍 将分散化的前端代码块根据一定的规则进行打包整
过。在项目中，每个视图函数均包含对某项资源的 合，并通过引用相应的loader和plugin对项目文件、
具体操作，因此设置相应的操作权限。在此基础上， 图片等进行压缩并构建，实现项目的模块化、组件化
设置了4个支撑系统完成功能的4个基础角色，分别 和工程化。

图 9 显示终端架构

87
2024 年 第 46 卷 第 7 期
无损检测