开源的中后台 Vue UI 脚手架 Ant Design Pro

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

开源的中后台 Vue UI 脚手架 Ant Design Pro

容许我隆重的介绍一下近半年来在业余时做的事情,以至于都没博客都长草了

主要是维护了一个基于 VueAnt Design 的中后台基础业务模板,提供了一套 Vue 体系内的使用和实际生产应用例子。

主要使用到的 Vue周边技术有:

她提供了一套的 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 更新截图

Released-1.3.0