MongoDB + express + node + bootstrap 搭建多人博客

  这篇博客讲述如何搭建一个多人博客,需要一定的基础知识,用于思路整理和备忘。

第一步: 新建文件夹 blog ,结构如下:

     

  • bin --- 可执行二进制文件,最终的启动接口。
  • models --- 存储与数据、操作数据相关文件。
  • public --- 存储静态文件。
  • routes --- 存储路由文件。
  • views --- 存储视图文件。
  • app.js --- 程序主文件。
  • package.json --- 程序相关信息。

第二步: 安装依赖模块

cnpm install express express-session connect-mongo connect-flash ejs markdown multer morgan serve-favicon debug cookie-parser body-parser mongodb --save

模块的主要作用如下:

  • express --- web框架
  • express-session --- express session中间件,用于处理session
  • connect-mongo --- 配合session使用,用于将session连接数据库
  • connect-flash --- 页面提示的中间件,基于session实现
  • ejs --- 模板引擎
  • markdown --- markdown文本解析中间件。
  • multer --- 用于处理enctype="multipart/form-data"的表单数据。
  • morgan --- 日志中间件。
  • serve-favicon --- 处理web网站icon中间件
  • debug --- 调试使用
  • cookie-parser --- 处理cookie的中间件
  • body-parser --- 处理post请求的中间件
  • mongodb --- 连接数据库

第三步: 添加配置文件

在主目录下添加setting.js文件,配置端口号,数据库等基本信息,如下:

module.exports = {
    cookieSecret: 'myblog', 
    db: 'blog',
    host: 'localhost',
    port: 27017
};

第四步: 功能设计与路由设计

  • 注册、登录、登出
  • 查看文章、编辑文章、发表文章、删除文章
  • 评论(留言)
  • 页面通知: 使用connect-flash实现。connect-flash 是基于 session 实现的,它的原理很简单:设置初始值 req.session.flash={},通过 req.flash(name, value)设置这个对象下的字段和值,通过 req.flash(name) 获取这个对象下的值,同时删除这个字段。

第五步: 权限设置

  在主目录下添加 middlewares文件夹,添加文件check.js,如下:

module.exports = {
  checkLogin: function checkLogin(req, res, next) {
    if (!req.session.user) {
      req.flash('error', '未登录'); 
      return res.redirect('/signin');
    }
    next();
  },

  checkNotLogin: function checkNotLogin(req, res, next) {
    if (req.session.user) {
      req.flash('error', '已登录'); 
      return res.redirect('back');//返回之前的页面
    }
    next();
  }
};

第六步: 路由文件

根据功能设置路由

原文地址:https://www.cnblogs.com/zhuzhenwei918/p/6784563.html