CavinHuang / elapse

使用react、vue和koa开发的前后端分离的个人博客系统

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Elapse

流水衷曲,韶华飞逝

前后端分离 + 服务端渲染的博客系统。其中:

  • 接口服务使用Koa2 + mongodb + mongoose
  • 后端管理使用Vue开发
  • 前端页面使用React服务端渲染框架nextjs

此外,为了更好的体验效果,可以点击访问后端管理系统,在注册用户后,即可登录体验,同时也可以发布文章,然后在前端页面就可以看到发布的文章。(目前(2018-02-28)未备案,就简单通过ip访问即可)

1. 效果预览

1.1 后端管理页面

后端管理页面使用了vue、vuex、sass以及axios,其中模仿ElementUI的样式开发了dialogloadingconfirmnotoficationmessgae等等组件,(感觉自己对vue组件的开发姿势又稍微深入了一点点,毕竟学无止境)。以下为部分页面截图:

  • 登录预览

  • 个人中心

  • 文章管理

  • ECharts结合

1.2 前端页面渲染

借此机会想学习一下React,于是前端页面使用了React服务端渲染框架nextjs,并使用了Reduxaxios以及koa(自定义服务所用)。前端页面目前比较简单,主要就是文章的读取和渲染。以下为截图:

  • 前端首页

  • 文章详情

2. 笔记总结

2.1 Vue.js 篇

 - Vue组件开发总结

3. 模块文档

文档尚未仔细整理,还在不断整理添加中......

About

使用react、vue和koa开发的前后端分离的个人博客系统


Languages

Language:CSS 47.3%Language:JavaScript 30.8%Language:Vue 21.8%Language:HTML 0.1%