vue2全家桶+koa2+mongodb搭建一個簡單僞全棧博客

原本不想推的,看到github上有個項目很簡單,都有300 star,推推看咯。
雖然這個項目很簡單,可是還蠻有趣,用來入門vue2和nodejs以及mongodb再好不過了。前端

等這幾天把公司手頭的事情忙完,再把vuex的部分強化下。vue

基於vue2/vuex/vue-router/koa2/mongodb搭建的簡易僞全棧博客(依賴vue-cli腳手架)
首頁.png
博客.pngnode

目錄.png

歸檔.png

標籤.png

文章詳情.png

A simple fullstack blogios

FrontEnd Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

BackEnd Build Setup

# open mongodb port 27017
mongod

# build data model in mongodb
node ./server/db-data.js

# get and splice complete data to frontend
node ./server/koa-midware.js

博客技術棧

  • 前端git

    • element-ui
    • vuex
    • vue-router
    • axios
  • 中間件github

    • koa
  • 後端vue-router

    • mongodb

已完成列表

  • 粒子動畫
  • 目錄下鑽
  • 文章歸檔
  • 標籤統計
  • markdown解析

未完成列表

  • UI界面優化
  • 路由過渡功能
  • vuex管理優化
  • md信息動態存儲
  • 文章詳情支持圖片
  • 評論功能
  • 評論管理
  • 分享功能
  • 瀏覽統計

項目地址:https://github.com/FrankKai/s...
歡迎你們加入我建立的SegmentFault技術圈:ES新規範語法糖
大前端學習交流羣:660634678mongodb

期待和你們交流,共同進步!
努力成爲優秀的大前端!vuex

相關文章
相關標籤/搜索