码迷,mamicode.com
首页 > Web开发 > 详细

一款基于vue.js 和node构建个人博客项目

时间:2019-10-23 13:18:00      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:基于   not   增删改   cli   http   user   增加   es6   项目   

前言

本项目是一款个人学习的博客项目,主要是为了学习vue2 和 node.js。另外涉及到MySQL redis nginx 等技术栈知识 项目地址

预览地址 (PC或者手机)

> 注意:PC端支持markdown编辑博客,但是手机端不支持编辑,仅支持查看博客内容

博客预览地址:node后台版本

预览账号

账号:test
密码:123

技术栈

前端:html、css、sass、ES6、webpack、vue-cli、vue2、vuex、vue-router、axios、element-ui

后端:Node、Mysql、redis、nginx

目标功能

目标很简单 基本的增删改就满足于学习 node 和 vue 实现前后端分离 另外还有redis 的session保存 、ngnix的反向代理、 pm2的进程守护

  • [x] 登录 退出(100%) (个人博客没有增加注册项,很好实现)
  • [x] 个人博客(100%)
  • [x] 推荐博客(100%)
  • [x] 添加博客(100%)
  • [x] 博客访问量(100%)
  • [x] 删除博客(100%)
  • [x] 编辑博客(100%)
  • [x] 移动端适应(100%)

  • [x] php后台(100%)
  • [x] express后台(100%)
  • [x] koa后台(100%)

项目截图

首页

技术图片

查看博客

技术图片

markdown写博客

技术图片

移动端首页

技术图片

移动端查看博客

技术图片

一款基于vue.js 和node构建个人博客项目

标签:基于   not   增删改   cli   http   user   增加   es6   项目   

原文地址:https://www.cnblogs.com/hunterxing/p/11725602.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!