BaiFangZi / vue3-antd-manage

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

简介

技术栈: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 # 打包

About

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

License:MIT License


Languages

Language:JavaScript 82.8%Language:Vue 16.3%Language:TypeScript 0.5%Language:CSS 0.2%Language:SCSS 0.1%Language:HTML 0.1%Language:Shell 0.0%