/React-Express-Blog-Demo

:fire: React+Express+Mongo ->前后端博客网站 :new_moon_with_face:

Primary LanguageJavaScript

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

说明

放到开头,这里重点说明下,很多哥们会发邮件群里艾特,但是好多邮件回复不了不知道什么情况,群里有时候不怎么关注就错过了,大家如果有啥问题咱就直接提issue吧,后面朋友遇到相同问题大家也可以参考

功能描述

前端部分

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

后端部分

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

技术栈

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

TODO

  • 文章评论

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

  • 首页 index

  • 非管理员登录

nealyanglogined

  • 管理员登录

adminLogined

  • 标签管理

amdinTag

  • 查看文章详情 detail

  • 发表文章 newArticle

  • 修改文章 modifiedArticle

项目介绍

当然这是一个全栈的开源demo,在此之前写过一个模仿大众点评的Demo,有兄弟反应说应该加点注释。 因为实在不想回头再麻烦,就想在这个demo中再加。

这个demo就是一个简单的增删改查的博客demo。前端用react技术栈、后端是express+mongoose。

项目实现步骤系列博客

环境

node @7.9.0
db @3.4.0
...
别的就直接npm install 了

注意MongoDB初始化后需要初始化一个admin/admin账户,用于登录后台管理

运行

git clone git@github.com:Nealyang/React-Express-Blog-Demo.git

npm i

npm start

开发数据库

链接: https://pan.baidu.com/s/1c3aedw8 密码: 5ii1

交流

扫码关注我的个人微信公众号,分享更多原创文章。点击交流学习加我微信、qq群。一起学习,一起进步

wx


欢迎兄弟们加入:

Node.js技术交流群:209530601

React技术栈:398240621

前端技术杂谈:604953717 (新建)