Repolode
提交项目
marmelab

marmelab/react-admin

基于 React 和 Material UI 的前端框架，用于在 REST 或 GraphQL 接口之上快速搭建后台管理单页应用。

可替代:RetoolAirtable Interface

在 GitHub 查看官网
Star
26,968
Fork
5,471
未关闭 Issue
65
最近提交
前天

这是什么？

react-admin 是一个前端框架，用于在浏览器中构建管理后台和其他数据驱动的单页应用。通过数据提供者（data provider）连接任意 REST 或 GraphQL 接口后，即可获得 CRUD 页面、数据表格、表单校验、搜索过滤、认证、路由和权限等功能，界面基于 Material UI。

框架由松耦合的 React 组件和 Hooks 组成，任何部分都可以替换为自定义组件。项目提供 45 种以上的数据提供者适配器，覆盖多种 REST 和 GraphQL 后端。通过声明式的 <Resource> 组件，可以把一个 API 端点映射为列表、编辑和创建页面。

项目使用 TypeScript 编写，同时支持 JavaScript 开发。底层依赖 Material UI、react-hook-form、react-router 和 react-query，并附带电商演示、CRM 和简易博客等示例应用。

核心功能

  • 01通过 45 种以上数据提供者适配器连接 REST 或 GraphQL 接口
  • 02提供 CRUD 页面、数据表格、带校验的表单以及搜索过滤
  • 03内置认证、角色权限、路由、国际化和通知
  • 04基于 Material UI 构建，所有组件均可替换为自定义实现
  • 05同时支持 TypeScript 和 JavaScript 开发

适用场景

  • 为现有 REST 接口快速搭建内部数据管理后台
  • 开发带列表、编辑表单和权限控制的 CRM 或电商后台
  • 在 GraphQL 后端之上添加管理界面

快速上手

  1. 1

    从 npm 安装 react-admin

    npm install react-admin
  2. 2

    或使用 yarn 安装

    yarn add react-admin

使用前须知

  • 需要后端 API（REST、GraphQL 或数据提供者适配器）来提供数据。

标签

#react#admin-dashboard#typescript#material-ui#rest-api#graphql#frontend-framework#admin#admin-on-rest#admin-ui

常见问题

react-admin 是什么？
基于 React 和 Material UI 的前端框架，用于在 REST 或 GraphQL 接口之上快速搭建后台管理单页应用。 react-admin 是一个前端框架，用于在浏览器中构建管理后台和其他数据驱动的单页应用。通过数据提供者（data provider）连接任意 REST 或 GraphQL 接口后，即可获得 CRUD 页面、数据表格、表单校验、搜索过滤、认证、路由和权限等功能，界面基于 Material UI。
react-admin 可以免费使用吗？用的什么许可证？
react-admin 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
react-admin 还在维护吗？
活跃维护中。react-admin 最近一次提交是在 2026年10月19日。
react-admin 适合用来做什么？
为现有 REST 接口快速搭建内部数据管理后台 开发带列表、编辑表单和权限控制的 CRM 或电商后台 在 GraphQL 后端之上添加管理界面
react-admin 怎么安装和运行？
从 npm 安装 react-admin: npm install react-admin 或使用 yarn 安装: yarn add react-admin
在哪里获取 react-admin？
源代码和安装说明在 GitHub 上：https://github.com/marmelab/react-admin

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目