Skip to content

update #44

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 8 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 12 additions & 52 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,58 +1,26 @@
## React 后台管理系统

> [项目预览地址](https://ltadpoles.github.io)

> [Hook 版本](https://github.com/ltadpoles/react-admin/tree/hook)

基于 `React` 生态系统搭建的后台管理系统模板

此项目为闲暇时间所做,主要是为了熟悉 `React` 项目的开发流程,打造一个快速开发后台管理系统的模板

既为模板,可能就添加了一些你觉得并不需要的东西,比如菜单栏收缩将判断值存储在 `Redux` 之中,其实完全可以采用组件传值的方式解决,并不需要引入 `Redux` 。添加这个东西只是为了方便项目的拓展、展示它的使用方式。当然,如果你不需要,完全可以很简单的移除它们

由于每个管理项目可能会有不同的定制化需求,所以对于模板中的一些功能并没有做完善的封装,比如对 `axios` 的封装、前端路由权限的控制。当然,结构或者思路已经存在代码之中了,只需要添加具体的业务代码即可

此项目会不断进行优化迭代,后期可能会增加 `react-hook` 版本

如果觉得不错或者对你有些许的帮助,欢迎 `star`,或者你有更好的实现方式、有趣的 `idea`,也欢迎留言交流

如果你想了解项目更为详细的信息,推荐阅读以下文章

- [如何打造 react 后台管理系统](https://github.com/ltadpoles/web-document/blob/master/React/%E5%BF%AB%E9%80%9F%E6%89%93%E9%80%A0react%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F.md)

以下为项目基本信息↓
## WFS 后台管理系统

### 技术栈

`[email protected] + [email protected] + [email protected] + [email protected] + [email protected]`

> `Create React App` 脚手架工具快速搭建项目结构

> `[email protected]` 路由懒加载

> `[email protected]` 配合 `Redux` 更舒心
> `Create React App` 脚手架工具快速搭建项目结构

> `[email protected]` 页面动画展示
> `[email protected]` 路由懒加载

> `[email protected]` 富文本插件
> `[email protected]` 配合 `Redux` 更舒心

> `[email protected]` 数据可视化
> `[email protected]` 页面动画展示

> `[email protected]` 顶部加载条
> `[email protected]` 富文本插件

> `[email protected].0` 全屏插件
> `[email protected].0` 数据可视化

> `[email protected]` 代码风格统一
> `[email protected]` 顶部加载条

### 基本功能
> `[email protected]` 全屏插件

- [x] 路由懒加载
- [x] 面包屑导航
- [x] 常用 UI 展示
- [x] echarts 全屏展示
- [x] 登陆/注销功能
- [x] axios 封装
- [x] 简单权限管理
> `[email protected]` 代码风格统一

### 项目结构

Expand Down Expand Up @@ -81,9 +49,9 @@
### 使用方法

```npm
git clone https://github.com/ltadpoles/react-admin.git
git clone https://git.garena.com/shopee/seller-server/cs-qa/workflow-service/web.git

cd react-admin
cd web

// 安装依赖
yarn
Expand All @@ -95,11 +63,3 @@ yarn start
yarn build

```

### 截图

![image](https://raw.githubusercontent.com/ltadpoles/react-admin/master/src/assets/images/index.jpg)

![image](https://raw.githubusercontent.com/ltadpoles/react-admin/master/src/assets/images/form.jpg)

![image](https://raw.githubusercontent.com/ltadpoles/react-admin/master/src/assets/images/editor.jpg)
Loading