资讯专栏INFORMATION COLUMN

使用Vue、React和Koa开发个人博客

MingjunYang / 854人阅读

摘要:前言实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用和开发了一个服务端渲染的博客系统。其中后端管理使用开发前端页面使用服务端渲染框架接口服务使用使用当接口发生时向我发送邮件通知项目地址是点我访问项目地址,不要脸地求。

前言

实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中:

后端管理使用Vue开发

前端页面使用React服务端渲染框架nextjs

接口服务使用Koa2 + mongodb + mongoose(使用nodemailer当接口发生500时向我发送邮件通知)

项目地址是点我访问项目地址,(不要脸地求star)。为了方便体验(小弟不才,大佬们轻虐),可以点击访问后端管理系统,在注册用户后,即可登录体验,同时也可以发布文章,然后在前端页面就可以看到发布的文章。(目前(2018-02-28)未备案,就简单通过ip访问即可)

效果预览 1 后端管理页面

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

登录

 

个人中心

 

文章管理

 

新建文章

 

ECharts结合

 

2 前端页面渲染

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

首页

 

文章详情

 

结束语

这一次开发个人博客,学习了很多,像是Vue组件开发文件上传上传到七牛云以及reactredux的使用,再到使用koa2mongodb写接口,然后再到pm2守护进程和配置nginx等等。总之,学习到了很多,接下来我会整理思路,把这些总结总结分享出来,欢迎指正批评。
Github地址是这个elpase,求start,嘻嘻...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/19210.html

相关文章

  • 使用VueReactKoa开发个人博客

    摘要:前言实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用和开发了一个服务端渲染的博客系统。其中后端管理使用开发前端页面使用服务端渲染框架接口服务使用使用当接口发生时向我发送邮件通知项目地址是点我访问项目地址,不要脸地求。 前言 实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中: 后端管理使用Vue开...

    pf_miles 评论0 收藏0
  • 使用VueReactKoa开发个人博客

    摘要:前言实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用和开发了一个服务端渲染的博客系统。其中后端管理使用开发前端页面使用服务端渲染框架接口服务使用使用当接口发生时向我发送邮件通知项目地址是点我访问项目地址,不要脸地求。 前言 实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中: 后端管理使用Vue开...

    frolc 评论0 收藏0
  • 前端学习资源汇总

    摘要:建立该仓库的目的主要是整理收集学习资源,统一管理,方便随时查找。目前整合的学习资源只是前端方向的,可能会存在漏缺比较好的资源,需要慢慢的完善它,欢迎在该上补充资源或者提供宝贵的建议。 说明 平时的学习资源都比较的凌乱,看到好的资源都是直接收藏在浏览器的收藏夹中,这样其实并不方便,整理在云笔记上,也不方便查看修改记录,索性就整理在 github 上并开源出来,希望帮助大家能够更快的找到需...

    SnaiLiu 评论0 收藏0

发表评论

0条评论

MingjunYang

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<