一、安裝webstorm + noje.js(全域性安裝)
詳細安裝這裡略過
成功！三、建立react專案antd-demo1
繼續在cmd命令視窗輸入：
如上圖，則建立成功！
四、引入ant design元件庫
cmd命令進入專案根目錄：
yarn add antd
如圖引入成功！
五、開啟webstorm，匯入antd-demo1專案
六、專案啟動
開啟cmd，進入專案位置，輸入：
npm start
網頁自動開啟，如圖：
專案基本構建完成！
七、建立自己的頁面
1. 在src目錄下建立乙個home資料夾用來存放自己的**
2. 在myindex.js頁面新增如下**：
import react, from 'react';
import from 'antd';
import 'antd/dist/antd.css';
import logo from '../logo.svg';
import './mycss.css'
const = layout;
//自定義元件siderdemo
class siderdemo extends component ;
toggle = () => );
}render()
}//輸出元件
export default siderdemo;
3. 在mycss頁面新增
body
@import "./home/mycss.css";/*引入自己寫的css樣式**/
5. 修改src\index.js內容
import react from 'react';
import reactdom from 'react-dom';
import './index.css';//引入樣式
import siderdemo from './home/myindex';//引入自己寫的元件(class)
import registerserviceworker from './registerserviceworker';
reactdom.render(, document.getelementbyid('root'));
registerserviceworker();
//registerserviceworker就是為react專案註冊了乙個service worker，
// 用來做資源的快取，這樣你下次訪問時，就可以更快的獲取資
八、執行效果
此時如果cmd命令視窗未關閉，網頁會自動重新整理，如果關閉視窗，請按上述步驟5重新啟動專案
Ant Design UI元件之Select踩坑
前言 1.在使用ant design ui元件時總會遇到一些奇奇怪怪的問題，在本篇中將總結在使用select時幾種常見的問題 遇到的問題 在初始化select值,如何根據value顯示對應文字 實現 如下 this props.form.setfieldsvalue 商品 option select...
基於PythonPoc框架
因疫情在忙其他事情也很久沒上，無意看到乙個較為完善的poc框架及原理這裡分享大家共同學習討論。usr bin env python coding utf 8 import requests class misiinfo object def init self,request none respon...
基於框架的 專案目錄框架 搭建
比如基於tp這種框架的專案，需要如何搭建 架子呢。建議首先乙個基本的 基類common。如果有其他 需求 可以參考api 設定介面類 用於規範實現。然後對 各個不同使用者端 或者 型別 設定base 類。如下 basehomeaction.class.php basememberaction.cla...