Awesome Open Source
Awesome Open Source

React-Antd-Admin

简介

React-Antd-Admin,一个 JavaScript 应用,项目由业界最优秀的 React 应用开发工具 create-react-app 初始化创建, 搭配 Antd 开箱即用的高质量 React 组件,非常适合后台产品。

React-Antd-Admin 同时也是个很好的前端脚手架学习示例,如果你在学习 React 或即将学习 React,它应该可以做为教程给你一些帮助。如果你准备使用 React 全家桶开发应用,它能够快速给你提供项目脚手架,为你节省前期部分工作。 让我们一起享受整个 React 生态圈和工具链带来的愉悦开发体验。

在开始之前,推荐先学习 React、 ES2015、ES6、Node.js、Webpack 等知识,并正确安装和配置了 Node.js 环境。

技术栈

项目预览

还是先睹为快吧,建议 Chrome浏览器预览!Live-Demo

功能

该项目基本搭建了一个企业级管理系统骨架,提供通用组件及页面扩展,不涉及业务逻辑开发。具体功能如下:

  • 基本登录、登出
  • 路由及菜单权限管理
  • 支持多页签、面包屑导航
  • 系统设置
  • antd官方组件及第三方组件···
  • ···

项目结构

├── src                     项目主文件目录
   ├── assets              样式图片及SVG文件
      └── ...
   ├── axios               axios请求
      └── ...
   ├── components          组件
      ├── xxx.js
      └── ...
   ├── redux               redux目录
      ├── actions
         └── xxx.js
      ├── constants
         └── xxx.js
      ├── reducers
         └── xxx.js
      └── store.js
   ├── router              路由配置
      ├── xxx.js
      └── ...
   ├── utils               工具
      └── xxx.js
   └── views               页面目录
       ├── layout
          │── xxx.js
          └── ...
       └── xx
           │── xxx.js
           └── ...
└── package.json

开始

克隆源碼

git clone https://github.com/chenjun1127/react-antd-admin.git

安裝依賴

cd react-antd-admin
npm i or yarn

调试

npm start

发布应用

npm run build

Github源码

致谢

❤️ ❤️欢迎 star 支持😘 😘


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (68,034
react-router (202
react-admin (26

Find Open Source By Browsing 7,000 Topics Across 59 Categories