|
这篇博客讲述如何搭建一个多人博客,需要一定的基础知识,用于思路整理和备忘。
第一步: 新建文件夹 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();
}
};
第六步: 路由文件
根据功能设置路由 |
|
|