nodejs开发指南读后感

5.首先需要安装connect-flash,我们直接在package.json加入connect-flash依赖项;代码如下:
"connect-flash":"*",然后直接进入项目的根目录后执行命令npminstall命令,把依赖项加载出来.
作用是:保存的变量只会在用户当前和下一次的请求中被访问,之后会被清除,通过它我们可以很方便地实现页面的通知
和错误信息显示功能。因为用户注册功能需要实现"显示注册成功或错误的信息"的功能，所以需要使用它.
6.打开app.js文件，添加如下代码：
//引入flash模块来实现页面通知
varflash=require('connect-flash');
app.use(flash());//定义使用flash功能
实现用户注册功能，即实现用户注册处理post请求的功能。

6-1用户模型
首先我们在models文件夹下新建user.js文件,该文件的作用把新用户注册信息存储于数据库,以及从数据库读取指定用户的信息的功能.
User是一个描述数据的对象,即MVC架构中的模型。模型是与数据打交道的工具
user.js代码如下:
该文件的功能有2点：
1.把新用户注册信息存储于数据库。
2.从数据库读取指定用户的信息的功能.
代码如下：

varmongodb=require('./db');//加载数据库模块
//User构造函数，用于创建对象
functionUser(user){
this.name=user.name;
this.password=user.password;
};
//User对象方法：把用户信息存入Mongodb
User.prototype.save=function(callback){
varuser={//用户信息
name:this.name,
password:this.password
};
//打开数据库
mongodb.open(function(err,db){
if(err){
returncallback(err);
}
//读取users集合，users相当于数据库中的表
db.collection('users',function(err,collection){//定义集合名称users
if(err){
mongodb.close();
returncallback(err);
}
//把user对象中的数据，即用户注册信息写入users集合中
collection.insert(user,{safe:true},function(err,user){
mongodb.close();
callback(err,user);
});
});
})
};
//User对象方法：从数据库中查找指定用户的信息
User.get=functionget(username,callback){
mongodb.open(function(err,db){
if(err){
returncallback(err);
}
//读取users集合
db.collection('users',function(err,collection){
if(err){
mongodb.close();
returncallback(err);
}
//从users集合中查找name属性为username的记录
collection.findOne({name:username},function(err,doc){
mongodb.close();
if(doc){
//封装查询结果为User对象
varuser=newUser(doc);
callback(err,user);
}else{
callback(err,null);
}
});
});
});
};
//输出User对象
module.exports=User;

6-2路由转发-当做控制器,放在routes文件夹下的index.js编写

index.js中的代码，引入依赖模块，完善"router.post('/reg',function(req,res){});"代码，代码修改如下：

varexpress=require('express');
varrouter=express.Router();

//加载生成MD5值依赖模块
varcrypto=require('crypto');//加密和解密模块
varUser=require('../models/user');

router.get('/',function(req,res){
res.render('index',{title:'主页'});
});

router.get('/reg',function(req,res){
res.render('reg',{title:'用户注册',});
});
router.post('/reg',function(req,res){
//用户名和密码不能为空
if(req.body.username==""||req.body.userpwd==""||req.body.pwdrepeat==""){
//使用req.body.username获取提交请求的用户名，username为input的name

req.flash('error',"输入框不能为空！");
returnres.redirect('/reg');//返回reg页面
}
//两次输入的密码不一致，提示信息
if(req.body.userpwd!=req.body.pwdrepeat){
req.flash("error",'两次输入密码不一致！');
returnres.redirect('/reg');
}
//把密码转换为MD5值
varmd5=crypto.createHash('md5');
varpassword=md5.update(req.body.userpwd).digest('base64');

//用新注册用户信息对象实例化User对象，用于存储新注册用户和判断注册用户是否存在
varnewUser=newUser({
name:req.body.username,
password:password,
});
//检查用户是否存在
User.get(newUser.name,function(err,user){
//如果用户存在的话
if(user){
err='Usernamealreadyexists.';
}
if(err){
req.flash('error',err);//保存错误信息，用于界面显示提示
returnres.redirect('/reg');
}
//用户不存在的时候保存用户
newUser.save(function(err){
if(err){
req.flash('error',err);
returnres.redirect('/reg');
}
req.session.user=newUser;//保存用户名，用于判断用户是否已登录
req.flash('success',req.session.user.name+'注册成功');
res.redirect('/');
});

});
});
module.exports=router;

理解上面代码的知识点:
1.req.body就是POST请求信息解析过后的对象,例如我们要访问用户传递的password域的值,只需访问req.body['password']即可。
2.req.flash是Express提供的一个奇妙的工具,通过它保存的变量只会在用户当前和下一次的请求中被访问,之后会被清除,
通过它我们可以很方便地实现页面的通知和错误信息显示功能。
3.res.redirect是重定向功能,通过它会向用户返回一个303SeeOther状态,通知浏览器转向相应页面。
4.crypto是Node.js的一个核心模块,功能是加密并生成各种散列,使用它之前首先要声明varcrypto=require('crypto')。
我们代码中使用它计算了密码的散列值。
5.User是我们设计的用户对象,用前需要通过varUser=require('../models/user')引用。
6.User.get的功能是通过用户名获取已知用户,在这里我们判断用户名是否已经存在。User.save可以将用户对象的修改写入数据库。
7.通过req.session.user=newUser向会话对象写入了当前用户的信息,在后面我们会通过它判断用户是否已经登录。

6-3视图交互
为了实现用户不同登录状态下显示不同的页面的成功和错误等提示信息，我们需要创建视图助手，在视图中获取session中
的数据和要显示的错误或成功的信息，在app.js中添加如下代码：
切记:需要在app.use(flash());下添加下面的代码;要先链接数据库,否则会报错;
代码如下:

//为了实现用户不同登录状态下显示不同的页面成功或者错误提示信息
app.use(function(req,res,next){
//res.locals.xxx实现xxx变量全局化，在其他页面直接访问变量名即可
//访问session数据：用户信息
res.locals.user=req.session.user;
//获取要显示错误信息
varerror=req.flash('error');//获取flash中存储的error信息
res.locals.error=error.length?error:null;

//获取要显示成功信息
varsuccess=req.flash('success');
res.locals.success=success.length?success:null;
next();//控制权转移，继续执行下一个app。use()
});
//定义匹配路由
app.use('/',routes);//指向了routes目录下的index.js文件

app.locals对象是一个javascript对象，它的属性就是程序本地的变量。一旦设定，app.locals的各属性值将贯穿程序的整个生命周期.
在程序中，你可以在渲染模板时使用这些本地变量。它们是非常有用的，可以为模板提供一些有用的方法，以及app级别的数据。
通过req.app.locals,Locals可以在中间件中使用.

reg.ejs代码如下:

<%-includeheader.ejs%>
<%-includealert.ejs%>
<formmethod="post">
<h3class="title">用户注册</h3>

<divclass="line">
<labelfor="uname">姓名：</label>
<inputtype="text"id="name"name="username"/>
</div>
<divclass="line">
<labelfor="upwd">密码：</label>
<inputtype="password"id="pwd"name="userpwd"/>
</div>
<divclass="line">
<labelfor="upwd2">确认密码：</label>
<inputtype="password"id="upwd2"name="pwdrepeat"/>
</div>
<divclass="line">
<buttontype="submit"id="btnreg">注册</button>
</div>
</form>
<%-includefooter.ejs%>

header.ejs代码如下:

<!DOCTYPEhtml>
<html>
<head>
<title><%=title%></title>
<linkrel='stylesheet'href='/stylesheets/style.css'/>
</head>
<body>
<divid="header">
<ulid="menus">
<li><ahref="/"class="menuintroduce">简易博客</a></li>
<li><ahref="/"class="menu">首页</a></li>
<%if(!user){%>
<li><ahref="/login"class="menu">登陆</a></li>
<li><ahref="/reg"class="menu">注册</a></li>
<%}else{%>
<li><ahref="/logout"class="menu">退出</a></li>
<%}%>
</ul>
</div>
<divid="content">

alert.ejs代码如下:

<!--显示成功或错误信息-->
<%if(success){%>
<divclass="alert">
<%=success%>
</div>
<%}%>
<%if(error){%>
<divclass="alert">
<%=error%>
</div>
<%}%>

例如：用户注册时，两次密码输入不一致，点击“注册”按钮后的界面如下图所示

6.用户登录模块
1.打开index.js文件，完善“router.post('/login',function(req,res){});”代码块，代码如下：

router.post('/login',function(req,res){
//生成口令的散列值
varmd5=crypto.createHash('md5');
varpassword=md5.update(req.body.password).digest('base64');
//判断用户名和密码是否存在和正确
User.get(req.body.username,function(err,user){
if(!user){
req.flash('error','用户名不存在');
returnres.redirect('/login');
}
if(user.password!=password){
req.flash('error','用户密码不存在');
returnres.redirect('/login');
}
//保存用户信息
req.session.user=user;
req.flash("success","登录成功");
res.redirect('/');
});
});

7.用户退出功能
打开index.js文件，完善“router.get('/logout',function(req,res){});”代码块，代码如下：

router.get('/logout',function(req,res){
req.session.user=null;//清空session
req.flash('sucess','退出成功！');
res.redirect('/');
});

8.页面权限控制
登陆和注册功能只对未登录的用户有效；发布和退出功能只对已登录的用户有效。如何实现页面权限控制呢？我们可以把用户登录状态检查放到路由中间
件中，在每个路径前增加路由中间件，通过调用next()函数转移控制权，即可实现页面权限控制。因此在index.js中添加checkNotLogin和checkLogin
函数来检测是否登陆，并通过next()转移控制权，检测到未登录则跳转到登录页，检测到已登录则跳转到前一个页。
checkNotLogin该函数使用在用户注册和用户登录上,checkLogin函数使用在发布和退出功能上;
我们在index.js假如如下两个函数的代码:

functioncheckNotLogin(req,res,next){
//如果从session里面获取用户已存在的话
if(req.session.user){
req.flash('error','已登录');
returnres.redirect('/');
}
next();
//控制权转移：当不同路由规则向同一路径提交请求时，在通常情况下，请求总是被第一条路由规则捕获，
//后面的路由规则将会被忽略，为了可以访问同一路径的多个路由规则，使用next()实现控制权转移。
}
functioncheckLogin(req,res,next){
if(!req.session.user){
req.flash('error','未登录');
returnres.redirect('/login');
}
//已登录转移到下一个同一路径请求的路由规则操作
next();
}

注册和登陆基本的实现逻辑如下:
1.当我们访问http://127.0.0.1:3000/reg这个网址的时候,会进入注册页面;通过下面的代码转向reg.ejs页面去;
//用户注册
router.get('/reg',checkNotLogin);//页面权限控制，注册功能只对未登录用户可用

router.get('/reg',function(req,res){
res.render('reg',{title:'用户注册',});
});
2.当用户点击注册按钮的时候;通过如下代码判断及跳转;
router.post('/reg',checkNotLogin);
router.post('/reg',function(req,res){
//用户名和密码不能为空
if(req.body.username==""||req.body.userpwd==""||req.body.pwdrepeat==""){
//使用req.body.username获取提交请求的用户名，username为input的name
req.flash('error',"输入框不能为空！");
returnres.redirect('/reg');//返回reg页面
}
//两次输入的密码不一致，提示信息
if(req.body.userpwd!=req.body.pwdrepeat){
req.flash("error",'两次输入密码不一致！');
returnres.redirect('/reg');
}
//把密码转换为MD5值
varmd5=crypto.createHash('md5');
varpassword=md5.update(req.body.userpwd).digest('base64');

//用新注册用户信息对象实例化User对象，用于存储新注册用户和判断注册用户是否存在
varnewUser=newUser({
name:req.body.username,
password:password,
});
//检查用户是否存在
User.get(newUser.name,function(err,user){
if(user){//用户名存在
req.flash('error','Usernamealreadyexists.');//保存错误信息，用于界面显示提示
returnres.redirect('/reg');
}
//用户不存在的时候保存用户
newUser.save(function(err){
if(err){
req.flash('error',err);
returnres.redirect('/reg');
}
req.session.user=newUser;//保存用户名，用于判断用户是否已登录
req.flash('success',req.session.user.name+'注册成功');
res.redirect('/');
});
});
});
首先通过判断用户名和密码是否为空等操作;如果为空的话或者任何通过flash保存信息的话,都是通过如下的思路去转向页面的.如下步骤:
通过flash这句代码req.flash('error',"输入框不能为空！");提示;
之后会调用app.js代码中的如下代码:
//为了实现用户不同登录状态下显示不同的页面成功或者错误提示信息
app.use(function(req,res,next){
//res.locals.xxx实现xxx变量全局化，在其他页面直接访问变量名即可
//访问session数据：用户信息
res.locals.user=req.session.user;
//获取要显示错误信息
varerror=req.flash('error');//获取flash中存储的error信息

res.locals.error=error.length?error:null;

//获取要显示成功信息
varsuccess=req.flash('success');

res.locals.success=success.length?success:null;
next();//控制权转移，继续执行下一个app。use()
});
//定义匹配路由
app.use('/',routes);//指向了routes目录下的index.js文件
然后就转向与index.js了,如下代码:
router.get('/',function(req,res){
res.render('index',{title:'主页'});
});
之后就是渲染index.ejs模板了;代码如下:
<%-includeheader.ejs%>
<%-includealert.ejs%>
<%if(!user){%>
<divid="toppart">
<h2>欢迎来到简易博客</h2>

<p>该博客基于node.js+express+mongoDB来实现的。</p>
<br/>
<ahref="/login"class="btn">登陆</a>
<ahref="/reg"class="btn">注册</a>
</div>
<%}else{%>
<%-includesay.ejs%>
<%}%>
<%-includefooter.ejs%>
首先index.ejs包括头部和尾部及错误信息alert.ejs模板,该模板有2个提示信息,如果有error信息的话,就提示error信息;
否则的话,提示success的信息,该error或者success是通过app.js中的req.flash('success')获取的,然后通过
res.locals.success当做全局变量保存取来.然后再alert.ejs通过success或者error值判断,有就提示消息即可;
上面的时index.ejs模板如果用户没有登录的话,就提示用户登录注册页面,如果已经登录成功的话,就到say.ejs模板去,让用户发表留言:
如下页面:

9.发表微博功能
为了实现发布微博功能，首先创建Post对象，在models文件夹下创建post.js文件，该文件功能与user.js功能类似，用于存储新发布的微博及查询全部
或指定用户的微博，post.js代码如下：

//获取微博和保存微博
varmongodb=require('./db');
//Post构造函数，用于创建对象
functionPost(username,content,time){
this.user=username;//用户名
this.content=content;//发布内容
if(time){
this.time=time;//发布时间
}else{
varnow=newDate();
this.time=now.getFullYear()+"/"+(now.getMonth()+1)+"/"+now.getDate()+""+now.getHours()+":"+now.getSeconds();
}
}

//输出Post对象
module.exports=Post;

//对象方法：保存新发布的微博到数据库
Post.prototype.save=function(callback){
//存入MongoDB数据库
varpost={
user:this.user,
post:this.content,
time:this.time
};
mongodb.open(function(err,db){
if(err){
returncallback(err);
}
//读取posts集合，即数据库表
db.collection('posts',function(err,collection){
if(err){
mongodb.close();
returncallback(err);
}
//为user属性添加索引
collection.ensureIndex('user');
//把发布的微博信息post写入posts表中
collection.insert(post,{safe:true},function(err,post){
mongodb.close();
callback(err,post);
});
});
});
}
//获取全部或指定用户的微博记录
Post.get=functionget(username,callback){
mongodb.open(function(err,db){
if(err){
returncallback(err);
}
//读取posts集合
db.collection('posts',function(err,collection){
if(err){
mongodb.close();
returncallback(err);
}
//查找user属性为username的微博记录，如果username为null则查找全部记录
varquery={};
if(username){
query.user=username;
}
//查找符合条件的记录，并按时间顺序排列
collection.find(query).sort({time:-1}).toArray(function(err,docs){
mongodb.close();
if(err){
callback(err,null);
}
varposts=[];
//遍历查询结果
docs.forEach(function(doc,index){
//把结果封装成Post对象
varpost=newPost(doc.user,doc.post,doc.time);
//把全部结果封装成数组
posts.push(post);
});
callback(null,posts);
});
});
});
};

9-2.打开index.js，引入依赖包和完善发布微博功能的代码如下：

varPost=require("../models/post.js");//加载用户发表微博模块
//发表信息
router.post('/post',checkLogin);//页面权限控制

//发表微博
router.post('/post',function(req,res){//路由规则/post
varcurrentUser=req.session.user;//获取当前用户信息
if(req.body.post==""){//发布信息不能为空
req.flash('error','内容不能为空！');
returnres.redirect('/u/'+currentUser.name);
}
//实例化Post对象
varpost=newPost(currentUser.name,req.body.post);//req.body.post获取用户发表的内容
//调用实例方法，发表微博，并把信息保存到MongoDB数据库
post.save(function(err){
if(err){
req.flash('error',err);
returnres.redirect('/');
}
req.flash('success','发表成功');
res.redirect('/u/'+currentUser.name);
});
});
//用户页面的功能是显示该用户发表的所有微博信息
router.get('/u/:user',function(req,res){
User.get(req.params.user,function(err,user){
//判断用户是否存在
if(!user){
req.flash('error','用户不存在');
returnres.redirect('/');
}
//调用对象的方法用户存在，从数据库获取该用户的微博信息
Post.get(user.name,function(err,posts){
if(err){
req.flash('error',err);
returnres.redirect('/');
}
//调用user模板引擎，并传送数据（用户名和微博集合）
res.render('user',{
title:user.name,
posts:posts
});
});
});
});

实现上面发表微博的总体思路如下:
1.首先在say.ejs模板代码如下:
<formmethod="post"action="/post"id="public">
<inputtype="text"name="post"id="pctn"/>
<buttontype="submit"id="pbtn">发布</button>
</form>
当我输入框输入内容的时候,点击发布的时候,会首先路由到index.js代码中的
router.post('/post',checkLogin);//页面权限控制
首先判断用户是否登录,登录后通过视图助手的方式转到下一个同一路径请求的路由规则操作;
就是下面的post路由了,先判断用户是否为空;如果为空的话,显示不能为空信息,如下代码:
if(req.body.post==""){//发布信息不能为空
req.flash('error','内容不能为空！');
returnres.redirect('/u/'+currentUser.name);
}
接着就路由到router.get('/u/:user',function(req,res){})这个路由了;
接着顺利的话,就渲染user.ejs模板;代码如下:
//调用user模板引擎，并传送数据（用户名和微博集合）
res.render('user',{
title:user.name,
posts:posts
});
因此user.ejs模板代码如下:
<%-includeheader.ejs%>
<%-includealert.ejs%>
<%if(user){%>
<%includesay.ejs%>
<%}%>
<%-includeposts.ejs%>
<%-includefooter.ejs%>
如果内容为空的话,就在当前页面显示内容不能为空信息,如果添加成功的话,也会提示信息;接下来我们再来看看正常的情况下;如下post下的代码:
//实例化Post对象
varpost=newPost(currentUser.name,req.body.post);//req.body.post获取用户发表的内容
//调用实例方法，发表微博，并把信息保存到MongoDB数据库
post.save(function(err){
if(err){
req.flash('error',err);
returnres.redirect('/');
}
req.flash('success','发表成功');
res.redirect('/u/'+currentUser.name);
});
如果正常的情况下,就弹出发表成功文案,并且还是转向路由res.redirect('/u/'+currentUser.name);这个下面去渲染user.esj模板信息了;
最后就渲染posts.ejs代码了;代码如下:
<!--按行按列显示传入的posts的所有内容-->
<divid="bottompart">
<%posts.forEach(function(post,index){//遍历posts内容，每行显示三个
if(index%3==0){%>
<divclass="row">
<%}%>
<divclass="ctn">
<h3><ahref='/u/<%=post.user%>'class="username"><%=post.user%></a>说：</h3>
<p><%=post.time%><br/><%=post.content%></p>
</div>
<%if(index%3==2){%>
</div>
<%}%>
<%});%>
<%if(posts.length%3!=0){%>
</div>
<%}%>
</div>
通过遍历数组,每行放三列发表留言说说;
如下图所示:

10.首页
首页显示所有用户发表的微博，并且按照时间顺序进行排列。首先完善index.js中首页路由规则响应函数的代码如下：

//首页:显示所有的微博，并按照时间先后顺序排列
router.get('/',function(req,res){
//读取所有的用户微博，传递把posts微博数据集传给首页
Post.get(null,function(err,posts){
if(err){
posts=[];
}
//调用模板引擎，并传递参数给模板引擎
res.render('index',{title:'首页',posts:posts});
});
});

上面的是当我们在浏览器下这样访问的话http://127.0.0.1:3000/直接获取posts的数据传递给首页;然后再在index.ejs模板渲染出来;
当然index.ejs模板需要把posts.ejs模板加进来;因此index.ejs代码变为如下:

<%-includeheader.ejs%>
<%-includealert.ejs%>
<%if(!user){%>
<divid="toppart">
<h2>欢迎来到简易博客</h2>

<p>该博客基于node.js+express+mongoDB来实现的。</p>
<br/>
<ahref="/login"class="btn">登陆</a>
<ahref="/reg"class="btn">注册</a>
</div>
<%}else{%>
<%-includesay.ejs%>
<%}%>
<%-includeposts.ejs%>
<%-includefooter.ejs%>

接着我们在http://127.0.0.1:3000/浏览器访问如下效果:

github上的源码如下:
https://github.com/tugenhua0707/node_express_microblog