[S3-E368]单页面博客从前端到后端

正文

请到「今天看啥」查看全文

SITUATION

初衷也就是上面所提到的，综合自己所学的知识，打通前后端。不过结果让人欣喜让人忧。当初以为自己会个 react， 写个应用就不得了。当把自己作为一个伪全栈工程师去踩一个个的坑时，恍然发现路漫漫其修远。

TASK

作为一个前端，不满足于使用 hexo 来生成自己的博客 = =，至少该是 Gatsby 。那就可以开发一个让自己赏心悦目的博客系统。

ACTION

搭建开发环境

前端基于 react 、antd、dva等 react 生态圈等框架，构建工具首选必然是 webpack。相信使用脚手架来开发的时候，遇到了问题，还是需要扒一扒源代码，我们不如自己来搭建开发环境，以熟悉 webpack 的每个配置。

• 【单页面博客从前端到后端】环境搭建（ https://segmentfault.com/a/1190000009676087 ）

引入 Dva + Antd 实现前端交互

• 【单页面博客从前端到后端】基于 DVA+ANTD 搭建博客前后台界面( https://segmentfault.com/a/1190000009712370 )

基于 koa@2 + mongodb + passport 来实现后端逻辑

如果后端只是简单的增删改查，那有违我们的初衷。要实现基本的 Auth2.0 权限认证，还要进行基本的业务逻辑和数据层分离等。

• 【单页面博客从前端到后端】基于 Passport 和 Koa@2 的权限验证与 DVA 的 Model 设计（ https://segmentfault.com/a/1190000009749208 ）

引入 Draftjs 来实现富文本编辑器

Draft.js 是 Facebook 开源的用于构建富文本编辑器的 JavaScript 框架。你可以用它实现像 Bear 笔记那样的 web 端编辑器，极力推荐。

RESULT

请到「今天看啥」查看全文