react admin template

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搭建的腳手架