全家桶 Ant Design再次開發專案

2021-10-12 18:45:43 字數 1871 閱讀 4897

本文參自開源專案

此 blog-react-admin 專案是基於螞蟻金服開源的 ant design pro之上,用 react 全家桶 + ant design 的進行再次開發的,專案已經開源。

效果預覽

開箱即用的中颱前端 / 設計解決方案。

ant design pro 是基於 ant design 和 umi 的封裝的一整套企業級中後台前端/設計解決方案,致力於在設計規範和基礎元件的基礎上,繼續向上構建,提煉出典型模板/業務元件/配套設計資源,進一步提公升企業級中後台產品設計研發過程中的『使用者』和『設計者』的體驗。

隨著『設計者』的不斷反饋,我們將持續迭代,逐步沉澱和總結出更多設計模式和相應的**實現,闡述中後台產品模板/元件/業務場景的最佳實踐,也十分期待你的參與和共建。

ant design pro 在力求提供開箱即用的開發體驗,為此我們提供完整的腳手架,涉及國際化,許可權,mock,資料流,網路請求等各個方面。

為這些中後台中常見的方案提供了最佳實踐來減少學習和開發成本。

而且也是配有使用文件的,很不錯。

- pages

- account 博主個人中心

- article 文章管理

- category 分類

- dashboard 工作台

- exection 403 404 500 等頁面

- link 鏈結管理

- otheruser 使用者管理

- project 專案

- tag 標籤管理

- timeasix 時間軸

- user 登入註冊管理

開發時,程式出錯後,修改正確後,webpack 有時不會及時查覺到內容已經更改,從而不能及時編譯,要重新執行命令打包。

# install dependencies

npm install

# serve with hot reload at localhost: 3000

npm start

# build for production with minification

npm run build

如果要看完整的效果,是要和後台專案blog-node一起執行才行的,不然介面請求會失敗。

管理後台登入是用郵箱加密碼進行登入

管理後台的登入賬號並不是 admin/user ,也不是搭建 mongodb 資料庫時建立的 user 使用者,這裡的賬號和密碼要自己建立,至於怎樣建立呢?

如果是本地的可以像這樣子建立,如果是伺服器上的,請把 url 修改一下,

許可權註冊了管理員賬號,並用管理員賬號登入,還不能正常登入管理後台的,會被重定向加登入頁面。因為許可權管理的限制,要把自己註冊的管理員賬號的 名字 加在 config/router.config.js 的 authority 裡面。

登入登入部落格管理後台是用 郵箱 加 密碼 登入。

我目前是在職前端開發,如果你現在也想學習前端開發技術,在入門學習前端的過程當中有遇見任何關於學習方法,學習路線,學習效率等方面的問題,你都可以申**入我所在的前端學習交流裙:前面:421374697。裡面聚集了一些正在自學前端的初學者,轉行者,初階者,文章中的專案原始碼,需要的話都可以找裙豬獲取。

集合全家桶

介面提供了整個集合框架最通用的增刪改查以及集合自身操作的抽象方法,讓子類去實現 set 介面決定了它的子類都是無序 無重複元素的集合,其主要實現有hashset treeset linkedhashset。hashset 底層採用 hashmap 實現,而 treeset 底層使用 treemap ...

React全家桶專案

利用業餘時間,做了個react專案,算是成品吧,比較簡單,還有很多瑕疵。目錄結構相當簡單。沒有資料庫,你們執行不起來。想執行起來的話,把express呼叫資料庫的部分全刪掉,寫死資料。這個整合了react全家桶,可以直接執行,也可以直接在生產環境使用。最好用谷歌遊覽器進行體驗,其他遊覽器沒測。封裝了...

VUE複習全家桶

vue基礎考察 一 computed 和 watch vue中watch的簡單應用 二 class和style vue常用方法以及面試問題 三 v if 和 v show vue常用方法以及面試問題 四 父子元件通訊 非父子元件通訊 vue2.0父子元件以及非父子元件如何通訊 五 單個元件生命週期,...