vite+vue+element-plus完成一个admin管理后台

整体项目的 访问链接:https://bigmiss.top/demo/index.html

用到的技术整理

名称 版本 安装命令 说明
vite 4.0.0 npm init vite@latest 构建Vue项目
vue 3.2.45 npm install vue@next 渐进式框架(在vite已安装)
element-plus 3.7.5 npm install element-plus --save UI框架
@element-plus/icons-vue 2.0.10 npm install @element-plus/icons-vue icon图标
vue-router 4.1.6 npm install vue-router@4 路由
vuex 4.0.2 npm install vuex@next --save 数据仓库
sass 1.58.1 npm install sass --save-dev css扩展语言
axios 1.3.2 npm install axios http库
echarts 5.4.1 npm install echarts --save 图表
js-base64 3.7.5 npm install js-base64 --save 加解密密码用
nprogress 0.2.0 npm i nprogress loading进度条
screenfull 6.0.2 npm install screenfull --save 全屏
vuex-persistedstate 4.1.0 npm install vuex-persistedstate --save 持久化存储
mockjs 1.1.0 npm install mockjs --save 模拟数据生成器
vite-plugin-mock 2.9.6 npm i mockjs vite-plugin-mock -D
vue3-print-nb 0.1.4 npm install vue3-print-nb --save 打印
sortablejs 1.15.0 npm i sortablejs --save 拖拽库
xlsx 0.18.5 npm install xlsx excel导入与导出
file-saver 2.0.5 npm install file-saver 导出文件路径
print-js 1.6.0 npm install print-js 打印
driver.js 0.9.8 npm install driver.js 引导页
vuedraggable 4.1.0 npm i -S vuedraggable@next 拖拽
video.js 8.0.4 npm install video.js 视频

一、登录

在这里插入图片描述

二、首页

在这里插入图片描述
中国地图
在这里插入图片描述

基本功能都用

猜你喜欢

转载自blog.csdn.net/Linlietao0587/article/details/130299854