React技术栈+Express+Mongodb实现个人博客

说明

学习React有一点时间了,一直断断续续,这次终于写了一些完整的东西出来。本篇内容以学习过程为主线,记录一下项目进程中收获的知识点和遇到的坑,希望能帮助到还在初级阶段的同学们。此为开篇,接下来会陆续更新。

功能描述

前端部分

  • 文章列表展示
  • 文章分类
  • 登录管理
  • 权限管理
  • 文章详情页展示
  • 管理员文章管理
  • 管理员标签管理
  • 发文(支持MarkDown语法)

后端部分

  • mongoose数据库操作
  • 路由管理
  • 身份验证
  • 基本的增删改查
  • ...

技术栈

  • react
  • react-redux
  • react-router
  • redux-saga
  • babel
  • webpack
  • Express
  • Mongodb
  • Mongoose

TODO

  • 文章评论
  • Archives

项目运行效果(这个GIF不是连续播放的,我好烦)

  • 首页
home.gif
  • 查看文章详情
detail.gif
  • 登录和注册
login.gif
  • 标签管理
tags.gif
  • 发表文章
article.gif
  • 文章管理
articles.gif

系列文章

React技术栈+Express+Mongodb实现个人博客
React技术栈+Express+Mongodb实现个人博客 -- Part 1 博客页面展示
React技术栈+Express+Mongodb实现个人博客 -- Part 2 后台管理页面
React技术栈+Express+Mongodb实现个人博客 -- Part 3 Express + Mongodb创建Server端
React技术栈+Express+Mongodb实现个人博客 -- Part 4 使用Webpack打包博客工程
React技术栈+Express+Mongodb实现个人博客 -- Part 5 使用Redux
React技术栈+Express+Mongodb实现个人博客 -- Part 6 部署

技术交流群二维码.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容