整体项目的 访问链接: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 | 视频 |
一、登录
二、首页
中国地图
基本功能都用