react (react hooks 写法) + typescript + antd + vite2/webpack5 后台管理系统模板

[jomsou]

最近在忙着后台系统的重构，写了个模板，欢迎使用，觉得不错可以 star 支持下，谢谢~~，有问题欢迎提交 issues 交流。

仓库地址

https://github.com/zenquan/react-admin-template.git

预览

预览地址

账号数据

• 管理员 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

功能、组件的封装

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

分支

• webpack5: [ master 分支]
• webpack5 国际化: [ master-i18n 分支]
• vite: [ vite 分支]
• vite 国际化: [ vite-i18 分支]

[ccyu220]

太简陋，入门级的 admin，没有亮点啊

[andyskaura]

前段时间还有个群友发了个开源项目 欢迎 star

[andyskaura]

https://github.com/Caladog/cala-react 跟你这有得一拼 也不知道开了个啥

[Valid]

我为什么不用 antd pro?

[Haulk]

登录了还能回到 login 页？

[jomsou]

@Haulk 点击头像可以退出登录的

[jomsou]

@Valid antd pro 很全很好，但是有的时候业务不需要那么多东西，而且这也是一个自己从零开始搭建学习的项目和过程

[XTTX]

建议上一些 tailwindcss 这种 css kit，换 material ui 也挺好的。

[jomsou]

@XTTX hhh，确实上点这个会好看一些

[XTTX]

@jomsou 有闲钱可以买 tailwind 作者的做好的组建包，省事

[XTTX]

有也免费的 tailwind-kit.com

[iwasthere]

@Valid 挺好用的，省了不少代码

[jomsou]

@XTTX nice，感谢推荐~~

[XTTX]

@jomsou tailwind 除了第一次 setup 有点麻烦，用起来挺方便的。 你看看官网的 doc 。 对比 https://github.com/jt6677/miller_columns 里面的 tailwind.config.js craco.config.js 。

[jomsou]

@XTTX 好的，我看看，感谢👍🏼

[Valid]

@XTTX 这个把 tailwind 的精髓都弄没了，tailwind 应用最好的应该还是 stripe

[XTTX]

@Valid 你说的 tailwind 精髓是什么？

[Valid]

@XTTX 设计上的精髓

[XTTX]

@Valid Tailwind UI 是 tailwindcss 作者自己写的收费 UI 组件。tailwind 设计的精髓已经在预先写好的各种大小和颜色里了。