/react-admin-activity

Primary LanguageJavaScriptApache License 2.0Apache-2.0

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

what's this?

react+redux 后台管理系统脚手架
react+redux+webpack+antd

  • 非服务端渲染
  • 仿antd-pro外观,但没有使用dva和roadhog

构建 Start

yarn install       // 安装依赖模块
yarn dll           // 编译静态资源
yarn start         // 运行开发环境,默认监听8888端口
yarn build         // 正式打包,生成最终代码
yarn dist          // 运行正式打包后的最终代码,默认监听8888端口
yarn distmac       // MacOS下运行正式打包后的最终代码,默认监听8888端口

最近更新

  • 把所有包版本都升级到了最新 React16.7,webpack4.29,babel7...
  • 去掉了一些鸡肋的东西,真正项目中基本都不会用到
  • 去掉了 css-module,感觉太不方便了

仍然使用了一些 React UNSAFE 的旧生命周期,先不管了,以后遇到类似的后台项目我就用我自己这个

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

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

内置通用功能

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

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

预览地址 Demo

https://isluo.com/work/admin/
账号:admin / user
密码:123456 / 123456

参考

react-luo: https://github.com/javaLuo/react-luo

react-admin-activity