開發 3 5 新增頁面

2021-10-07 13:30:39 字數 996 閱讀 8594

這裡的『頁面』指配置了路由,能夠通過鏈結直接訪問的模組,要新建乙個頁面,通常只需要在腳手架的基礎上進行簡單的配置。

需要新建 landing page 請檢視

在 src/pages 下建立新的 js、less 檔案。 如果有多個相關頁面,您可以建立乙個新資料夾來放置相關檔案。

config

src models

pages

+ newpage.js

+ newpage.less

......package.json

為了更好的演示,我們初始化newpage.js的內容如下:

export default () => ;
暫時不向本文件中的樣式檔案新增內容,您也可以嘗試自己新增內容。

樣式檔案預設使用css modules,如果需要,可以匯入antd less 變數 在檔案的頭部:

@import '~antd/lib/style/themes/default.less';
這樣可以輕鬆獲取 antd 樣式變數並在檔案中使用它們,這可以保持保持頁面的一致性,並有助於實現自定義主題。

加入選單和路由的方式請參照路由和選單 - 新增路由/選單中的介紹完成。加好後,訪問http://localhost:8000/#/new就可以看到新增的頁面了。

布局及路由都配置好之後,回到之前新建的newpage.js,可以開始寫業務**了!如果需要用到 dva 中的資料流,還需要在src/modelssrc/services中建立相應的 model 和 service,具體可以參考腳手架內建頁面的寫法。

SourceInsight3 5新增庫函式支援

source insight 3.5想要新增庫函式支援,需要做如下的步驟 以vc2008為例 preferences symbols lookups add project to path.選擇 c program files x86 microsoft visual studio 9.0 vc i...

Fragment動態新增頁面

一.首先將fragment準備好 包含兩部分,一部分是布局檔案,一部分是類 1.布局檔案 普通的布局檔案就行 2.類 在類中引入布局檔案 package com.example.administrator.fragment import android.os.bundle import androi...

Thymeleaf新增頁面模板

在頁面編輯中,有一些公共的頁面部分 比如header,footer等 可以抽取出來放到模板中,其他頁面使用的時候可以調取該模板,這樣的好處是如果修改這些公共部分,只修改模板中的 即可。為了做到這一點,thymeleaf需要我們定義包含可用的片段,我們可以通過使用 例如 1.建立乙個template....