

## 简介

技术栈：vue3 + ant-design-vue，使用vue3.2最新的setup语法搭建，并且封装了部分钩子函数，是用来学习vue3的一个良好选择，并且，项目集成了实际开发中常用的功能，可以作为一个参考项目继续开发

![image-20210924112335151](https://gitee.com/baifangzi/blogimage/raw/master/img/20210924112336.png)

项目预览地址：[vue3-antd-manage](https://baifangzi.gitee.io/vue3-antd-manage/#/dashboard)

项目地址：[github](https://github.com/BaiFangZi/vue3-antd-manage)

## 功能

### 常用功能

 - 表格
 - 表单
 - 弹窗
 - 抽屉
 - 上传
 - 列表
 - 树

### 第三方插件

 - 导出Excel
 - 导出Zip
 - 导出PDF
 - 打印图片、html网页、json数据、pdf
 - 富文本编辑器
 - Markdown编辑器

### 图表

 - 百度地图
 - 高德地图
 - echarts

### 实际开发常用

 - 综合复杂表格
 - axios取消请求
 - 文件下载
 - websocket
 - 虚拟列表优化长列表滚动
 - 图片懒加载

### 系统

 - 权限管理
 - 按钮权限控制
 - 全屏显示
 - 国际化，支持中英文
 - 面包屑导航
 - 嵌套菜单
<!--  -->
## 使用

~~~shell
git clone git@github.com:BaiFangZi/vue3-antd-manage.git  # 拷贝仓库
npm install # 下载依赖
npm run dev # 本地运行
npm run build # 打包
~~~







