1. Ant Design Pro 官方示例

这是最纯粹、最基础的 Ant Design Pro 实现,是所有学习的起点。它展示了脚手架的所有内置功能,如用户管理、权限、设置等。

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)

  • 代码仓库https://github.com/sendya/ant-design-pro-vue

  • 特点: 为 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 开发其前端部分,例如:

  • 数据库管理平台Archery (在线演示/GitHub)

  • 运维监控平台Nightingale (在线演示/GitHub)

    • 注意:这些项目的前端不一定是纯粹的 Ant Design Pro,但大量使用了 Ant Design 组件,布局和思想也类似。

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐