前言
实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中:
- 后端管理使用Vue开发@H_301_6@
- 前端页面使用React服务端渲染框架
nextjs
@H_301_6@ - 接口服务使用Koa2 + mongodb + mongoose(使用
nodemailer
当接口发生500
时向我发送邮件通知)@H_301_6@
项目地址是点我访问项目地址,(不要脸地求star)。为了方便体验(小弟不才,大佬们轻虐),可以点击访问后端管理系统,在注册用户后,即可登录体验,同时也可以发布文章,然后在前端页面就可以看到发布的文章。(目前(2018-02-28)未备案,就简单通过ip访问即可)
效果预览
1 后端管理页面
后端管理页面使用了vue、vuex、sass以及axios,其中模仿ElementUI的样式开发了dialog
、loading
、confirm
、notofication
、messgae
等等组件,(感觉自己对vue组件的开发姿势又稍微深入了一点点,毕竟学无止境)。以下为部分页面截图:
- 个人中心@H_301_6@
- ECharts结合@H_301_6@
2 前端页面渲染
借此机会想学习一下React
,于是前端页面使用了React服务端渲染框架nextjs
,并使用了Redux
、axios
以及koa
(自定义服务所用)。前端页面目前比较简单,主要就是文章的读取和渲染。以下为截图:
结束语
这一次开发个人博客,学习了很多,像是Vue组件开发
、文件上传
、上传到七牛云
以及react
和redux
的使用,再到使用koa2
、mongodb
写接口,然后再到pm2守护进程
和配置Nginx
等等。总之,学习到了很多,接下来我会整理思路,把这些总结总结分享出来,欢迎指正批评。
Github地址是这个elpase,求start,嘻嘻...