鍍金池/ 問答/HTML/ ant design pro的代碼流程要怎樣理解???

ant design pro的代碼流程要怎樣理解???

想要在ant design pro的基礎(chǔ)上開發(fā)一個admin項目,但是整個工程的流程很代碼細(xì)節(jié)的邏輯根本看不懂啊,
有一點點react和react-router基礎(chǔ),但是感覺這個項目又是另外一個東西了,很懵啊。
請問還需要加強學(xué)習(xí)哪些東西才行?。壳笾更c

回答
編輯回答
九年囚

指點不敢說,因為最近在弄個東西,所以antd pro的碼我也算看了大部分了。

它里面用到了阿里自己封裝的一個庫dva,這個庫我沒有用過,它大概的作用是幫我們把react-router封裝了,結(jié)合了它自己的redux,因為我不太喜歡,所以其實你用react-routerredux是能實現(xiàn)它相同的效果的。

大概給你屢一下流程 入口文件index.js,里面創(chuàng)建了dva的實例,掛在了redux類的狀態(tài)管理,在dva中取名為model的概念,以權(quán)限機制動態(tài)渲染路由。

目錄結(jié)構(gòu)在來屢一下,其他都不管,看src

  • assets: 你應(yīng)該也看到了,靜態(tài)文件,放了他的logo
  • common: 里面有兩個文件,一個menu.js放主頁面左側(cè)菜單欄,一個router.js用來動態(tài)渲染路由
  • components: 組件,不說了
  • e2e: 測試相關(guān),你估計暫時用不到
  • layouts: 這個比較重點,他主要分為 basiclayoutuserlayout 兩種,前面是需要登錄之后,后面是用戶登錄注冊相關(guān)的布局,路由渲染也是基于布局的
  • models:狀態(tài)存儲相關(guān)
  • routes:這個就是所有的真實展現(xiàn)的目錄
  • services:數(shù)據(jù)請求相關(guān)的
  • utils: 一些工具函數(shù),包括權(quán)限驗證,持久化存儲之類的。
  • index.ejs:服務(wù)端渲染
  • index.js: 入口文件
  • index.less: 根樣式
  • rollbar.js: 一個外部插件
  • router.js: 這個比較重要,路由的配置,和渲染主要是這個
  • theme.js: 主題?

這個算我比較長的答案了,要看明白這些,掌不掌握dva不是重點,你的react-routerredux還有react自身只要基礎(chǔ)夠,看懂只是時間問題,多看幾遍,從入口入手慢慢屢流程應(yīng)該不是什么大問題,希望對你有所幫助。

2018年9月2日 13:27
編輯回答
薄荷綠

這個要看懂它每個文件怎么個道理 一般人好像都看不懂

2017年8月1日 18:33