一款颜值在线的 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 目录中。

[d3George]

@MENGKE 设计是复刻了国外的一个付费模板，我没本事设计出这么好看的 UI

[lawsiki]

真不戳，已 star

[flyme2them00n]

好看，已 star

[dufu1991]

颜值非常好看，已经 star

[muchenlou]

很酷，不知道有没有后台

[euronx]

mui 风格，好看

[Pters]

我说下我的感受：挺好，不会

[d3George]

@Pters 什么不会啊

[zwpaper]

作为一个后端，入门无数次前端了还在入门，收藏一下看看是不是有机会再入门一次 🤣

[d3George]

@zwpaper 我以前也是后端

[haozi3156666]

真不错

[NOspy]

确实很好看，可我暂时不会 React

[beyondstars]

做得很好看，可惜实际使用中肯定会被啥都不懂的用户改得面目全非以适应实际业务需求，到了那时可能就不如这样好看了。虽然我觉得这个东西很不错，可是这种花里胡哨的节目应该只有领导、运营这些非技术人员会喜欢吧，专业的运维和系统管理员会用更加实用（但是少一些美化）的界面查看系统的后台监控。

[intmax2147483647]

真好看

[HaroldFinchNYC]

不错

[fixed]

laravel China 社区看到了，发现跑这边来又看到了

[yuezk]

@d3George #4 antd 的 accessibility 支持的没有 MUI 好，是很大的原因。国外比较看重 accessiblity.

[Pters]

@d3George 语言不会

[hancai]

正好想学学前端

[Varobjs]

用到什么技术啊，我浏览器打开就崩了

```

Vivaldi 6.5.3206.48 (Stable channel) (x86_64)
修订版本 8fb9c888b3427e1d18677fdbb0b537f856ef577b
操作系统 macOS 版本 13.4 （版号 22F66 ）
JavaScript V8 12.0.267.10
用户代理 Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36
命令行 /Applications/Vivaldi.app/Contents/MacOS/Vivaldi --flag-switches-begin --flag-switches-end --origin-trial-disabled-features=WebGPU --save-page-as-mhtml
可执行文件路径 /Applications/Vivaldi.app/Contents/MacOS/Vivaldi
个人资料路径 /Users/none/Library/Application Support/Vivaldi/Default
Linker lld
变体版本种子类型 Null


```