# react-admin

**Repository Path**: fhyoiii/react-admin

## Basic Information

- **Project Name**: react-admin
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-11-04
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [React-admin](https://github.com/javaLuo/react-admin/)<br/>
![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg) 
![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)
![GitHub last commit](https://img.shields.io/github/last-commit/javaLuo/react-admin.svg?style=popout)

标准后台管理系统解决方案<br/> 动态菜单配置，权限精确到按钮<br/>

## what's this?

React+Redux 后台管理系统脚手架<br/> React Hooks / Redux / Typescript

<ul>
 <li>非服务端渲染</li>
 <li>仿antd-pro外观，但没有使用dva和roadhog</li>
</ul>

## Node版本
至少`10.12.0`, 因为`@typescript-eslint 3.x`这个插件需要

## 分支
- Default: React hooks + Typescript
- [react-class](https://github.com/javaLuo/react-admin/tree/react-class) : 原版 React Class, 无TS

## 构建 Start

```javascript
yarn install       // 安装依赖模块
yarn start         // 运行开发环境，默认监听8888端口
yarn build         // 正式打包，生成最终代码
yarn dist          // 运行正式打包后的最终代码，默认监听8888端口
yarn distmac       // MacOS下运行正式打包后的最终代码，默认监听8888端口
```

## 最近更新

- 在写jest测试用例，还没弄完
- (2020/04/09) hooks/typescript
- 不再需要`yarn dll`
- (2020/03/13 正在进行) 升到 antd4, 使用@rematch, 修改权限、菜单、角色后需更新用
  户信息 ，Typescript，menu 的构建递归，添加权限/菜单的模态框需要加一个是否将该
  权限/菜单赋予给某些角色
- 把所有包版本都升级到了最新 React16.7,webpack4.29,babel7...
- 去掉了一些鸡肋的东西，真正项目中基本都不会用到
- 去掉了 css-module，感觉太不方便了

## 前后端分离，权限是怎么控制的

在数据库里存储着权限的信息，可以在页面里各种编辑。<br/> 但最终实现，仍然是在页面
里写死的，前端写在页面里的权限信息跟数据库里的信息一一对应就实现了权限控制
。<br/> 更好的方法除非是使用 SSR 服务端渲染，直接把权限注入到页面中，就像传统的
JSP 那样。

## 内置通用功能

用户管理 增删改查 分配角色<br/>   角色管理 增删改查 分配菜单和权限<br/>   权限管
理 增删改查<br/>   菜单管理 增删改查<br/>

关系：权限 依附于 菜单 依附于 角色 依附于 用户

## 预览地址 Demo

https://isluo.com/work/admin/ <br/>
账号：admin / user<br/>
密码：123456 / 123456

## 参考

react-luo: https://github.com/javaLuo/react-luo <br/>