vue3+vite2+pinia后台管理系统

最新推荐文章于 2024-08-09 07:00:44 发布

笑颜铁塔

最新推荐文章于 2024-08-09 07:00:44 发布

阅读量674

点赞数 1

文章标签： vue.js javascript 前端 echarts

本文链接：https://blog.csdn.net/qq_52092705/article/details/127960979

版权

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/

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

🍊🍊项目部分截图

在这里插入图片描述

首页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配置

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