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

pf_miles 发布于2019-07-25 14:11 / 1017人阅读

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

前言

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

后端管理使用Vue开发

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

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

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

效果预览 1 后端管理页面

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

个人中心

文章管理

新建文章

ECharts结合

2 前端页面渲染

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

首页

文章详情

结束语

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

私有云服务器托管 react使用webrtc react开发神器 docker react 开发个人博客

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

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

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

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

MingjunYang 2019-06-26 17:35 评论0 收藏0
使用Vue、React和Koa开发个人博客

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

frolc 2019-08-22 14:58 评论0 收藏0
记一次 React + Koa + Mysql 构建个人博客

摘要：前言由于一直在用写业务，为了熟悉下开发模式，所以选择了。数据库一开始用的是，后来换成了，一套下来感觉也挺好上手的。前言由于一直在用 vue 写业务，为了熟悉下 react 开发模式，所以选择了 react。数据库一开始用的是 mongodb，后来换成 mysql 了，一套下来感觉 mysql 也挺好上手的。react-router、koa、mysql 都是从0开始接触开发的，期间遇...

darkbug 2019-08-01 13:50 评论0 收藏0
前端学习资源汇总

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

SnaiLiu 2019-08-29 16:08 评论0 收藏0
前端学习资源汇总

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

ziwenxie 2019-08-05 14:28 评论0 收藏0