javaLuo / React Admin
Licence: apache-2.0
动态菜单配置、权限精确到按钮、通用模块;标准后台管理系统解决方案
Stars: ✭ 247
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to React Admin
React Latest Framework
a client framework of React
Stars: ✭ 835 (+238.06%)
Mutual labels: webpack4, hooks
coconat
🍥 StarterKit Builder for rocket-speed App creation on 🚀 React 17 + 📙 Redux 4 + 🚠 Router 5 + 📪 Webpack 5 + 🎳 Babel 7 + 📜 TypeScript 4 + 🚔 Linters 23 + 🔥 HMR 3
Stars: ✭ 95 (-61.54%)
Mutual labels: hooks, webpack4
Webpack Command
[DEPRECATED] Lightweight, modular, and opinionated webpack CLI that provides a superior experience
Stars: ✭ 218 (-11.74%)
Mutual labels: webpack4
React Native Swiper Flatlist
👆 Swiper component implemented with FlatList using Hooks & Typescript + strict automation tests with Detox
Stars: ✭ 217 (-12.15%)
Mutual labels: hooks
React Starter Kit
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
Stars: ✭ 229 (-7.29%)
Mutual labels: webpack4
Helix
A simple, easy to use library for React development in ClojureScript.
Stars: ✭ 235 (-4.86%)
Mutual labels: hooks
Use Undo
React Hooks to implement Undo and Redo functionality
Stars: ✭ 224 (-9.31%)
Mutual labels: hooks
Electron React Webpack
Electron + React 16 + Webpack 4 template with ES6, JSX and hot reloading.
Stars: ✭ 231 (-6.48%)
Mutual labels: webpack4
React Native Easy Starter
A react-native starter kit using RN0.63, Flipper support, LogBox, AndroidX, Hooks workflow, easy-peasy, code-push, Themes support and much more
Stars: ✭ 224 (-9.31%)
Mutual labels: hooks
Windows User Action Hook
A .NET library to subscribe for Windows operating system global user actions such mouse, keyboard, clipboard & print events
Stars: ✭ 224 (-9.31%)
Mutual labels: hooks
Webpack 4 Quickstart
Webpack 4 tutorial: All You Need to Know, from 0 Conf to Production Mode
Stars: ✭ 229 (-7.29%)
Mutual labels: webpack4
Django Drf React Quickstart
Django REST framework/React quickstart
Stars: ✭ 219 (-11.34%)
Mutual labels: webpack4
React Pwa
An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.
Stars: ✭ 2,433 (+885.02%)
Mutual labels: webpack4
Resolvers
📋 Validation resolvers: Zod, Yup, Joi, Superstruct, and Vest.
Stars: ✭ 222 (-10.12%)
Mutual labels: hooks
React Hooks Helper
A custom React Hooks library that gives you custom hooks for your code.
Stars: ✭ 227 (-8.1%)
Mutual labels: hooks
React-admin
标准后台管理系统解决方案
动态菜单配置,权限精确到按钮
what's this?
React+Redux 后台管理系统脚手架
React Hooks / Redux / Typescript
- 非服务端渲染
- 仿antd-pro外观,但没有使用dva和roadhog
Node版本
至少10.12.0
, 因为@typescript-eslint 3.x
这个插件需要
分支
- Default: React hooks + Typescript
- react-class : 原版 React Class, 无TS
构建 Start
yarn install // 安装依赖模块
yarn start // 运行开发环境,启动完成后访问 http://localhost:8888
yarn build // 正式打包,生成最终代码
yarn dist // 运行正式打包后的最终代码,启动完成后访问 http://localhost:8889
yarn distmac // MacOS下运行正式打包后的最终代码, 启动完成后访问 http://localhost:8889
最近更新
- 在写jest测试用例,还没弄完
- (2020/04/09) hooks/typescript
- 不再需要
yarn dll
- (2020/03/13 正在进行) 升到 antd4, 使用@rematch, 修改权限、菜单、角色后需更新用 户信息 ,Typescript,menu 的构建递归,添加权限/菜单的模态框需要加一个是否将该 权限/菜单赋予给某些角色
- 把所有包版本都升级到了最新 React16.7,webpack4.29,babel7...
- 去掉了一些鸡肋的东西,真正项目中基本都不会用到
- 去掉了 css-module,感觉太不方便了
前后端分离,权限是怎么控制的
在数据库里存储着权限的信息,可以在页面里各种编辑。
但最终实现,仍然是在页面
里写死的,前端写在页面里的权限信息跟数据库里的信息一一对应就实现了权限控制
。
更好的方法除非是使用 SSR 服务端渲染,直接把权限注入到页面中,就像传统的
JSP 那样。
内置通用功能
用户管理 增删改查 分配角色
角色管理 增删改查 分配菜单和权限
权限管
理 增删改查
菜单管理 增删改查
关系:权限 依附于 菜单 依附于 角色 依附于 用户
预览地址 Demo
https://isluo.com/work/admin/
账号:admin / user
密码:123456 / 123456
参考
react-luo: https://github.com/javaLuo/react-luo
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].