ant design pro
花程序媛
一名想不断提升自己的程序媛==>勿以浮沙筑高台
展开
-
上传文件failed to load resource net::ERR_CONNECTION_RESET
1.问题描述1.1报错项目在上传文件时,后端请求没有返回结果,但是在谷歌浏览器控制台会报错net::ERR_CONNECTION_RESET在火狐浏览器测试,控制台并不会报错本地调试上传,报错文件/node_modules/rc-upload/es/request.js:90rc-uploadant design pro上传组件upload 所使用”rc-upload”组件...原创 2020-01-10 11:12:17 · 24098 阅读 · 1 评论 -
ant design pro请求返回全局参数
项目中需要全局变量(这个数据根据请求返回结果改变),且这个变量每个页面都要用到,不需每个页面都去请求一次但是数据又是请求返回回来的,请求数据是异步的。ant design pro公共布局ant design pro项目可以写全局请求的文件:\src\layouts\BasicLayout.js \src\layouts\UserLayout.jsant design pro静态变...原创 2019-12-21 13:49:42 · 4426 阅读 · 0 评论 -
ant design pro页面重定向
场景1项目中添加了license证书校验,只有校验通过才可以访问页面,否则只要在地址栏输入任一页面路径,都要重定向到license证书校验页面实现代码如下: 引入 import Redirect from 'umi/redirect'; 渲染 \src\layouts\BasicLayout.js <ContainerQuery query={query}>...原创 2019-12-16 17:07:24 · 3218 阅读 · 0 评论 -
ant design pro带分页 自定义表格列 搜索表格组件封装
ant design pro中有一个基础表格的封装,但是分页是前端分页处理数据;项目中每个页面都有用到表格,且表格都有分页、搜索、自定义表格,所以封装了一个定制的表格组件实现页面效果组件参数参数 说明 类型 默认值 tablePatam 表格的一些参数,pageSize/pageNo/loading/filterParam Object {} ...原创 2019-12-12 17:45:21 · 3146 阅读 · 0 评论 -
ant design pro js-cookie设置过期时间
ant design pro中用到了js-cookie,具体修改cookie的过期时间如下// 时间单位是天 1/24为一个小时Cookies.set('access_token', str, { expires: 1 / 24 }); // 第三个参数不传就是永不过期Cookies.set('access_token', str);...原创 2019-11-21 11:21:39 · 2313 阅读 · 0 评论 -
ant design pro直接提交不提示必填项错误且没有走validateFields方法
ant design pro表单必填项添加校验后,用户什么都不填,直接提交会提示用户:”请输入。。。”;但是如果没有提示,且没有走form.validateFields方法,是因为自定义校验没有callback(),务必确认每个分支都有callback()调用...原创 2019-11-20 16:54:05 · 3304 阅读 · 0 评论 -
ant design pro一个页面多个表单
如果一个页面中有多个表单,那需要return出不同的组件,否则不能对应起来const PasswordForm = Form.create()(props => { const { modalVisible, form, handleChangePassword, handleCancelPassword, current, ...原创 2019-11-20 14:40:15 · 3891 阅读 · 0 评论 -
ant design动态表单
项目有表单动态增加减少的需求,且表单列表的每一项有多个input输入框,虽然ant design有一个代码demo,但是只有一个input框,且没有最初默认数据的展示;本文章对这一需求的实现做一个归纳总结。动态表单实现过程中遇到了从列表中删除中间的项时,删除数据不对应的情况,主要是因为ant design的表单双向绑定不同vue一样,是通过v-model绑定的,而是用getFieldDe...原创 2019-11-20 14:07:24 · 2969 阅读 · 0 评论 -
kibana日志搜索规则及搜索界面显示处理
项目调用ES日志检索接口,实现简单的日志界面展示;操作数据,然后通过数据去渲染页面,而不是直接操作DOM日志检索语法简单的对基本的语法做一个总结1.语法关键字+ - && || ! ( ) { } [ ] ^ “ ~ * ? : /如果所要查询的查询词中本身包含关键字,则需要用\进行转义(注意是本身!)例1:rvm:5100/kibana/kibana:6.7...原创 2019-11-19 16:55:44 · 4272 阅读 · 0 评论 -
eslint检查规则
ant design集成了eslint的检查规则,对于一些基本规则平常coding的时候注意一下,养成良好的代码习惯。常见规范类成员之间空一行 import和之后的代码空一行 样式文件的import在最后面 每个方法之间空一行 注释//后空一格 变量需要驼峰命名 命名了没有用到的变量 如果键值和key值相同,只需写一个即可 for in循环对象数据时,风格检查不通过,可使用...原创 2019-11-12 16:59:18 · 230 阅读 · 0 评论 -
ant design pro中umi-request拦截请求统一处理报错提示
ant design pro项目请求用的是umi-request,对于请求不成功的情况需要给用户错误提示,但是每个请求都对错误情况做处理,冗余代码太多,所以在src/utils/request页面拦截请求统一处理umi-request访问umi-request学习具体参数代码request.interceptors.response.use(async (response, op...原创 2019-11-08 15:07:35 · 12752 阅读 · 4 评论 -
ant design pro快速入门
项目需要用ant design pro实现一个管理系统,之前没有做过相关项目,所以将自己的学习过程与经验记录下来,做一个总结,也希望对看文章的你有所帮助。(做项目的时候用的是2.0版本,所以本文章基于2.0版本展开)一、技能点ant design pro主要用到的知识列表如下:ant design ant design pro dva umi umi-request二、克...原创 2019-11-08 14:01:40 · 298 阅读 · 0 评论