vue3-antd-admin:基于vue-clivite+vue3.0+ant-design-vue2.0+打字稿钩子的基础后台管理系统模板RBAC的权限系统，JSON架构动态表单，动态表格，漂亮的锁屏界面

共202个文件

ts：115个

vue：46个

js：8个

系统开源

5星 · 超过95%的资源需积分: 47 180 浏览量 2021-03-11 15:01:47 上传评论 3 收藏 557KB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

vue3-antd-admin:基于vue-clivite + vue3.0 + ant-design-vue2.0 +打字稿钩子的基础后台管理系统模板RBAC的权限系统，JSON架构动态表单，动态表格，漂亮的锁屏界面（202个子文件）

.browserslistrc 30B

.env.development 173B

404.gif 160KB

.gitignore 266B

index.html 1KB

favicon.ico 4KB

iconfont.js 160KB

vue.config.js 7KB

WsAxios.js 5KB

index.js 651B

.eslintrc.js 644B

.prettierrc.js 184B

babel.config.js 96B

commitlint.config.js 68B

package.json 2KB

tsconfig.json 1KB

setButtonColor.less 1KB

button.less 1KB

success.less 357B

warning.less 356B

index.less 38B

LICENSE 1KB

yarn.lock 412KB

README.md 2KB

logo.png 59KB

tool.png 3KB

.env.production 189B

style.scss 3KB

common.scss 836B

index.module.scss 317B

override.scss 51B

global.scss 44B

analysis.svg 12KB

logo.svg 4KB

icons.ts 9KB

useModal.ts 9KB

index.ts 8KB

performanceMonitor.ts 7KB

browser-type.ts 5KB

Axios.ts 5KB

Storage.ts 4KB

actions.ts 4KB

common.ts 3KB

generator-routers.ts 3KB

router-guards.ts 3KB

columns.ts 3KB

form-schema.ts 3KB

access.ts 3KB

useBattery.ts 3KB

columns.ts 3KB

downloadFile.ts 3KB

columns.ts 3KB

mutations.ts 2KB

columns.ts 2KB

index.ts 2KB

useDragCol.ts 2KB

index.ts 2KB

demos.ts 2KB

useCreateModal.ts 2KB

form-schema.ts 2KB

schema.d.ts 2KB

use-pages.ts 2KB

checkStatus.ts 2KB

event-source.ts 2KB

form-schema.ts 2KB

useTime.ts 2KB

axiosCancel.ts 2KB

index.ts 1KB

shims-app.d.ts 1KB

index.ts 1KB

form-schema.ts 1KB

axiosTransform.ts 1KB

types.ts 1KB

useContextMenu.ts 1KB

index.ts 1KB

hasPermission.ts 1KB

index.ts 1KB

user.ts 1KB

index.ts 961B

userModel.ts 924B

useEventbus.ts 917B

mutations.ts 916B

actions.ts 915B

tableColumn.d.ts 903B

error.ts 900B

index.ts 884B

props.ts 884B

useExpandLoading.ts 867B

mutations.ts 840B

dashboard.ts 824B

useOnline.ts 793B

permission.ts 787B

components.ts 781B

main.ts 773B

constantRouterComponents.ts 747B

共 202 条

# vue3-antd 基于vue-cli / vite + vue3.0 + antd2.0 + ts4.0 的后台管理系统模板 - 账号：admin，密码：123456 - [在线预览](http://buqiyuan.gitee.io/vue3-antd-admin/) - [API文档](http://s0.s100.vip:26887/api/v1/docs/) - [后台地址](https://github.com/buqiyuan/nestjs-mysql-api) - [vue-cli版](https://github.com/buqiyuan/vue3-antd-admin) - [vite踩坑版](https://github.com/buqiyuan/vite-vue3-admin) > 系统模块数据是从后端获取来的真实数据，路由也是从后端动态获取的，而后端是通过内网穿透提供访问的，难免会有访问失败的情况 > 所以如果进入页面时提示网络错误，则需要再次刷新页面请求接口 > 使用了Vue3.0全家桶、ant-design-vue2.0和typescript4.0，实践vue3.0的新特性以及玩法，不得不说vue3.0的Composition API相比于vue2.0的Options API > 灵活很多，让我们可以灵活地组合组件逻辑，我们可以很轻松的使用hooks的形式去代替以前mixins等的写法。 ### 功能、组件的封装 - [x] 动态表格（扩展了伸缩列功能，以及使用JSON schema配置生成表格） // TODO 后续有待加强及完善 - [x] 动态表单（满足基本的需求） // TODO 后续有待加强及完善 - [ ] 自定义弹窗（支持8个方向拖拽改变大小以及拖拽移动位置）// TODO: 继承antd原组件所有props - [x] 图片视频预览（目前只是简单显示） - [x] 分割组件（目前只做了左右） - [x] 图标组件封装(本地svg封装、阿里图标的在线和离线封装) - [ ] 其他... ### 页面功能 #### 系统看板 - [x] 首页 - [ ] 疫情地图 - [ ] 系统日志 - [ ] 前端性能监控 #### 系统管理 - [x] 账号管理 - [x] 角色管理 - [x] 资源管理 - [x] 字典管理 ## Project setup ``` yarn install ``` ### Compiles and hot-reloads for development ``` yarn serve ``` ### Compiles and minifies for production ``` yarn build ``` ### Lints and fixes files ``` yarn lint ``` ### Customize configuration See [Configuration Reference](https://cli.vuejs.org/config/).