标准后台管理系统解决方案
动态菜单配置,权限精确到按钮
react+redux 后台管理系统脚手架
react+redux+webpack+antd
- 非服务端渲染
- 仿antd-pro外观,但没有使用dva和roadhog
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 那样。
用户管理 增删改查 分配角色
角色管理 增删改查 分配菜单和权限
权限管理 增删改查
菜单管理 增删改查
关系:权限 依附于 菜单 依附于 角色 依附于 用户
https://isluo.com/work/admin/
账号:admin / user
密码:123456 / 123456
react-luo: https://github.com/javaLuo/react-luo