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

最新推荐文章于 2024-09-15 08:03:51 发布

weixin_34212762

最新推荐文章于 2024-09-15 08:03:51 发布

阅读量165

点赞数

文章标签：数据库 javascript markdown ViewUI

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

第一步：新建文件夹 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();
  }
};