web-Test
文章平均质量分 52
给自己写个教程, 后面再回头看看
听我一言
这个作者很懒,什么都没留下…
展开
-
Ant Design Pro (十) 设置接口的超时时长及错误处理
1. 重定义 request下面代码重定义request增加默认的接口访问超时时间超时的提示信息错误处理import { request as umirequest } from "umi";import { ResponseError } from "[email protected]@umi-request";import { message } from 'antd';const request = (url: any, options: any) => { r原创 2021-09-25 16:51:51 · 1805 阅读 · 0 评论 -
Ant design pro (九) 修改Title 图标等小功能
一. 关于界面菜单及整体颜色风格修改1. 直接修改config/defaultSettings.ts 内部直接修改2. 辅助修改Ant Design Pro预览界面在预览界面中选择设置好之后将设置好的配置加到/修改 config/defaultSettings.ts 文件1) 打开配置页面2) 按照自己的想法进行配置3)拷贝配置即可拷贝内容{“primaryColor”: “#13C2C2”,“navTheme”: “dark”,“layout”: “top”,“con原创 2021-09-25 10:57:23 · 3907 阅读 · 0 评论 -
Ant design pro (八) 简单的图表使用
1. 官方示例代码import React from 'react';import { Line } from '@ant-design/charts';const Page: React.FC = () => { const data = [ { year: '1991', value: 3 }, { year: '1992', value: 4 }, { year: '1993', value: 3.5 }, { year: '1994', value:原创 2021-09-24 22:42:08 · 2369 阅读 · 2 评论 -
Ant Design Pro 使用笔记
Ant design pro (一) 环境搭建篇Ant Design Pro (二) 添加页面+使用mock(无model)Ant Design Pro (三) Golang+Gin后端简单实现Ant Design Pro (四) 解决调用接口返回错误时出现的BizErroAnt Design Pro (五) 修改FooterAnt Design Pro (六) 简易MarqueeAnt Design Pro (七) 新增了组件引用之后界面转圈圈...原创 2021-09-24 22:33:06 · 1781 阅读 · 0 评论 -
Ant Design Pro (七) 新增了组件引用之后界面转圈圈
由于引用了新的模块到界面中, 发现引用之后界面开始出现转圈圈了,解决方法就是删除pages/.umi 目录,重新运行原因分析可能是模块冲突了, 具体说明如下UmiJS目录说明src/pages/.umi这是 umi dev 时生产的临时目录,默认包含 umi.js 和 router.js,有些插件也会在这里生成一些其他临时文件。可以在这里做一些验证,但请不要直接在这里修改代码,umi 重启或者 pages 下的文件修改都会重新生成这个文件夹下的文件。...原创 2021-09-24 22:29:21 · 1321 阅读 · 0 评论 -
Ant Design Pro (六) 简易Marquee
1. 添加组件代码新增src/pages/Demo/components/Marquee.tsx代码如下import React, { PureComponent } from 'react';/** * 参考 * https://blog.csdn.net/adsfa23124/article/details/101769001 * https://wenku.baidu.com/view/b70bbb0390c69ec3d5bb75b9.html * https://www.jb51原创 2021-09-24 12:51:21 · 441 阅读 · 0 评论 -
Ant Design Pro (五) 修改Footer
修改Footer原来的Footer修改代码在src\components\Footer\index.tsx修改代码为// import { useIntl } from 'umi';// import { GithubOutlined } from '@ant-design/icons';import { DefaultFooter } from '@ant-design/pro-layout';// import NoticeIcon from '../NoticeIcon/NoticeI原创 2021-09-22 19:18:29 · 2252 阅读 · 2 评论 -
Ant Design Pro (四) 解决调用接口返回错误时出现的BizError
Unhandled Rejection (BizError):错误提示Unhandled Rejection (BizError):分析1. 查看报错代码根据提示代码可以知道, 返回的数据结构中success字段为false, 则生成了错误, 并根据上面提示, 在 src.umi\plugin-request\request.ts 231行处看到如下代码, 数据结构中success为false则抛出异常if (errorInfo.success === false) { // 抛出原创 2021-09-22 13:57:55 · 7539 阅读 · 0 评论 -
Ant Design Pro (三) Golang+Gin后端简单实现
1. Golang Gin后端代码package mainimport ( "encoding/json" "fmt" "github.com/gin-gonic/gin" "net/http" "time")type Response struct { Success bool `json:"success"` Data interface{} `json:"data"`}type DataRequest struct { Text string `json:"tex原创 2021-09-21 03:17:29 · 1413 阅读 · 0 评论 -
Ant Design Pro (二) 添加页面+使用mock(无model)
1. 创建ant design pro simple代码simple代码指[官方入门指引](https://pro.ant.design/zh-CN/docs/getting-started)cnpm installcnpm run start之后网页输入IP:8000显示登录界面登录之后如下2. 目录创建页面文件1) 在src/pages/ 创建Demo目录2) 在Demo目录下创建index.tsx 和 index.less两个文件参考 新增页面3) index.tsx添加代码原创 2021-09-21 02:35:03 · 1806 阅读 · 0 评论 -
Ant design pro (一) 环境搭建篇
1. 安装nodejsNodeJs下载链接, 选择自己所在平台的安装包安装成功确认是打开终端 node -v 会显示版本信息2. 安装cnpmnpm install cnpm -g安装cnpm是因为npm相关软件镜像源比较慢,如果自己有其他更好的方案可以用自己, 否则用cnpm避免很多麻烦;3. 生成ant design pro源码到自己的项目路径下, 执行下面的指令会生成myapp的代码目录cnpm create-umi myapp[Ant Design Pro 官方指导](https原创 2021-09-21 00:18:50 · 2252 阅读 · 0 评论