react+umi+dva框架

前言

在antd-pro基礎(chǔ)上修改,根據(jù)公司項目內(nèi)容搭建新的框架,用于項目初期快速上手,避免重復(fù)造輪子。

必備技能

react(https://react.docschina.org/
umi--路由配置(https://umijs.org/
dva--數(shù)據(jù)流方案(https://dvajs.com/guide/

環(huán)境安裝

npm:使用npm命令管理node包。在node.js官網(wǎng)(https://nodejs.org/zh-cn/)下載node包并進(jìn)行安裝,命令:node -v 即可查看node版本。
yarn:推薦使用 yarn 管理 npm 依賴,命令:npm i yarn tyarn -g

項目介紹

項目框架

1.config:配置,config->router.fonfig為路由配置文件
2.src:頁面內(nèi)容文件,
src->component:相關(guān)組件
src-layouts:布局文件
src->models:model,并不是對象的相關(guān)屬性定義,而是對象的相關(guān)操作,例如登陸,退出操作
src->pages:模塊界面文件
src->services:接口文件,定義相關(guān)接口
src->utils:工具文件
src->utils->request:網(wǎng)絡(luò)請求封裝
3.defaultSettings.js: 默認(rèn)配置文件,baseUrl便放在這里

相關(guān)操作

1.新建界面
在pages下新建模塊或者在已有模塊下新建頁面
2.給新建頁面添加路由
在config->router.config.js中,已經(jīng)配好了目前的界面路由,包括user和app兩部分,各自擁有自己的layout,如果需要添加新的layout,可以按照樣式自己添加。參數(shù)查看代碼注釋或者umi文檔
3.根據(jù)需求添加model
4.根據(jù)需求添加相關(guān)接口api

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • GitChat技術(shù)雜談 前言 本文較長,為了節(jié)省你的閱讀時間,在文前列寫作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,897評論 7 110
  • 33、JS中的本地存儲 把一些信息存儲在當(dāng)前瀏覽器指定域下的某一個地方(存儲到物理硬盤中)1、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,248評論 0 2
  • 好多人說rn好用,一直要推薦我用,我就不信了,來安裝玩一下試試效果。實踐出真知!安裝過程各種坑,工具太多了,太麻煩...
    AWeiLoveAndroid閱讀 2,453評論 0 12
  • 一無戒365訓(xùn)練營極限挑戰(zhàn)第97篇 愛她就放她走,這是誰編造出來的謊言?為什么聽起來這么殘忍?愛她不是應(yīng)該將她放在...
    流花河閱讀 879評論 1 1
  • 簡書的iOS app界面簡潔,字體可能是專用字體,看起來非常舒服。從形式上看,非常像全是長微博的新浪微博。目前能這...
    大白魚閱讀 202評論 0 0

友情鏈接更多精彩內(nèi)容