sxfad / react-admin Goto Github PK

View Code? Open in Web Editor NEW

603.0 16.0 168.0 53.05 MB

基于 Ant Design React 的管理系统架构

Home Page: https://sxfad.github.io/react-admin

JavaScript 95.30% HTML 0.81% Less 3.19% Shell 0.52% Dockerfile 0.18%

react antd react-admin theme ant-design redux react-router

react-admin's People

Contributors

Stargazers

Watchers

Forkers

jakexu ideas-design su1329 xinchanghao zhaoxunyong timxim una894 tomzhang kinkir eric3996 yoryor ity965 nunu03 tongyong100 ciaozz luyulong songshenma krupp zhangziliang04 java0935 hhhcommon wuxiaoxiao0317 goodliving wdagklsdk soluttt seejie amtech wangzhenjun1983 blanclang caoxiaoyi l745230 linmingren chaos2171053 juyp1 enthudai zhfengjing xueyanhui123456 tec-yang lian-med quhw hgai000 mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm andyshao asilan0 yingfengwuzhe hadoop835 syhnet cqwshzj fenglianshuai jarrysun jin-tianyi canoelu yuchengx 1995hjh tim945 zhumengcheng sunqiangde luxinbao eduabi smile-shop pi-pi-miao tmrxiaoxiao lizijiee rennner ken-chen-91 githubzhigang cuiweijun chuxin502 oubohua tearf001 john-andrew-tmd su-yongjian 10081281 congxiaobai chinesehxj sunscheung jackxu-eb chenxiong1032 br-bai arraycto samuel-codes yls087412 yeruicsy marquisxuan owencyc sevenzll dawn-tx flowinggrace laihui0207 song-jun youxiaodao zj452403071 soa4java liyumingben zzhoouxin zhangrongwu yangzhongdong fight-jason blueblueskys hanxiaobo

react-admin's Issues

二级页面刷新问题

当打开为二级页面时，刷新浏览器为什么路由会作为一个接口调用呢？

http://localhost:4001/house/_/edit/48

Request Method: GET
Status Code: 200 OK

图片如下
https://sm.ms/image/hfnz3PkuA7tXMNB

Mock的使用

请问一下，Mock是怎么使用的？文档中写的没怎么看懂。比如说我需要添加一个页面，对应的path为/user/userlist，我想mock一下对应的json数据。

js文件里怎么调用redux数据

通过configureStore().getState获取到的数据没变化，支持js文件与redux交互吗？

您好，网站登录会话过期的时候，怎么更加友好的处理

1.我在发送请求的时候，根据返回的状态码判断token（会话）是否过期，直接跳转到登录页

，再次登录的时候，就会出现第一个页签就是URL 就是‘/login’ ，却保留了原来保持打开的页签。一共两个标签页，而不是保持原来之前打开多个菜单页签的状态了。经查验loacalstorage 中就保留两个页签，其中一个是登录页（空白页签）

2.本地的loacalstorage是怎么写进去的，我找好久的代码，其中[object Object]-system,[object Object]-menu,[object Object]-side 不知道从那个代码片段写进去的，超时的时候，我想通过这改变这个能改善上诉的问题吗，再次登录保留原来打开的页签，完全退出系统的时候，再次登录不保留当时打开的页签或者也可以保留原来页签。

Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade caniuse-lite browserslist`

follow the step:
(1) yarn
(2) yarn start
then the problem shows:
Browserslist: caniuse-lite is outdated. Please run next command yarn upgrade caniuse-lite browserslist
the port 4001 can not be visited

使用BASE_NAME=/project1 PUBLIC_URL=/project1 yarn build，build目录不会生成project1 文件夹吗

如何打包发布

您好，请问如何打包发布，通过build指令打包后总是找不到login页面，这个是什么原因呢？

ModalContent组件设置width无效

<ModalContent
bodyStyle={{width:'1000px'}}
style={{width:'1000px'}}
loading={loading}
okText="保存"
cancelText="重置"
onOk={() => this.okFn()}
onCancel={() => this.cancelFn()}
>

如何实现动态路由

多个菜单指向一个页面(组件)

http-proxy-middleware 问题

http-proxy-middleware 版本： ^1.0.6 (自己 npm install --save-dev http-proxy-middleware添加的)

setupProxy.js配置

const {createProxyMiddleware} = require('http-proxy-middleware')

const prefix = process.env.AJAX_PREFIX || '/api/fv-admin'
console.info('代理相关', prefix)

module.exports = function (app) {
    app.use(createProxyMiddleware(
        prefix,
        {
            target: 'http://localhost:8080/',
            pathRewrite: {
                '/api': '', // 如果后端接口无前缀，可以通过这种方式去掉
            },
            changeOrigin: true,
            secure: false, // 是否验证证书
            ws: true, // 启用websocket
        },
    ))
}

ajax请求

let {pageNum, pageSize} = this.state
this.props.ajax
    .get(`/goods/sys-goods/list?currentPage=${pageNum}&offset=${pageSize}`)
    .then(res => {
        console.log(res)
    })

项目启动控制台

实际结果

疑问

代理配置没生效还是怎么回事。。。前端小白，不知如何下手。不用react-admin的时候，这样的配置可以代理成功。react-admin里的东西太多了，还没学完，碰到了这么一个问题，一直没解决。。。还请指点一下

登录跳转后有个空白tabs点击就会跳登录页面

点击成这样的了

npm run start 报错

Fatal error in , line 0

Check failed: U_SUCCESS(status).

#FailureMessage Object: 000000000014D9E0npm ERR! code ELIFECYCLE
npm ERR! errno 3221225477
npm ERR! [email protected] start: node scripts/start.js
npm ERR! Exit status 3221225477
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2021-01-15T08_01_20_092Z-debug.log

菜单怎么设置隐藏

目前不在menus.js里配置，可实现不显示。但通过上边tabs切换已打开的页面，没有在menus.js里配置的页面，需要点击2次才能切换

大佬发现弹出窗Tabs 出来<>

弹出用tags出来

ajax Network Error

请问一下，我新增了一个页面，远端服务器模拟了数据，我修改了setupProxy.js：

mock url为：http://yapi.aeasycredit.net/mock/32/api/loanAccountList

但console中报这个错误，是不是哪个地方需要配置权限？

谢谢~

QueryItem组件的extra属性，只能加一个按钮控件吗？

<QueryItem
collapsed={collapsed}
loadOptions={this.fetchOptions}
items={this.queryItems}
onSubmit={params => this.setState({ params }, this.handleSearch)}
extra={<Button type="primary" icon="user-add" onClick={this.handleAdd}>添加客户</Button>,
<Button type="primary" icon="user-del" onClick={this.handleBatchDel}>批量删除客户</Button>
}
/>
这个代码块都是显示“批量删除客户”按钮，不显示前面一个。

跨域问题

问下这边我iis发布会，总是无法跨域访问后台接口，前端代码中需要哪里做配置吗

编辑表格组件不能正常显示

dom:

yarn下载资源发生500错误

使用yarn安装依赖时发生HTTP 500错误，国内网络，国外代理均出现此现象
yarn-error.log

每个页面接口请求都会请求两次

您好我想咨询一下为什么每个页面请求都会请求两次？我请求的时候带参数的，但是我点开页面的时候一个同一个接口请求两次一个带参数，一个不带参数？这是什么原因造成的，是需要哪里配置什么吗？

图片如下
不带参数：https://sm.ms/image/5THWdXONRahESYg
带参数：https://sm.ms/image/1mSI9sXcLOZJRib

代码生成的页面被删除了吗？

在最新拉取的代码中。没有代码生成相关的页面，
请问是剔除了吗？

FormElement 数据回显问题

描述：

服务端返回数据为 number 类型的 0
页面中FormElement的type为select。其中0假如对应实物商品，期望展示实物商品，而非 0

代码截图

实际上，我想要达到这样的效果。服务端返回0，页面渲染出0对就的中文意义。咱们的文档中也没有类似的例子[哭]又不知道怎么搞了。。。

最初我以为是数据类型不匹配导致无法正确渲染。所以将value:'0' 改为了 value:0。但是还是没有达到想到的效果。在codesandbox中用原生的antd的Select组件写了一下。发现是可以的。

好像不太会用 react-admin这个框架[捂脸]
如果使用Form.Item就可以正常了。。。

怎么没有typescript版本的？

是否可以直接引入dva并使用？

你好，之前基于ant design pro做了几个页面，继续再做多页面的时候，发现您做的效果很棒，于是想把做好的页面迁移过来。
请问，是否可以直接引入dav并使用？
我尝试了：
`@connect(({ admin, loading }) => ({
admin,
loading: loading.effects['admin/list'],
}))
@config({
path: '/system/BGroup/',
ajax: true,
})
@Form.create()
class TableList extends PureComponent {
...

componentDidMount() {
// console.log(this.dispatch,'hahahah')
// const { dispatch } = this.props;
dispatch({
type: 'admin/list',
});
}

...
却不能运行，报错内容：
TypeError: subscriber is undefined
dispatch
C:/Users/Lenovo/AppData/Local/Microsoft/TypeScript/3.6/node_modules/rxjs/internal/observable/pairs.js:51

48 | subscription = state.subscription,
49 | obj = state.obj;
50 |

51 | if (!subscriber.closed) {
| ^ 52 | if (index < keys.length) {
53 | var key = keys[index];
54 | subscriber.next([key, obj[key]]);
`

之前的旧版本 ,出现升级提示要怎么操作

Creating an optimized production build... Browserslist: caniuse-lite is outdated. Please run next command yarn upgrade

登录后还可以通过浏览器的返回按钮返回到登录页面

文档地址失效了

https://open.vbill.cn/react-admin，已经无法访问

单独定义action 和 reducer如何使用？

单独定义action 和 reducer,这个可以和现有的redux结合起来使用吗？有demo吧？

异步加载菜单

请问，异步加载菜单的方法里面该如何引入ajax请求后端菜单？
使用文档中推荐的三种方式，都会报错，只能使用在class上面？

使用二级目录构建，build目录不会生成project1 文件夹吗

BASE_NAME=/project1 PUBLIC_URL=/project1 yarn build
build目录下没有project1文件夹

代码生成工具获取数据库表名返回错误

提供代码生成工具是本脚手架跟其他同类脚手架比一个很大的亮点，但在生成界面点击“获取数据库表名“时，返回了”获取数据库表失败“，如下图：

环境：Mac，mysql+react-admin在同一主机运行。
另外，代码生成工具这部分的使用说明可以写详细点，感谢。

左侧导航点击后出现404错误页面

1、yarn & yarn start 报错
./src/pages/page-routes.js
Module not found: You attempted to import /Users/wangshubin/workspace/suixingpay/application-dependency/admin-front/src/pages/home/index.jsx which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.
2、手动修改./src/pages/page-routes.js 进入页面，单点击左侧导航菜单，所有路由按钮点击均是404错误页面