一款颜值在线的 React 后台模板-- Slash Admin

[d3George]

简介

Slash Admin 是一个现代化的后台管理模板，基于 React 18 、Vite 、Ant Design 和 TypeScript 构建。它旨在帮助开发人员快速搭建功能强大的后台管理系统。

项目地址

• https://github.com/d3george/slash-admin

预览

• https://admin.slashspaces.com/

特性

• 使用 React 18 hooks 进行构建。
• 基于 Vite 进行快速开发和热模块替换。
• 集成 Ant Design ，提供丰富的 UI 组件和设计模式。
• 使用 TypeScript 编写，提供类型安全性和更好的开发体验。
• 响应式设计，适应各种屏幕尺寸和设备。
• 灵活的路由配置，支持多级嵌套路由。
• 集成权限管理，根据用户角色控制页面访问权限。
• 集成国际化支持，轻松切换多语言。
• 集成常见的后台管理功能，如用户管理、角色管理、权限管理等。
• 可定制的主题和样式，以满足您的品牌需求。
• 基于 MSW 和 Faker.js 的 Mock 方案
• 使用 Zustand 进行状态管理
• 使用 React-Query 进行数据获取

快速开始

获取项目代码

git clone https://github.com/d3george/slash-admin.git

安装依赖

在项目根目录下运行以下命令安装项目依赖：

pnpm install

启动开发服务器

运行以下命令以启动开发服务器：

pnpm dev

访问 http://localhost:3001 查看您的应用程序。

构建生产版本

运行以下命令以构建生产版本：

pnom build

构建后的文件将位于 dist 目录中。

[vruzo]

感觉中间内容部分居中在大分辨率屏幕下看着有点奇怪，左右间隙太大了

[suyuyu]

挺好看的 star 了

[iFishBone]

支持！

[EliStone]

前两天准备学 React ，搜到了这个仓库，没想到就在 v2 上看到了，问一下，这个能弄动态路由控制权限么？

[CHTuring]

https://minimals.cc/auth/amplify/login?returnTo=%2Fdashboard

复刻版吗...和原版还是有点差距...

[d3George]

@CHTuring 咱这只是自我学习使用，技术栈都换了

[d3George]

@EliStone 这个已经实现了动态路由

[d3George]

@vruzo 设置里可以设置

[jiejia]

感觉有点卡呢

[d3George]

@jiejia 托管在 vercel 上的，是有点卡

[EliStone]

@d3George 好的，感谢回复，是我学艺不精，没看懂路由那块的配置

[CHTuring]

@d3George MUI => Antd ，这不是换技术栈...只是换 UI 组件

[d3George]

@CHTuring zustand react-query MSW 这些都是我为了学习而特意替换的

[luffy]

@d3George
ant design 跟 mui 都有个类似问题的，太过臃肿。而且 ant design pro 还跟一个 umi 深度绑定。
如果是我，个人会偏向 chakra UI 或者 tailwind 。

当然, ant design 的确是有不少方便的的 API 可直接用在 admin 这种类型中。

[JialinZz]

好东西 很喜欢 😁

[CHTuring]

@d3George 嗯，只是 Minimal 在 React 这个技术栈的 Admin 中，是个很出名的产品了，如果用它的 UI 设计，很容易产生比较，而且和国内的后台使用习惯其实差距很大。

[sobev]

确实好看

[lilei2023]

厉害，我以为是 mui ， 原来是 antd ，花了不少时间去复刻吧

[d3George]

@lilei2023 我从 Vue 转过来的，哈哈，确实很艰难，不过 学到了很多

[MENGKE]

很好看，star 了。请问设计都是怎么搞的啊，我自己做出来都好难看