001-pro ant design 升級2.0後變更

阿新 • • 發佈：2018-09-04

span pro ble .com change alert info card extend

一、更新點

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‘,

001-pro ant design 升級2.0後變更

span pro ble .com change alert info card extend 一、更新點 1、目錄調整 2、本地代理服務器調整 roadhog→umi 配置方式在這個config/config.js配置 "proxy": { "

001-Spring Cloud Edgware.SR3 升級最新 Finchley.SR1，spring boot 1.5.9.RELEASE 升級2.0.4.RELEASE註意問題點

spring 4.2.0後jdbcTemplate中不用queryForLong了(之系統升級發現)

在spring 3.2.2之後，jdbcTemplate.queryForInt已經被取消了！原來是這樣寫的： Java程式碼 String sql = "SELECT count(*) FROM USERS WHERE username = ?";

Spark升級到2.0後測試stream-kafka測試報java.lang.NoClassDefFoundError: org/apache/spark/Logging錯誤

- 最近從Spark 1.5.2升級到2.0之後，執行測試程式碼spark-stream-kafka報以下錯誤： java.lang.NoClassDefFoundError: org/apache/spark/Logging at java.lang.ClassLo

Ant design 項目打包後報錯："Menu(or Flex) is not defined"

方式查找 item back TP mob -m flex alt 我的項目使用了ant-design 和 ant-design-mobile，在測試環境上沒問題，但是打包發布之後控制臺報錯 Menu is not definedFlex is not defined

pip3升級10.0後cannot import name 'main'

ok，閒話少說，還蠻喜歡自言自語的.... ———————————————————— 一大段扯淡話，著急的同學請看最後兩行。 ———————————————————— 最近下定決心，直接把本裝成了ubuntu 後來遇到一個問題.尷尬了好久 pip3裝一些庫的時

關於tomcat升級9.0後URL訪問報404的解決辦法

目錄 1 前言 3 2 出現問題 3 3 解決辦法及思路 4 4 總結 5 前言在現場環境使用tomat7.0，使用者反饋版本較低，存在一定的安全隱患，故升級到 tomcat 9.0。

springboot 1.5.2升級2.0.4 mongodb中QueryBuilder中DBObject被棄用，改為Document構造及解決方式

今天封裝mongo工具包，發現QueryBuilder中DBObject被棄用，改為Document構造。為什麼，我們稍微分析一下 Document實現Map，與基本的DBObject相比，可編寫的程式碼更少 DBObject雖然不被推薦，那些從2.x驅動程式系列可能繼續使用DB

Ant Design 3.11.0 釋出，企業級 UI 設計語言

3.11.0 版本帶來了兩個新元件，還有很多激動人心的變化和新特性。增加了一個新元件 Comment。#12770 @ilanus 增加了一個新元件 ConfigProvider 為元件提供統一的全域性化配置。#12991 元件修復/功能增強： A

使用springboot 2.0後，靜態資源預設路徑無法訪問

原因在於：META-INF/resources / resources / static / public 都是spring boot 認為靜態資源應該放置的位置，會自動去尋找靜態資源然而，在2.0之後就發生了變化。需要新增如下的配置 @Configurable publi

升級xcode10.0後，編譯原有正常工程遇到的坑

一大早上看到可以升級xcode10，心情美美噠。然而升級完，開始編譯原有正常工程，卻報錯了。提示有重複的檔案。問題1： Multiple commands produce '/Users/wmh/Library/Developer/Xcode/DerivedData

MySQL升級8.0後連線不上資料庫

將MySQL 升級為 8.0 後，無法連線到資料庫，首先報錯資料庫驅動需要修改，其次要禁用 SSL 連線。警告資訊如下： Establishing SSL connection without server's identity verification is not recommen

Ant Design 3.12.0 釋出，企業級 UI 設計語言

Ant Design 3.12.0 已釋出，Ant Design 是阿里開源的一套企業級的 UI 設計語言和 React 實現，使用 TypeScript 構建，提供完整的型別定義檔案，自帶提煉自企業級中後臺產品的互動語言和視覺風格、開箱即用的高質量 React 元件與全

Ant Design表格批量刪除後選中框殘留問題

問題描述：在使用react框架結合Antd來開發專案的時候，用到了table元件，實現表格的批量刪除功能時遇到了一個問題：當我們批量刪除資料後，表格的資料內容更新了，但是每行前面的選中框還是選中的狀態，有殘留，如下： &nb

AndroidStudio升級3.0後報錯，Annotation processors must be explicitly declared now

報錯資訊顯示為butterknife的註解導致的 Error:Execution failed for task ':app:javaPreCompileDebug'. > Annotation

android studio 升級3.0後,遇到的相關異常(6-7個bug)描述和解決辦法!

Error:java.util.concurrent.ExecutionException: java.util.concurrent.ExecutionException: com.android.tools.aapt2.Aapt2Exception: AAPT2 error: check logs fo

【ant】升級Android SDK後ant打包不能使用的問題

以前使用老版本的SDK ant打包是沒有問題的（此處ant本猿沒有用Eclipse自帶的）。但是今天一直沒有成功。 1.根據ant log提示首先找到了build.xml 84行的問題 <!-

spring cloud 升級2.0踩坑

eureka部分首先就是之前的security.basic.enabled， security.user.name, security，user.password的過期改用spring.security.user.name和spring.security.user.passw

Cenos python2.6升級2.7後存在問題

1、Centos升級後，pip時會報如下錯誤： Traceback (most recent call last): File "./pip", line 5, in <module> from pkg_resources import load_e

高德導航升級6.0後應用crash解決

1.問題公司應用有整合高德地圖地位和導航，因為高德開發者平臺給出的建議是用最新包引入方式，預設升級到最新jar包後應用持續發生native crash。由於時間有限就想直接回退到之前的版本，但是高德官網並沒有給出之前版本的引入方法，這樣的話就需要去maven

001-pro ant design 升級2.0後變更

一、更新點

二、新建頁面

相關推薦