chenjun1127 / React Antd Admin
一個简洁的 antd-react-admin 应用 -- React + Antd 后台管理系统
Stars: ✭ 99
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to React Antd Admin
Light Bootstrap Dashboard React
React version of Light Bootstrap Dashboard
Stars: ✭ 561 (+466.67%)
Mutual labels: react-router, react-admin
React Admin
基于 Ant Design React 的管理系统架构
Stars: ✭ 376 (+279.8%)
Mutual labels: react-router, react-admin
Molecule
⚛️ – :atom: – ⚛️ Boilerplate for cross platform web/native react apps with electron.
Stars: ✭ 95 (-4.04%)
Mutual labels: react-router
Now Ui Kit React
React version of Now UI Kit by Creative Tim
Stars: ✭ 90 (-9.09%)
Mutual labels: react-router
React Builder
⚙ A GUI tool to build your react app in the fastest way with all components and pages with routing.
Stars: ✭ 82 (-17.17%)
Mutual labels: react-router
Npm Registry Browser
Browse the npm registry with an SPA made in React, with full dev workflow.
Stars: ✭ 97 (-2.02%)
Mutual labels: react-router
React Dashboard
🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥
Stars: ✭ 1,268 (+1180.81%)
Mutual labels: react-router
Webpack Core Usage
webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
Stars: ✭ 94 (-5.05%)
Mutual labels: react-router
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-13.13%)
Mutual labels: react-router
React Router Nextjs Like Data Fetching
Demonstrating React Router 4's SSR awesomeness
Stars: ✭ 84 (-15.15%)
Mutual labels: react-router
React Router Animation Examples
An example using React Router and React's Animations
Stars: ✭ 80 (-19.19%)
Mutual labels: react-router
Spring Security React Ant Design Polls App
Full Stack Polls App built using Spring Boot, Spring Security, JWT, React, and Ant Design
Stars: ✭ 1,336 (+1249.49%)
Mutual labels: react-router
Preact Redux Isomorphic
preact-redux-isomorphic PWA SPA SSR best practices and libraries in under 80kB page size (for live demo click the link below)
Stars: ✭ 85 (-14.14%)
Mutual labels: react-router
React Atomic Structure
Basic Structure for React app following Atomic Design
Stars: ✭ 89 (-10.1%)
Mutual labels: react-router
React Demo Gather
react demo合集,有自己写的,也有在学习过程中觉得很好的demo收集的,持续更新中
Stars: ✭ 97 (-2.02%)
Mutual labels: react-router
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 支持😘 😘
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].