javaluo / react-admin Goto Github PK

View Code? Open in Web Editor NEW

475.0 14.0 143.0 8.39 MB

动态菜单配置、权限精确到按钮、通用模块；标准后台管理系统解决方案

Home Page: https://isluo.com/work/admin/

License: Mulan Permissive Software License, Version 2

JavaScript 12.20% HTML 0.20% TypeScript 82.30% Less 5.30%

react hooks typescript antd4 redux rematch vite

react-admin's Introduction

React-admin ·

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

what's this?

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

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

构建 Start

pnpm install       // 安装依赖模块
pnpm run dev       // 运行开发环境
pnpm run build     // 正式打包，生成最终代码
pnpm run preview   // 本地运行正式打包后的最终代码
pnpm run prettier  // 一键格式化代码

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

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

内置通用功能

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

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

预览地址 Demo

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

参考

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

react-admin's People

Stargazers

Watchers

Forkers

kovow lukeddy gitwangjian maogirlsqueen jy4618272 keegan-x hecheng64 yannisdevon erniu supergczh den233 linxiaobing1005032863 joseph-jc li123 queen-liu kevinlvhsl hqwlkj jxwright pengcwl kinkir wangzhenxinkobe 410675629 caowenbin08 xiangxiong zjq1394288160 fangyong1003 zakihong w-ying1 jackone1 aaronzhangl brianzhangrong nova2000 binaryartists tqgy aixinalei winglt scalerone worliaro soluttt zhangximake dgo2dance cuixfsx richardlee1978 alanwanghongqiang karenqiao infinityboy jamierwang extreme09 huangup territoryfan kule2018 felbc delta94 21haoxingxiu ijustoneway menglin1997 echoboss zhanglingyugit jian-sun bai-wenli loseleo arraycto eplayed fiona993 chenkai88 moorcheung linecode liyumingben shervinchen wanghepu xinleibird roxannej yuanshihong r70kg thbgh langtu329 zhengdeding tim810306 huixinyiji smallpig301 lining-possible evilszhou wenchaojia jinly2 leocallit rectmoon ruiqingzheng rorschachszr linjunhao1997 tangtao007 lymenn helloworld-zw zyfyuanyuan6 454979849 jiejiege123 syyzw1985 ez4yb songguannan wukongli jinloser

react-admin's Issues

关于跨域问题

hello，感谢开源~ 请问如果要连接本地其他端口node后台服务需要怎样设置跨域？我尝试在webpack.dev.config.js中加上如下代码，貌似不行

devServer: {
    proxy: {
      "/api": {
        target: "http://localhost:9527/api/admin",
        changeOrigin: true,
        pathRewrite: {'^/api' : ''}
      }
    }
  },

dispatch.app.updateUserInfo()缺少参数

你好！这个 dispatch.app.updateUserInfo() 需要rootState，但是我看代码没给这个方法传参呢？运行报错。

配置@导入组件

你好,我想请问一下,你的组件内部的@导入是如果进行配置的,那么我在网上找到的方式都不能支持@导入组件

我把typescript升级到3.9.5报错

你好，我把typescript升级到3.9.5，报很多类似这种错：
ERROR in [at-loader] ./src/models/app.ts:71:22
TS2339: Property 'reducerLogout' does not exist on type 'never'.

ERROR in [at-loader] ./src/models/app.ts:84:20
TS2339: Property 'reducerUserInfo' does not exist on type 'never'.

ERROR in [at-loader] ./src/models/app.ts:91:48
TS2339: Property 'userinfo' does not exist on type 'never'.

ERROR in [at-loader] ./src/models/app.ts:93:56
TS2339: Property 'getRoleById' does not exist on type 'never'.

请教一下这种错误要修改修复呢？我也在网上找了半天都没有结果。如果能得到你的回复，将非常感谢

您好想请教一下项目中设置了请求头"Content-Type": "application/x-www-form-urlencoded; charset=utf-8",格式，post请求怎么转换为右边中的格式呢

设置了请求头"Content-Type": "application/x-www-form-urlencoded; charset=utf-8",格式，post请求怎么转换为上图中右边中的格式呢，左边的是实际得到的参数格式

下图为请求方式

从master下载,执行yarn后,报kleur' do not define a valid './colors' target

ERROR in ./src/layouts/BasicLayout.less (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src!./node_modules/less-loader/dist/cjs.js??ref--7-3!./src/layouts/BasicLayout.less)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Package exports for '/Users/wang/Desktop/react-admin/node_modules/kleur' do not define a valid './colors' target
at resolveExportsTarget (internal/modules/cjs/loader.js:618:9)
at applyExports (internal/modules/cjs/loader.js:499:14)
at resolveExports (internal/modules/cjs/loader.js:548:12)
at Function.Module._findPath (internal/modules/cjs/loader.js:654:22)
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:953:27)
at Function.Module._load (internal/modules/cjs/loader.js:859:27)
at Module.require (internal/modules/cjs/loader.js:1028:19

请问这是怎么回事？