vue2全家桶+koa2+mongodb搭建一个简单伪全栈博客

本来不想推的,看到github上有个项目很简单,都有300 star,推推看咯。
虽然这个项目很简单,但是还蛮有趣,用来入门vue2和nodejs以及mongodb再好不过了。

等这几天把公司手头的事情忙完,再把vuex的部分强化下。

基于vue2/vuex/vue-router/koa2/mongodb搭建的简易伪全栈博客(依赖vue-cli脚手架)
《vue2全家桶+koa2+mongodb搭建一个简单伪全栈博客》
《vue2全家桶+koa2+mongodb搭建一个简单伪全栈博客》

《vue2全家桶+koa2+mongodb搭建一个简单伪全栈博客》

《vue2全家桶+koa2+mongodb搭建一个简单伪全栈博客》

《vue2全家桶+koa2+mongodb搭建一个简单伪全栈博客》

《vue2全家桶+koa2+mongodb搭建一个简单伪全栈博客》

A simple fullstack blog

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

博客技术栈

  • 前端

    • element-ui
    • vuex
    • vue-router
    • axios
  • 中间件

    • koa
  • 后端

    • mongodb

已完成列表

  • 粒子动画
  • 目录下钻
  • 文章归档
  • 标签统计
  • markdown解析

未完成列表

  • UI界面优化
  • 路由过渡功能
  • vuex管理优化
  • md信息动态存储
  • 文章详情支持图片
  • 评论功能
  • 评论管理
  • 分享功能
  • 浏览统计

项目地址:https://github.com/FrankKai/s…
欢迎大家加入我创建的SegmentFault技术圈:ES新规范语法糖
大前端学习交流群:660634678

期待和大家交流,共同进步!
努力成为优秀的大前端!

    原文作者:趁你还年轻
    原文地址: https://segmentfault.com/a/1190000011762137
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞