Antd開發後台管理筆記一

安裝antdyarn add antd axios設定antd 按需載入，需要安裝依賴庫：yarn add babel-plugin-import安裝狀態管理工具redux和除錯工具：yarn add redux react-redux redux-thunk除錯工具安裝比較麻煩文件在github的 直接安裝yarn add redux-devtools

安裝路由管理 route ：yarn add route react-router react-router-dom

安裝乙個支援@裝飾器的依賴：yarn add babel-plugin-transform-decorators-legacy --dev設定package.json實現antd按需載入和@符合的支援

第一:建立store如果在使用@connect()時遇到cannot read property 'state' of undefined，請去檢查你的外掛程式是不是最新的2.15.2及以上才可以redux devtools 2.15.3import thunk from "redux-thunk";

import reducers from "./reducer";

const store = createstore(reducers,compose(

window.devtool***tension ? window.devtool***tension() : f=> f))

第二：使用@符號連線connect最上面已經有安裝說明了。下面演示怎麼用。

import  from 'react-redux

@connect(
// 你需要state 的什麼屬性
state=>,
// 你需要的什麼方法放到props裡面
基於antd的react開發（後台管理系統）
一.js 控制跳轉頁面 可用 linkto this.props.match.history.push url state redirectto 路由元件 import react,from react import from react router dom class mytest extend...
React開發企業級後台管理系統（筆記一環境配置）
注 如果安裝遇到問題，就在命令列執行清除npm快取的命令npm cache clean f，目前開發版node最低要求8.9以上版本，及時公升級node環境，依次執行以下2個命令npm install g n和n stable即可完成公升級。3，開啟新建立的專案目錄cd projectname 4，...
Django開發 二 後台管理模組
from django.db import models class passageclass models.model classname models.charfield max length 200 def unicode self return self.classname class pa...