react-admin-template

react + antd + vite2/webpack5 的管理后台系统方案

预览

预览地址

账号数据

• 管理员 admin admin
• 运营 zenquan zenquan

技术栈

react^17 + react-router-dom^4 + less + css modules + antd^4 + axios + mobx + echarts + react-i18next

开始

# git clone
git clone https://github.com/zenquan/react-admin-template.git
or
git clone -b <branch> https://github.com/zenquan/react-admin-template.git

# install
npm install

# start or dev
master or master-i18n -> npm run start
vite or vite-i18n -> npm run dev

# build
npm run build

功能、组件的封装

• 系统首页
• 表格
  • 可编辑行表格
  • 拖拽排序表格
• 图表
  • 折线图
  • 饼图
• 组件
  • 富文本编辑器
  • Markdown
  • JSON编辑器
• Excel
  • 导出excel
• 404页
• 国际化

分支

• webpack5:【master分支】
• webpack5国际化: 【master-i18n分支】
• vite: 【vite分支】
• vite国际化: 【vite-i18n分支】

TODO

• 适配移动端
• 使用cra脚手架代替自己搭建的webpack脚手架
• 优化登录，增加第三方登录
• 增加权限管理
• 优化vite搭建的脚手架