/vue3-antd-manage

Vue3 + Antd 开发的项目管理系统，集成常用文件类型的导出以及文件的下载，虚拟列表以及懒加载的性能优化，图表地图、权限管理等管理系统的常用功能，持续集成中。。。

Primary LanguageJavaScriptMIT LicenseMIT

简介

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

image-20210924112335151

项目预览地址：vue3-antd-manage

项目地址：github

功能

常用功能

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

第三方插件

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

图表

  • 百度地图
  • 高德地图
  • echarts

实际开发常用

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

系统

  • 权限管理
  • 按钮权限控制
  • 全屏显示
  • 国际化，支持中英文
  • 面包屑导航
  • 嵌套菜单

使用

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