Vue+express+mongoDB實現我的博客系統

在剛開始學習前端以後發現好多大佬都喜歡寫博客來記錄本身在學習過程當中遇到的問題,讓咱們這些前端小白和初學者在遇到問題時能夠看這些大佬的解答,在這裏感謝全部在我學習途中幫我解決問題的大佬們。因而乎本身決定也要養成這個良好的習慣,經過寫博客來分享本身所學習到的知識與及學習途中遇到的問題。css

因此就萌動了搭建本身的博客想法,在剛開始的時候結合hexogithub搭建了本身的簡單的博客,地址,可是不是本身一步步搭建起來的,總以爲缺乏了些什麼東西。在開始學習VueNode以後,本身內心就想,爲何不使用VueNode來搭建本身博客呢。這樣一來還達到了鍛鍊本身的目的,與及發現本身的問題。因而乎開始動手搭建了本身的博客:blog.chenr.cn前端

項目地址:前臺展現頁後臺管理界面後臺服務ios

技術組成

前端

  • Vue
  • VueX
  • Vue-cli
  • Vue-router
  • axios

後端

  • Node
  • mongoDB
  • express

工具

  • marked+highlight.js
  • scss
  • 七牛雲
  • 服務器:阿里雲服務器

主要思路是使用前端路由來實現前端頁面的展現,而後再頁面內使用axios發起請求來請求後臺數據,後端作判斷後返回數據,前端拿到數據後保存並渲染到頁面上。git

目錄

  • axios封裝了處理請求後臺數據方法,而後在main.js中導入後綁定到Vue的原型鏈上。
  • components定義了一些公共的組件,便於組件的複用,防止寫大量重複的代碼。
  • plugins主要是用於存放一些插件,好比marked的使用就放在裏面
  • router路由
  • store建立的Vuex數據倉庫
  • utils一些經常使用的方法,好比時間格式化的方法
  • viws頁面文件夾

後臺文件目錄和這個差很少。github

待完成

  1. seo,因爲使用Vue建立的是SPA單頁面應用,因此不利於搜索引擎。後期會使用Nuxt.js
  2. 重構代碼,因爲是第一次單獨完成這樣的項目,代碼不少地方不完善。
  3. 評論系統
相關文章
相關標籤/搜索