-
Notifications
You must be signed in to change notification settings - Fork 346
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
63 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,63 @@ | ||
<div align="center"> | ||
<br> | ||
<br> | ||
<h1>Slash Admin 后台模板 | ||
</h1> | ||
</div> | ||
|
||
Slash Admin 是一个现代化的后台管理模板,基于 React 18、Vite、Ant Design 和 TypeScript 构建。它旨在帮助开发人员快速搭建功能强大的后台管理系统。 | ||
|
||
|
||
|
||
## 预览 | ||
+ https://admin.slashspaces.com/ | ||
+ https://d3george.github.io/react-admin-template/ | ||
|
||
![login.png](https://d3george.github.io/github-static/slash-admin/login.jpeg) | ||
![analysis.png](https://d3george.github.io/github-static/slash-admin/analysis.png) | ||
|
||
## 特性 | ||
|
||
- 使用 React 18 进行构建,享受hooks的好处。 | ||
- 基于 Vite 进行快速开发和热模块替换。 | ||
- 集成 Ant Design,提供丰富的 UI 组件和设计模式。 | ||
- 使用 TypeScript 编写,提供类型安全性和更好的开发体验。 | ||
- 响应式设计,适应各种屏幕尺寸和设备。 | ||
- 灵活的路由配置,支持多级嵌套路由。 | ||
- 集成权限管理,根据用户角色控制页面访问权限。 | ||
- 集成国际化支持,轻松切换多语言。 | ||
- 集成常见的后台管理功能,如用户管理、角色管理、权限管理等。 | ||
- 可定制的主题和样式,以满足您的品牌需求。 | ||
- 基于 MSW 和 Faker.js 的Mock方案 | ||
- 使用 Zustand 进行状态管理 | ||
- 使用 React-Query 进行数据获取 | ||
|
||
## 快速开始 | ||
|
||
### 安装依赖 | ||
|
||
在项目根目录下运行以下命令安装项目依赖: | ||
|
||
```bash | ||
pnpm install | ||
``` | ||
|
||
### 启动开发服务器 | ||
|
||
运行以下命令以启动开发服务器: | ||
|
||
```bash | ||
pnpm dev | ||
``` | ||
|
||
访问 [http://localhost:3001](http://localhost:3001) 查看您的应用程序。 | ||
|
||
### 构建生产版本 | ||
|
||
运行以下命令以构建生产版本: | ||
|
||
```bash | ||
pnom build | ||
``` | ||
|
||
构建后的文件将位于 `dist` 目录中。 |