2022-06-10 07:04:07 +00:00
|
|
|
|
# 简介
|
|
|
|
|
|
vue-element-perfect 是一个后台前端解决方案, 基于Vue3.0+TS+Element-plus实现。它使用了最新的前端技术栈、动态路由,权限验证,并且有着丰富的组件。
|
|
|
|
|
|
|
|
|
|
|
|
## 效果预览
|
|
|
|
|
|
|
|
|
|
|
|
### 在线预览点击 —— [企业级、通用型中后台前端解决方案 ](http://182.61.5.190:8889/)
|
|
|
|
|
|
|
|
|
|
|
|
### 附上github地址点击跳转 [vue-admin-perfect](https://github.com/zouzhibin/vue-admin-perfect)
|
|
|
|
|
|
|
|
|
|
|
|
## 目录结构介绍
|
2022-04-06 08:10:12 +00:00
|
|
|
|
|
|
|
|
|
|
```
|
2022-06-10 07:04:07 +00:00
|
|
|
|
|
|
|
|
|
|
├─assets 放置一些静态文件
|
|
|
|
|
|
├─components 放置组件
|
|
|
|
|
|
├─layout 首页布局
|
|
|
|
|
|
│ ├─components
|
|
|
|
|
|
│ │ ├─Sidebar 侧边栏配置
|
|
|
|
|
|
│ │ ├─TagsView 标签栏配置
|
|
|
|
|
|
│ │ └─UHeader 头部内容配置
|
|
|
|
|
|
│ └─hooks
|
|
|
|
|
|
├─router 路由配置
|
|
|
|
|
|
├─store 数据存储
|
|
|
|
|
|
├─styles 样式文件
|
|
|
|
|
|
├─utils 工具方法
|
|
|
|
|
|
└─views 页面配置方法
|
|
|
|
|
|
└─permission 路由拦截 权限配置
|
2022-04-06 08:10:12 +00:00
|
|
|
|
```
|
2022-04-01 10:21:05 +00:00
|
|
|
|
|
2022-06-10 07:04:07 +00:00
|
|
|
|
## 技术栈
|
|
|
|
|
|
vue3.0 + Typescript + vuex + vue-router + Element-Plus scss
|
|
|
|
|
|
|
|
|
|
|
|
## 实现功能
|
|
|
|
|
|
- 登录逻辑
|
|
|
|
|
|
- 权限校验
|
|
|
|
|
|
- 侧边栏导航显示
|
|
|
|
|
|
- 打印
|
|
|
|
|
|
- 地图
|
|
|
|
|
|
- 头像裁剪
|
|
|
|
|
|
- 无限滚动
|
|
|
|
|
|
- 多标签显示
|
|
|
|
|
|
- 退出
|
|
|
|
|
|
- 其他各组件
|
|
|
|
|
|
|
|
|
|
|
|
|
2022-08-03 10:43:24 +00:00
|
|
|
|
## 分支管理
|
|
|
|
|
|
- master 技术采用 vite + vue3.0 + Typescript + vuex + vue-router + Element-Plus scss
|
|
|
|
|
|
```
|
|
|
|
|
|
注意:使用 Vite 构建工具,需要 Node.js 版本 >= 12.0.0 查看 Node.js 版本 node-v
|
|
|
|
|
|
```
|
|
|
|
|
|
- webpack 技术采用 webpack + vue3.0 + Typescript + vuex + vue-router + Element-Plus scss
|
|
|
|
|
|
- uniapp 技术采用 uniapp +vuex +element scss
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 项目 master 分支 基于vite + vue3.0 + Typescript + vuex + vue-router + Element-Plus scss
|
2022-05-18 08:21:31 +00:00
|
|
|
|
```
|
2022-06-10 07:04:07 +00:00
|
|
|
|
# 克隆项目
|
|
|
|
|
|
git clone https://github.com/zouzhibin/vue-admin-perfect.git
|
|
|
|
|
|
|
|
|
|
|
|
# 安装依赖
|
|
|
|
|
|
yarn
|
|
|
|
|
|
|
|
|
|
|
|
# 本地开发 启动项目
|
2022-05-18 08:21:31 +00:00
|
|
|
|
yarn serve
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
|
2022-06-10 07:04:07 +00:00
|
|
|
|
## 项目 uniapp 分支 基于 uniapp +vuex +element scss
|
|
|
|
|
|
|
2022-06-10 07:00:38 +00:00
|
|
|
|
```
|
2022-06-10 07:04:07 +00:00
|
|
|
|
# 克隆项目 切换 uniapp分支
|
|
|
|
|
|
git clone https://github.com/zouzhibin/vue-admin-perfect.git
|
|
|
|
|
|
|
|
|
|
|
|
# 安装依赖
|
|
|
|
|
|
yarn
|
|
|
|
|
|
|
|
|
|
|
|
# 本地开发 启动项目
|
|
|
|
|
|
hbuilder运行浏览器启动
|
2022-06-10 07:00:38 +00:00
|
|
|
|
```
|
2022-05-18 08:21:31 +00:00
|
|
|
|
|
2022-06-10 07:04:07 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|