操作
# 進入模板專案:
cd react-admin_client
# 執行專案:
拓展:
# 打包發布:
npm run build
# 安裝測試伺服器
npm install -g serve
# 執行打包好的build資料夾
# 1. 在github中建立遠端倉庫,倉庫名為reactadmin
#【注意:重新註冊了乙個github賬號,導致後續push請求出現問題,解決辦法,找到鑰匙串,刪除記錄(加入團隊前執行push操作)】
#【注意:千萬不要對生成的.git檔案刪除或進行修改】
# 2.將本地**生成本地倉庫
git init
git add .
git push
#...git相關命令操作
# 建立分支,切換分支,解決衝突
# 3.將遠端倉庫轉殖到本地
git clone
# 檢視分支
git branch
# 注意:此時將遠端的dev分支也轉殖到本地,根據遠端dev分支生成本地dev分支並切換,瞬間搞定,不需要發請求
git checkout -b dev origin/dev
# 拉取遠端dev分支的內容
git pull origin dev
--- src
--- api # ajax相關
--- assets # 公共資源
--- components # 非路由元件
--- config # 配置
--- pages # 路由元件
--- utils # 工具模組
index.js # js入口檔案
# 2.實現樣式的按需引入和主題自定義設定
#【注意:獲取form表單內容時,不同的版本獲取方法不同,當前專案使用新版本獲取form表單內容】
#【使用npm eject暴露依賴檔案,此時多了兩個資料夾(config和scripts),但是不推薦這種方法修改檔案】
#【注意:有些icon需要從@ant-design/icons 圖示元件包獲取,因為新版進行了』拆包『】
# 例如:import from '@ant-design/icons';
# 1.自定義驗證:不一定好用,但是代表一種能力
} type="password"
placeholder="password"
/>
# 2.宣告式驗證:直接使用別人定義好的驗證規則進行驗證
} placeholder="username" />
頁面跳**
history.push()
history.replace()
react專案執行流程(下 傳送資料)
封裝axios,定義ajax請求模組函式 1.安裝axios npm install axios 訪問資料庫時遇到問題 一定注意檢視哪個是資料庫的主節點 腳手架配置 解決ajax跨域的方法 注意 修改package.json檔案,並重新啟動腳手架,注意不是伺服器 then function 統一暴露...
react專案搭建流程
1.首先需要node環境,有node環境才能npm 2.安裝node後可以到命令提示符面板檢視node的版本 node v npm v有版本代表安裝成功了 3.啟動終端開始安裝react全域性腳手架 npm4.選擇乙個資料夾或者新建資料夾,要放react專案 cd到要放react專案的資料夾 cd ...
react專案實現頁面跳轉
1.使用button元件 首先引用 import from antd 然後在button元件裡面寫onclick,在render外面寫方法內容 class extends component render div zhe style div 123 p 跳轉頁面 button export2.使用l...