liuguanhua / React Antd Admin
后台前端管理系统,基于react、typescript、antd、dva及一些特别优秀的开源库实现
Stars: ✭ 117
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to React Antd Admin
React Bootstrap Webpack Starter
ReactJS 16.4 + new React Context API +react Router 4 + webpack 4 + babel 7+ hot Reload + Bootstrap 4 + styled-components
Stars: ✭ 103 (-11.97%)
Mutual labels: webpack4, axios, react-router-v4
dva-boot
🌱 使用CRA(create-react-app v2) 构建的react dva 2 脚手架 支持动态路由、接口数据模拟、按功能分层、并且包含诸多实用的小组件
Stars: ✭ 79 (-32.48%)
Mutual labels: create-react-app, dva, react-router-v4
react-antd-admin
react-antd-admin 是一个后台集成解决方案,它基于 react 和 antd; 内置了动态路由,标签页缓存,权限验证、切换功能
Stars: ✭ 42 (-64.1%)
Mutual labels: create-react-app, antd, react-router-v4
Push Starter
React Redux Starter with SSR 🤖
Stars: ✭ 43 (-63.25%)
Mutual labels: webpack4, express, react-router-v4
Reactspa
combination of react teconology stack
Stars: ✭ 911 (+678.63%)
Mutual labels: webpack4, antd, react-router-v4
React Latest Framework
a client framework of React
Stars: ✭ 835 (+613.68%)
Mutual labels: webpack4, create-react-app, antd
3yadmin
基于react全家桶+antd构建的专注通用权限控制与表单的后台管理系统模板
Stars: ✭ 381 (+225.64%)
Mutual labels: axios, antd, react-router-v4
React Node Learn
一个脚手架项目,node+express+react快速搭建大前端项目,实现前后端分离
Stars: ✭ 51 (-56.41%)
Mutual labels: express, nodemon, react-router-v4
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-62.39%)
Mutual labels: webpack4, antd, react-router-v4
Simple Universal React Redux
The simplest possible Async Universal React & Redux Boilerplate app, that works on both Mac and Windows
Stars: ✭ 58 (-50.43%)
Mutual labels: express, nodemon, react-router-v4
Pokegraphs
Pokemon pixel color graphs in javascript.
Stars: ✭ 87 (-25.64%)
Mutual labels: webpack4, highcharts
Cra Boilerplate
Up to date: This project is an Create React App - v2.1.1 boilerplate with integration of Redux, React Router, Redux thunk & Reactstrap(Bootstrap v4)
Stars: ✭ 87 (-25.64%)
Mutual labels: create-react-app, react-router-v4
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+1012.82%)
Mutual labels: webpack4, axios
Remarks
Extract highlights, scribbles, and annotations from PDFs marked with the reMarkable tablet. Export to Markdown, PDF, PNG, and SVG
Stars: ✭ 94 (-19.66%)
Mutual labels: markdown, pdf
Blog Vue Typescript
vue + typescript + element-ui 支持 markdown 渲染的博客前台展示
Stars: ✭ 1,262 (+978.63%)
Mutual labels: webpack4, markdown
Typescript React Hot Reload
A very simple boilerplate for creating React web applications with TypeScript.
Stars: ✭ 92 (-21.37%)
Mutual labels: webpack4, antd
react-antd-admin
📖 介绍
基于工作中开发需要,设计了一个后台前端管理系统,节省从零开始搭建的时间,前端基于react(拥抱 hooks)、typescript、antd、dva及一些特别优秀的开源库实现,特别感谢。
使用node、mockjs模拟了一层数据服务,pm2、nginx部署。
🏠 主页
📁 目录
react-antd-admin
│
├── client * 前端目录
│ ├── config * 独立配置、发布时便于修改
│ ├── public * 静态资源文件,不被编译
│ ├── src
│ │ ├── assets * 资源文件(图标、图片、样式)
│ │ ├── components * 公共组件
│ │ ├── scripts * 脚本(axios数据请求、常量、路由配置、工具函数)
│ │ ├── store * mock、redux数据流
│ │ ├── views * 视图展示页面
│ │ ├── index.tsx * 入口文件
│ │ └── serviceWorker.ts * serviceWorker
│ ├── typings * 类型定义
│ ├── config-overrides.js * 扩展webpack、create-react-app配置
│ ├── tsconfig.json * typescript配置
│
└── server * 接口目录
├── public * 资源文件
├── routes * API路由
├── scripts * 脚本(常量、工具函数)
├── nodemon.json * nodemon配置
├── now.json * now配置
└── app.js * API入口
✨ 特征
- 页面
- 登录、注册
- 首页数据统计展示
- 信息中心(邮件功能的一部分效果)
- 订单统计,地图展示各省市订单量
- 会员管理(添加、删除、编辑、查询)
- 组件
- 视频
- 拖拽
- 无限加载
- PDF预览
- 编辑器
- 富文本
- Markdown
- 其它
- 骨架屏、响应式
- 多皮肤
- 弹窗拖拽
- 图表
- 页面鉴权(实际开发中建议动态读取菜单)
- 按需加载路由
- mock数据
- 封装API请求及一些高阶组件、异常处理
💻 使用
下载:git clone https://github.com/liuguanhua/react-antd-admin.git
进入:cd react-antd-admin
client端
进入:cd client
安装:yarn install
开发:yarn start
访问:http://localhost:8888
生产:yarn build
server端
进入:cd server
安装:yarn install
开发:yarn start
访问:http://localhost:9999
👤 作者
- 个人主页: http://lgh930.com
- Github:@liuguanhua
🤝 支持
有什么好的想法、建议、问题和功能需求,欢迎 👋 提出。如果觉得这个项目不错或者对您有帮助,👏 赞一 个 ⭐️❤️!
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].