开源的中后台 Vue UI 脚手架 Ant Design Pro
一套基于 Vue 和 Ant Design Vue 实现的 Ant Design Pro 企业中后台脚手架。提供了一系列实例 Demo,适用于敏捷开发

容许我隆重的介绍一下近半年来在业余时做的事情,以至于都没博客都长草了
主要是维护了一个基于 Vue
和 Ant Design
的中后台基础业务模板,提供了一套 Vue
体系内的使用和实际生产应用例子。
主要使用到的 Vue
周边技术有:
- Vue 全家桶 (vue-router, vuex)
- @vue/cli3
- ant-design-vue (Ant Design 的 Vue 实现,已由阿里巴巴蚂蚁设计官方采纳)
- @antv/g2 (Charts 基础组件)
- visser-vue (Charts 图表封装)
- vue-cropper 图片裁剪组件
- vue-ls localStorage/sessionStorage/cookie 操作库
她提供了一套的 React 版Ant Design Pro
所有的业务模板
此外,还提供了一些常见业务布局,比如权限管理
角色管理
组织树
也提供了一套完整的路由权限控制,和一个原生逻辑判断式权限控制,并附带高级用法 Vue directive
(指令权限) 可以对页面的各项 Action
权限做的更加优美。
本项目目前已有不少企业用于生产环境,并且源码完全开放,有一点基础即可对项目做更深层的定制。
目前本项目已经发展了 5 个版本,从最初很粗糙的完成度,到目前几乎和官方 Ant Design Pro
相差无几,并且实现了官方 Pro
提供的大部分额外组件。
说到这里,正好要提一下。 本项目内的一些基础组件是用 Jsx
实现的,没用 Template
实现的原因在于实在是很难实现,Jsx
反而非常容易就实现了。比如 AvatarList
组件的 slot
控制。
目前该项目的文档和 Changelog
正在逐步完善,并且本项目所依赖的底层 UI 库 (Ant Design of Vue
) 已经并入阿里蚂蚁设计的官方推荐。该库有着稳健的开发和大量用户,问题修复也很快。
同时也欢迎大家贡献 PR
,中国开源社区需要你~
话不多说,请直接预览以下几个截图,或者直接 点我跳转到预览
常见的多页签实现
应用设置栏
白色主题
行内编辑
角色管理列表
权限 Action
树结构+实时查询该树下列表例子
附一个项目更新越来越正式化的 release
更新截图