金工实习安全指引系统
日期:2026-07-31 作者:admin 来源: 浏览量:17
左唯呈 计算机应用技术·大二实践学期
项目简介:
本项目为金工实习安全指引系统,实现金工实习安全规范的管理、学习、交互等全流程功能。登录注册模块基于Vue 3+Element Plus+Axios实现,登录时调用接口查询用户并验证信息,验证通过后存储用户信息并跳转首页;注册时先校验用户名,再创建新用户,同时校验密码相关规则。路由守卫与页面布局方面,通过Vue Router的beforeEach守卫实现权限控制,未登录用户访问非登录页会被重定向到登录页;侧边栏实现路由跳转,顶部导航展示相关信息,支持多项用户操作,还实现了组件间课程数据共享。数据统计仪表盘使用ECharts实现多种图表的切换展示,支持图表导出,对不同图表做了样式优化,并配置动画提升交互体验。安全规范管理模块实现了安全规范的多项操作,页面顶部展示相关统计卡片;通过RESTful API完成基础操作,用多种方式实现批量删除、搜索筛选与分页,同时支持数据的导入导出。后端服务部分,服务器基于Node.js搭建,配置了相关中间件与服务,以db.json存储数据,实现数据持久化。
主要技术:
移动端:uni-app (Vue3)
PC端:Vue3 + Element Plus + ECharts
数据同步: JSON Server
![]()
首页
![]()
个人中心
![]()
后台数据可视化
![]()
安全规范管理
【收藏本页】
- 上一篇:半盏糖 — 巷口国风糖水铺
- 下一篇:读书笔记分享平台