antd pro新增新頁面和新功能

2021-09-13 17:56:14 字數 822 閱讀 8335

ant-design-pro新增頁面和功能

以下是詳細步驟:

找到 /src/common/menu.js中進行配置選單,可以參照 自帶的選單進行配置

在/src/routes/ 這個資料夾下新建乙個資料夾,用來存放新的頁面,並且最好資料夾的命名需要和menu.js中的path相對應,然後新建乙個js檔案作為頁面

在/src/common/router.js 的 routerconfig中配置路由。其中第二個引數是該頁面對應的model,即資料儲存的地方,第三個引數則是乙個函式,返回對應的頁面

'/frontuser/list':,

到這裡就可以看到效果了,但是需要有資料操作。於是在 /src/models/ 這個資料夾下新建乙個 frontuser.js檔案,作為這個頁面的model,用來定義該頁面需要用到的資料,以及一些函式。

在model中存在 namespace(命名空間,用來區分不同的頁面之間的資料),state(該命名空間下的資料),effects(一些非同步請求的api方法定義在這裡),reducers(用來修改state的一些函式定義在reducers下)

在model中不直接書寫發起請求的**,而是將請求統一放在 /src/services/下,新建乙個js檔案,儲存各種請求的函式,將這些函式暴露出去,在model中引用。

到這裡乙個新頁面和功能也就基本實現了。

總結:

整體的乙個執行流程如下:

具體文件可看:

我的文章都會在gitbook上找到,覺得不錯的的可以看一下。順便給個star,哈哈!

前端跳轉頁面和重新整理頁面

我們知道,採用前後端分離架構模式,後端和前端之間完全分離和獨立,僅通過 ajax 進行前後端的資料互動。這樣,後端只負責響應前端的 ajax 請求,並把模型資料傳送給前端即可,前端收到模型資料後主要負責頁面顯示和選擇頁面跳轉。window.location.href url位址 window.ope...

使用WordPress新增新頁面功能使用頁面模板

為wordpress做模板的時候我們經常可能遇到這樣的問題,每個頁面用的模板不一樣,比ilovpukxd如,這個頁面有側邊,那個頁面沒側邊,這個頁面用這個導航,那個頁面用那個導航,所以就出現了下面的問題了。能讓每個頁面有不同的設計嗎?答案是肯定的,恩,如果你使用不同的頁面模板,你當然可以使得每個頁面...

selenium關閉和切換新頁面

這種情況可以直接用close函式關閉當前標籤頁。當前頁面並不是目前顯示出來的頁面,可以理解為當前所指向的頁面。切換頁面必須由指令碼完成。driver.close 開啟新頁面後,關閉新頁面。可以先切換到新頁面,再用close函式。對於視窗切換不理解的同學可以這樣理解 控制代碼理解為指標,獲取a控制代碼...