react專案執行流程(上 頁面)

2022-09-14 23:36:19 字數 1987 閱讀 2086

操作

# 進入模板專案:

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...