基於vue-cli + element-ui + mock.js搭建的博客平臺(免費下載)

寫在前面

該系統原本是知識共享平臺,使用的是前後端分離的架構模式。後臺基於Spring、SpringMVC、MyBatis當下主流框架編寫,前端使用VUE.js框架,Element框架,頁面簡潔大方,它與知識共享平臺後臺管理系統(後臺系統的前端代碼已經上傳github)配套使用,兩者使用同一數據庫,知識共享平臺以及知識共享平臺後臺管理系統都已申請軟件著作權。這裏我將該平臺的前端部分抽取出來作爲博客系統分享,使用了Mock.js來模擬後臺數據。僅供學習參考,切勿用於商業目的。

在線預覽在線效果 

項目下載項目下載 

歡迎來我的個人網站查看更多資源TanJia

主要功能

本系統分爲未登錄的用戶與已登錄的用戶兩種用戶,未登錄的用戶即遊客可以瀏覽文章、查看文章的相關評論、搜索文章等功能,登錄的用戶不僅可以進行以上操作,還可以發表文章、編輯刪除文章、發表評論、刪除回覆評論、編輯個人信息等。

項目啓動

進入項目的根目錄,輸入以下命令,即可啓動

cnpm install
cnpm start

或者

npm install
npm start

啓動成功後打開 http://localhost:8080 即可訪問,隨意輸入用戶名與密碼即可登錄。

展示效果

在項目開發過程中使用JAVA做後臺 ,前後端完全分離,這裏我將完整項目的效果圖(原系統名稱爲:知識共享平臺)展示

這裏不一一展示效果,大家自行打開在線預覽即可查看

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章