1. Ant Design Pro 官方示例
这是最纯粹、最基础的 Ant Design Pro 实现,是所有学习的起点。它展示了脚手架的所有内置功能,如用户管理、权限、设置等。
-
项目简介: 官方提供的标准模板,包含了完整的开发脚手架和典型业务中台模型。
-
技术栈: React + Ant Design Pro + Umi + Dva
-
特点: 官方维护,代码质量高,是学习最佳实践的首选。
2. Renren-React(人人开源 React 版)
国内非常著名的开源项目"人人开源"的 React 版本,提供了前后端分离的完整解决方案。
-
项目简介: 一个基于 Ant Design Pro 开发的全栈开源后台管理系统,后端集成了 Java、Spring Boot 等多种选项。
-
技术栈: React + Ant Design Pro + Umi + Spring Boot(或其他后端)
-
在线地址 : http://demo.renren.io (账号:admin / 密码:admin)
-
代码仓库 : https://gitee.com/renrenio/renren-react (主要在国内 Gitee)
-
特点: 功能非常全面(用户、角色、菜单、部门、日志等),文档齐全,社区活跃,有非常多的开发者基于此进行二次开发。
3. Antd Pro Vue
虽然您问的是 React,但这个项目非常值得一提。它是 Ant Design Pro 的 Vue 版本实现,由社区大神开发,风格和布局与 React 版几乎一致。
-
项目简介: 使用 Vue 技术栈完美复刻了 Ant Design Pro 的风格和功能。
-
技术栈: Vue + Ant Design Vue
-
在线地址 : https://pro.loacg.com (账号: admin / 密码: ant.design)
-
特点: 为 Vue 开发者提供了与 Ant Design Pro 几乎一致的使用体验,是 Vue 技术栈下的优秀选择。
4. Cool Admin (Cool-Node.js)
一个现代化的、设计感很强的后台权限管理系统。
-
项目简介: 基于 Ant Design Pro 和其他技术栈构建的全栈开源系统,设计清新,功能模块丰富。
-
技术栈: React + Ant Design Pro + Umi + Node.js/Java/.NET等
-
在线地址 : http://demo.cool-admin.com (账号:admin / 密码:123456)
-
代码仓库 : https://github.com/cool-team-official/cool-admin-react
-
特点: UI 设计出色,支持多种后端语言,文档和视频教程丰富。
5. 其他特定领域项目
许多特定领域的项目也选择基于 Ant Design Pro 开发其前端部分,例如: