react全家桶+express实战个人博客系列教程

react全家桶+express实战个人博客系列教程

开源地址

https://github.com/Nealyang/React-Express-Blog-Demo

说明

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

功能描述

前端部分

文章列表展示

文章分类

登录管理

权限管理

文章详情页展示

管理员文章管理

管理员标签管理

发文(支持MarkDown语法)

后端部分

mongoose数据库操作

路由管理

身份验证

基本的增删改查

...

技术栈

react

react-redux

react-router

redux-saga

babel

webpack

Express

Mongodb

Mongoose

TODO

文章评论

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

查看文章详情

非管理员登录

管理员登录

发表文章

修改文章

标签管理

项目介绍

当然这是一个全栈的开源demo,在此之前写过一个模仿大众点评的Demo,有兄弟反应说应该加点注释。

因为实在不想回头再麻烦,就想在这个demo中再加。

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

项目实现步骤系列博客

实战react技术栈+express前后端博客项目(0)-- 预热一波

实战react技术栈+express前后端博客项目(1)-- 整体项目结构搭建、state状态树设计

实战react技术栈+express前后端博客项目(2)-- 前端react-xxx、路由配置

实战react技术栈+express前后端博客项目(3)-- 后端路由、代理以及静态资源托管等其他配置说明

实战react技术栈+express前后端博客项目(4)-- 博客首页代码编写以及redux-saga组织

实战react技术栈+express前后端博客项目(5)-- 前后端实现登录功能

实战react技术栈+express前后端博客项目(6)-- 使用session实现免登陆+管理后台权限验证

实战react技术栈+express前后端博客项目(7)-- 前端管理界面用户查看功能+后端对应接口开发

实战react技术栈+express前后端博客项目(8)-- 前端管理界面标签管理功能+后端对应接口开发

实战react技术栈+express前后端博客项目(9)-- 前端管理界面发表文章功能+后端对应接口

开发实战react技术栈+express前后端博客项目(10)-- 前端文章列表、路由控制以及对应后端文章管理开发

实战react技术栈+express前后端博客项目(11)-- 前端文章管理部分完善(修改、预览功能)

实战react技术栈+express前后端博客项目(12)-- 博客添加评论功能以及对应后端实现

实战react技术栈+express前后端博客项目(13)-- pm2的使用说明

实战react技术栈+express前后端博客项目(14)-- 收工

环境

node @7.9.0

db @3.4.0

...

别的就直接npm install 了

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

运行

gitclonegit@github.com:Nealyang/React-Express-Blog-Demo.gitnpm inpm start

交流

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

欢迎兄弟们加入:

Node.js技术交流群:209530601

React技术栈:398240621

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,391评论 25 707
  • 前两部分我们已经完成了博客页面的展示和后台页面的展示: React技术栈+Express+Mongodb实现个人博...
    SamDing阅读 5,448评论 1 12
  • 有很久没写了 每天晚上困得太早 根本想不起来 着实有点老年人生活作息的意思 最近的生活还真是惨 健身上出问题 学习...
    QICAN阅读 195评论 0 0
  • 冗长的巷子尾,右拐有一栋普通的民房,带着门禁的合金门少了一个框,或许那个框曾带走了一个故事,斑驳的刮痕可以作证。 ...
    爱吃甜食的考拉小姐阅读 199评论 0 2
  • 都说山东人招人喜欢, 为啥? 1、山东人天生不爱表达,忠厚老实,外粗内秀,心里的话一般羞于表达,山东人的语言朴素诚...
    独特的魅力阅读 2,424评论 0 1