vue3+vite2+pinia后台管理系统

Vue 3.2 + Vite2.0 + Pinia + Element-Plus + Mock.js

前言

admin-system，基于Vue 3.2 + Vite2.0 + Pinia + Vite2 + Element-Plus + Vue-router + Axios+ Scss + Mock.js开发的后台管理系统，vue3已经出了有一段时间了，一直没来得及去学，这是暑假做的项目啦
b站有对应视频：
这里捏
还有源码，欢迎star哦
github源码

项目功能

• Vue3.2开发，单文件组件

在线预览

戳戳我：http://zhengyufang.top/

服务器没续费了，已经挂了

项目部分截图

登录

首页1

首页2

人员表格1

人员表格2

放大镜

消息中心

异常监控

地图

国际化

使用

npm install
npm run dev

文件资源目录

|-- README.md             #readme
|-- index.html            #入口html
|-- mock                  #mock模拟后端数据
|   |-- getAvatar.js      #获得头像数据
|   |-- index.js
|   `-- personnelList.js  #获得人员表格数据
|-- package-lock.json     #依赖包包版本锁
|-- package.json          #依赖包
|-- public
|   `-- favicon.ico       #网站图标
|-- screenshots           #项目截图
|-- src
|   |-- App.vue           #页面入口文件
|   |-- assets            #静态资源，css和img
|   |-- components        #自定义组件
|   |-- composables       #组合式函数封装方法
|   |-- main.js           #项目入口文件
|   |-- mockProdServer.js #生产环境mock配置  
|   |-- router            #路由配置
|   |-- store             #状态管理pinia
|   |-- utils             #公共的工具方法
|   `-- views             #项目所有页面
`-- vite.config.js        #vite配置

具体内容可以看我分享的视频，希望对大噶伙有帮助！！！