前言
此 blog-react-admin 項目是基于螞蟻金服開源的 ant design pro之上,用 react 全家桶 + Ant Design 的進行再次開發的,項目已經開源。
效果預覽
開箱即用的中台前端 / 設計解決方案。
Ant Design Pro 是基于 Ant Design 和 umi 的封裝的一整套企業級中背景前端/設計解決方案,緻力于在設計規範和基礎元件的基礎上,繼續向上建構,提煉出典型模闆/業務元件/配套設計資源,進一步提升企業級中背景産品設計研發過程中的『使用者』和『設計者』的體驗。
随着『設計者』的不斷回報,我們将持續疊代,逐漸沉澱和總結出更多設計模式和相應的代碼實作,闡述中背景産品模闆/元件/業務場景的最佳實踐,也十分期待你的參與和共建。
Ant Design Pro 在力求提供開箱即用的開發體驗,為此我們提供完整的腳手架,涉及國際化,權限,mock,資料流,網絡請求等各個方面。
為這些中背景中常見的方案提供了最佳實踐來減少學習和開發成本。
而且也是配有使用文檔的,很不錯。
注意點
文章是分類型的:文章類型 => 1: 普通文章,2: 履歷,3: 管理者介紹;而且履歷和管理者介紹的文章隻能是各自一篇(因為前台展示那裡有個導航 關于我 ,就是請求管理者介紹這篇文章的,履歷也是打算這樣子用的),普通文章可以是無數篇。
點贊的使用者 like_users 那裡應該隻儲存使用者 id 的,這個後面修改一下。
評論功能是實作了簡單的三級評論的,第三者的評論(就是别人對一級評論進行再評論)放在 other_comments 裡面。
評論是有狀态的:狀态 => 0 待稽核 / 1 通過正常 / -1 已删除 / -2 垃圾評論。
管理一級和三級評論是設定前台能不能展示的,預設是展示,如果管理者看了,是條垃圾評論就 設定為 -1 或者 -2 ,進行隐藏,前台就不會展現了。
已實作功能
- 登入
- 文章管理
- 标簽管理
- 留言管理
- 使用者管理
- 友情連結管理
- 時間軸管理
- 富文本編輯器(支援 MarkDown 文法)
- 項目展示
- 評論管理
待實作功能
- 個人中心(用來設定部落客的各種資訊)
- 工作台( 接入百度統計接口,檢視網站浏覽量和使用者通路等資料 )
主要項目結構
- pages
- Account 部落客個人中心
- article 文章管理
- Category 分類
- Dashboard 工作台
- Exection 403 404 500 等頁面
- Link 連結管理
- Message 留言管理
- OtherUser 使用者管理
- Project 項目
- Tag 标簽管理
- TimeAsix 時間軸
- User 登入注冊管理
文章管理、使用者管理、留言等 具體業務需求,都是些常用的邏輯可以實作的
缺點
開發時,程式出錯後,修改正确後,webpack 有時不會及時查覺到内容已經更改,進而不能及時編譯,要重新運作指令打包。
筆者的文章裡面的圖檔都是上傳到簡書上的,建立文章時,隻是寫個圖檔連結而已,你們也可以上傳到簡書或者七牛雲,或者其他第三方。
Build Setup ( 建構安裝 )
# 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 使用者,這裡的賬号和密碼要自己建立,至于怎樣建立呢?
用 postman 調接口注冊
如果是本地的可以像這樣子建立,如果是伺服器上的,請把 url 修改一下,
權限
注冊了管理者賬号,并用管理者賬号登入,還不能正常登入管理背景的,會被重定向加登入頁面。因為權限管理的限制,要把自己注冊的管理者賬号的 名字 加在 config/router.config.js 的 authority 裡面。
登入
登入部落格管理背景是用 郵箱 加 密碼 登入。
我目前是在職前端開發,如果你現在也想學習前端開發技術,在入門學習前端的過程當中有遇見任何關于學習方法,學習路線,學習效率等方面的問題,你都可以申請加入我所在的前端學習交流社群,裡面聚集了一些正在自學前端的初學者,轉行者,初階者,文章中的項目源碼,需要的話都可以點選這裡找裙豬擷取。
最後
分享一套我整理的面試幹貨,這份文檔結合了我多年的面試官經驗,站在面試官的角度來告訴你,面試官提的那些問題他最想聽到你給他的回答是什麼,分享出來幫助那些對前途感到迷茫的朋友。
面試經驗技巧篇
- 經驗技巧1 如何巧妙地回答面試官的問題
- 經驗技巧2 如何回答技術性的問題
- 經驗技巧3 如何回答非技術性問題
- 經驗技巧4 如何回答快速估算類問題
- 經驗技巧5 如何回答算法設計問題
- 經驗技巧6 如何回答系統設計題
- 經驗技巧7 如何解決求職中的時間沖突問題
- 經驗技巧8 如果面試問題曾經遇見過,是否要告知面試官
- 經驗技巧9 在被企業拒絕後是否可以再申請
- 經驗技巧10 如何應對自己不會回答的問題
- 經驗技巧11 如何應對面試官的“激将法”語言
- 經驗技巧12 如何處理與面試官持不同觀點這個問題
- 經驗技巧13 什麼是職場暗語
面試真題篇
- 真題詳解1 某知名網際網路下載下傳服務提供商軟體工程師筆試題
- 真題詳解2 某知名社交平台軟體工程師筆試題
- 真題詳解3 某知名安全軟體服務提供商軟體工程師筆試題
- 真題詳解4 某知名網際網路金融企業軟體工程師筆試題
- 真題詳解5 某知名搜尋引擎提供商軟體工程師筆試題
- 真題詳解6 某初創公司軟體工程師筆試題
- 真題詳解7 某知名遊戲軟體開發公司軟體工程師筆試題
- 真題詳解8 某知名電子商務公司軟體工程師筆試題
- 真題詳解9 某頂級生活消費類網站軟體工程師筆試題
- 真題詳解10 某知名門戶網站軟體工程師筆試題
- 真題詳解11 某知名網際網路金融企業軟體工程師筆試題
- 真題詳解12 國内某知名網絡裝置提供商軟體工程師筆試題
- 真題詳解13 國内某頂級手機制造商軟體工程師筆試題
- 真題詳解14 某頂級大資料綜合服務提供商軟體工程師筆試題
- 真題詳解15 某著名社交類上市公司軟體工程師筆試題
- 真題詳解16 某知名網際網路公司軟體工程師筆試題
- 真題詳解17 某知名網絡安全公司校園招聘技術類筆試題
- 真題詳解18 某知名網際網路遊戲公司校園招聘運維開發崗筆試題
需要這份文檔的朋友可以點選藍色傳送門即可免費擷取!
面試技巧整理
[外鍊圖檔轉存中…(img-TULWozqz-1627015980365)]
需要這份文檔的朋友可以點選藍色傳送門即可免費擷取!
面試技巧整理
整理不易,點個關注再走吧