001-pro ant design 升级2.0后变更

一、更新点

1、目录调整

2、本地代理服务器调整

roadhog→umi

配置方式

在这个config/config.js配置

"proxy": { "/api": { "target": "http://jsonplaceholder.typicode.com/", "changeOrigin": true, "pathRewrite": { "^/api" : "" } } }

在config/config.js文件中,最上面提示: https://umijs.org/config/ 查看这里的配置应该都可以配置到这里

3、路由菜单方式

4、routes变为pages

5、pages中含有models

二、新建页面

1、在/config/router.config.js文件中添加

      {path: '/newpage',name: 'newpage',icon: 'dashboard',routes: [{path: '/newpage/page1',name: 'page1',component: './Newpage/Page1',},],},

2、添加实际页面

在src的pages下增加Newpage,并且在Newpage中添加

import React, {Component} from 'react';
import {connect} from 'dva';
import {formatMessage, FormattedMessage} from 'umi/locale';
import {Row,Col,Icon,Card,Tabs,Table,Radio,DatePicker,Tooltip,Menu,Dropdown,
} from 'antd';
import {ChartCard,MiniArea,MiniBar,MiniProgress,Field,Bar,Pie,TimelineChart,
} from '@/components/Charts';
import Trend from '@/components/Trend';
import NumberInfo from '@/components/NumberInfo';
import numeral from 'numeral';
import GridContent from '@/components/PageHeaderWrapper/GridContent';
import Yuan from '@/utils/Yuan';
import {getTimeDistance} from '@/utils/utils';@connect(({page1, loading}) => ({page1,loading: loading.effects['page1/fetch'],
}))
class Page1 extends Component {componentDidMount() {const {dispatch} = this.props;dispatch({type: 'page1/fetch',});}render() {const {page1} = this.props;console.log(page1)alert(page1);return (<GridContent><Row gutter={24}><Col>test</Col></Row></GridContent>
    );}
}export default Page1;

3、添加国际化

在/src/locales下的两个文件中添加对应的Key

  'menu.newpage': '心页面','menu.newpage.page1': '页面1',

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/277355.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux cp 时 略过文件,CentOS下执行cp命令式提示略过文件夹

今天在CentOS下复制一个文件夹到另一个文件夹的时候cp ./res /usr 的时候出现了问题&#xff0c;提示我的是&#xff1a;cp略过了文件夹后来我找了一下在网上search了一下CP命令的用法&#xff1a;CP命令该命令的功能是将给出的文件或目录拷贝到另一文件或目录中&#xff0c;同…

属性页中的ON_UPDATE_COMMAND_UI

我前面翻译了一篇文章简单的谈了一下在对话框处理ON_UPDATE_COMMAND_UI 消息。又在www.codeguru.com上看到在属性页中处理ON_UPDATE_COMMAND_UI 消息的方法和在对话框中稍有不同。两者的处理大体上一样。只是在属性页中还需要一个步骤。需要从CPropertySheet派生类&#xff0c;…

linux基础命令rpm,rpm常用命令集合1

提要&#xff1a;RPM 是 Red Hat Package Manager 的缩写&#xff0c;原意是Red Hat 软件包管理&#xff1b;本文介绍RPM&#xff0c;并结合实例来解说RPM手工安装、查询等应用&#xff1b;正文&#xff1a;RPM包管理的用途&#xff1b;1、可以安装、删除、升级和管理软件&…

hibernate详解

Hibernate原理与应用 主要内容 1、引入 2、安装配置 3、基本概念和CURD 4、HQL和Criteria 5、关联映射 6、继承映射 7、集合映射 8、懒加载 9、缓存 10、事务 11、其他 12、Hibernate不适合的场景 13、与JPA的集成(annotation方式) 14、最佳实践 1、引入 模型不匹配(阻抗不匹配…

Csharp+Asp.net系列教程(四)

迈克老猫 来自&#xff1a;老猫的理想 本教程参考C#和ASP.NET程序设计教程撰写&#xff0c;有什么不足之处请大家指出&#xff0c;或在老猫的理想BLOG留言。 这次简述一下操作符 1.算术操作符 算术操作符包括加()、减(-)、乘(*)、除(/)和求余(%)。加减操作符…

linux 脚本 写更新,用Shell写的游戏客户端更新脚本

#!/bin/sh########################################### 客户端版本更新系统########################################### CLIENT_INIT_VERSION 客户端新版本&#xff0c;默认是0# CLIENT_OLD_VERSION 客户端旧版本(存放在VERSION_FILE指定的文件中)&#xff0c;当没有时取CL…

Android Studio 环境搭建参考,jdk10javac命令提示不是内部或外部命令

https://blog.csdn.net/qq_33658730/article/details/78547789 win10下Android Studio和SDK下载、安装和环境变量配置 http://yanmin99.com/ android-0基础从入门到精通 环境变量ANDROID_HOMEE:\Program Files (x86)\Android\SdkJAVA_HOMEE:\Program Files\Java\jdk1.8.0_161TO…

报表引擎 - 数据模型

介绍 本文档是报表模型的数据模型部分&#xff0c;说明平台报表中涉及的报表数据相关 术语 名称 说明 数据源 数据源是与数据存储的连接。支持数据源适配 数据集 定义报表数据来源的一个二维表 参数 报表往往有参数&#xff0c;例如&#xff0c;日报表&#xff0c;当…

linux 删旧内核,Ubuntu 删除旧内核的方法

使用Ubuntu时如果系统里安装了很多内核&#xff0c;会造成多于的启动列表。想删掉一些不用的内核方法如下方法一&#xff1a;首先就是使用如下命令&#xff0c;列出所有安装的内核&#xff0c;下表中&#xff0c;带有p_w_picpath的就是内核文件。从中选择要卸载的包&#xff0c…

L2-014 列车调度(队列模拟:set)

题意&#xff1a; 两端分别是一条入口&#xff08;Entrance&#xff09;轨道和一条出口&#xff08;Exit&#xff09;轨道&#xff0c;它们之间有N条平行的轨道。每趟列车从入口可以选择任意一条轨道进入&#xff0c;最后从出口离开。在图中有9趟列车&#xff0c;在入口处按照{…

新架设了一个CVS服务器 --by yp

cvs是个代码管理的好东东&#xff0c;全称并发版本控制。不知道的上网查一下资料。 我下载了相关的部分资料和软件&#xff0c;包括架设服务器的软件和使用服务的客户端软件&#xff0c;都是windows平台下可用的&#xff0c; 其他平台下的我都没下载&#xff0c;因为不会用。在…

@hdu - 6372@ sacul

目录 descriptionsolutionaccepted codedetailsdescription 定义矩阵 \(A_i\) 是一个大小为 \(p^i*p^i\) 的矩阵&#xff0c;其中 \(p\) 是第 \(c\) 个素数&#xff08;c 给定&#xff09;&#xff0c;且 \(A_i[x][y] [C(x, y) \mod p > 0]\)&#xff08;其中 C(x, y) 是组…

实验室里人越来越少啊!

研二下半学期了。研三的师哥师姐们都忙着找工作&#xff0c;有的已经去工作了。只是偶而来实验室转转。研一的师弟师妹&#xff0c;现在还都有课&#xff0c;实验室也没他们的机器&#xff0c;所以几乎不来实验室。我们研二的有四个人&#xff0c;两个北京的。其中一个在外面打…

在一台机器上搭建多个redis实例

默认Redis程序安装在/usr/local/redis目录下&#xff1b; 配置文件&#xff1a;/usr/local/redis/redis.conf&#xff0c;该配置文件中配置的端口为默认端口&#xff1a;6379&#xff1b; Redis的启动命令路径&#xff1a;/usr/local/bin/redis-server。 可以指定端口启动多个R…

2年前 影子

1. 请问您知道 xxxx吗 ? 麻烦了您? 2. 您在公司待了多长时间了&#xff1f; 3. 您觉得公司怎么样&#xff1f; 。。。。。。 待续&#xff01; 转载于:https://www.cnblogs.com/nucdy/p/11151470.html

linux是只读添加 来覆盖,Linux之指令 重定向 文件覆盖和文件追加

CXF支持 SOAP1&period;1 SOAP1&period;2协议SOAP协议分为两个版本 1.1 1.2 默认支持1.1 实现方式: 1.编写接口 import javax.jws.WebService; WebService public inte ...USACO Section 2&period;4&colon; Bessie Come Home因为题目给了边的信息,所以比较…

分层架构web容器的配置安全

转自&#xff1a;http://hi.baidu.com/shineo__o/item/7520d54c24d234c71081da82 /ps:本以为这是一个偶然配置失误造成的问题&#xff0c;但最近几天无聊时测试发现&#xff0c;有此类似问题的站点就有上百个&#xff0c;所以在这里粗糙总结一下&#xff01; 通常我们会碰到这样…

Jenkins-Gitlab配置方法

1&#xff09;本机首先安装好git软件2&#xff09;然后安装gitlab插件,在可选插件中查找gitlab,点击直接安装3&#xff09;然后进入系统管理-系统设置 首先进入Gitlab中复制需要的 token 值在 Profile Settings - Account把复制的值&#xff0c;复制到新增页面中转载于:https:…

高速缓冲存储器的功能、结构与工作原理

2.3 高速缓冲存储器&#xff08;Cache&#xff09; 2.3.1 高速缓冲存储器的功能、结构与工作原理   高速缓冲存储器是存在于主存与CPU之间的一级存储器&#xff0c; 由静态存储芯片(SRAM)组成&#xff0c;容量比较小但速度比主存高得多&#xff0c; 接近于CPU的速度。 Cache…

洛谷 P1417 烹调方案 (01背包拓展)

一看到这道题就是01背包 但是我注意到价值和当前的时间有关。 没有想太多&#xff0c;直接写&#xff0c;0分 然后发现输入方式不对…… 改了之后只有25分 我知道wa是因为时间会影响价值&#xff0c;但不知道怎么做。 后来看了题解&#xff0c;发现我对01背包理解不够透彻普通0…