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

[qloog]

UI 很酷，技术栈也很前卫，刚好需要

[d3George]

@qloog UI 复刻了国外一个付费模板，我把技术栈给换成 antd 了，然后其它技术栈我都用了最新的

[gezilzq]

@d3George 我说怎么看着这么像 mui

[d3George]

@gezilzq 不明白国外为啥不喜欢用 antd, 感觉比 MUI 好用多了

[wcs111]

666

[1044523901]

看起来不错，下个项目 react 脚手架用这个试试~

[leokun]

太好看了

[lstz]

感觉和 slash IM 很像，点赞

[d3George]

@lstz slash IM 是什么？

[ricebna]

国外的付费模板，基于 mui 。ant 适合国内，mui 水土不符，但绝不是不好

[d3George]

@ricebna 说的对

[taotaodaddy]

op 审美挺好的

[etnperlong]

颜值非常高，不如新项目打算就用这个 UI 试试

[coolair]

提两个问题：
1 ）滚动时，导航栏透明效果会透过滚动页，导致显示不协调。
2 ）点击菜单切换时，载入图标会显示在左侧，而不是中间。

[softerzhangyu]

咋没看到表格

[sjhhjx0122]

我就说怎么这么像 mui 里面那个付费的模版

[l4ever]

早就 star 了, 做的很不错

[sudoy]

好看是好看，不会用

[waising]

star 了 后续可以用上

[lstz]

@d3George oh my fault, 我想说的是 slack