运用Vue、React和Koa开辟个人博客

媒介

练习了大半年,又邻近毕业,一向想做一个属于本身的博客。因而就用Vue、React和Koa开辟了一个效劳端衬着的博客体系。个中:

  • 后端治理运用Vue开辟
  • 前端页面运用React效劳端衬着框架nextjs
  • 接口效劳运用Koa2 + mongodb + mongoose(运用nodemailer当接口发作500时向我发送邮件关照)

项目地点是点我接见项目地点,(不要脸地求star)。为了轻易体验(小弟鄙人,大佬们轻虐),能够点击接见后端治理体系,在注册用户后,即可登录体验,同时也能够宣布文章,然后在前端页面就能够看到宣布的文章。(现在(2018-02-28)未备案,就简朴经由过程ip接见即可)

结果预览

1 后端治理页面

后端治理页面运用了vue、vuex、sass以及axios,个中模拟ElementUI的款式开辟了dialogloadingconfirmnotoficationmessgae等等组件,(觉得本身对vue组件的开辟姿态又轻微深入了一点点,毕竟学无止境)。以下为部份页面截图:

  • 登录

 《运用Vue、React和Koa开辟个人博客》

  • 个人中间

 《运用Vue、React和Koa开辟个人博客》

  • 文章治理

 《运用Vue、React和Koa开辟个人博客》

  • 新建文章

 《运用Vue、React和Koa开辟个人博客》

  • ECharts连系

 《运用Vue、React和Koa开辟个人博客》

2 前端页面衬着

借此机会想进修一下React,因而前端页面运用了React效劳端衬着框架nextjs,并运用了Reduxaxios以及koa(自定义效劳所用)。前端页面现在比较简朴,重要就是文章的读取和衬着。以下为截图:

  • 首页

 《运用Vue、React和Koa开辟个人博客》

  • 文章概况

 《运用Vue、React和Koa开辟个人博客》

结束语

这一次开辟个人博客,进修了许多,像是Vue组件开辟文件上传上传到七牛云以及reactredux的运用,再到运用koa2mongodb写接口,然后再到pm2保卫历程和设置nginx等等。总之,进修到了许多,接下来我会整顿思绪,把这些总结总结分享出来,迎接斧正指摘。
Github地点是这个elpase,求start,嘻嘻…

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