您的位置：首页 > 数据库 > Mongodb

Node.js + Express 4.x + MongoDB 构建登录注册（三）

2017-04-18 15:39 831 查看
一、安装MongoDB

　　移步度娘：http://jingyan.baidu.com/article/d5c4b52bef7268da560dc5f8.html

二、加表加数据

　　MongoDB中没有表的概念，人家叫“集合”。

　　执行下面一连串命令：

　　mongo //启动数据库

　　show dbs //查看数据库，返回admin 和 local两个数据库

　　use userinfo //如果有则切换到userinfo数据库，如果没有就创建userinfo

　　db //返回userinfo，表示当前userinfo处于准备状态

　　db.users.insert({username:'admin',password:'123'}) //向userinfo中的users集合插入一条数据。如果有合集users则向该集合插入数据，如果没有，则先创建users集合，再插入数据

　　db.users.find().pretty() //显示users集合中的数据，pretty()是格式化，有pretty()和没有的区别，一试便知。

　　好了，数据库已经准备好了。

三、项目安装mongodb模块

　　“命令提示符”执行命令：npm install mongodb

　　PS：执行安装命令时，请中断项目服务，方法是Ctrl+c

四、连接数据库

　　打开index.js

//引入模块，声明连接字符串
const MongoClient=require('mongodb').MongoClient;
const DB_CONN_STR='mongodb://localhost:27017/userinfo';

//完整的 登录 逻辑代码
router.route('/login').all(function(req,res,next)
{
if(req.session.user)
{
req.session.error="您已登录！";
return res.redirect('home');
}
next();
}).get(function(req,res)
{
res.render('login',{title:'Login'});
}).post(function(req,res)
{
let user={username:req.body.username,password:req.body.password};
MongoClient.connect(DB_CONN_STR,function(err,db)
{
if(err)
{
console.log(err);
return;
}
db.collection('users').find({'username':user.username}).toArray(function(err,result)
{
if(err)
{
console.log(err);
return;
}
if(result.length)
{
if(result[0].password==user.password)
{
req.session.user=user;
return res.redirect('/home');
}
else
{
req.session.error='用户名或者密码错误！';
return res.redirect('/login');
}
}
else
{
req.session.error='账号不存在！';
return res.redirect('/login');
}
});
db.close();
});
});


五、注册

　　既然有了“登录”，怎么能少了“注册”，在“views”文件夹下新建“register.html”：

<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<%- message %>
<h1><%= title %></h1>
<form action="" method="post">
<div class="fuzq_input_wrap">
<label for="">用户名：</label>
<input type="text" id="username" name="username" autofocus="" required="" />
</div>
<div class="fuzq_input_wrap">
<label for="">密码：</label>
<input type="password" id="password" name="password" required="" />
</div>
<div class="fuzq_input_wrap">
<label for="">确认密码：</label>
<input type="password" id="passwordSec" name="passwordSec" required="" />
</div>
<div class="fuzq_btn_wrap">
<button type="submit">提交</button>
</div>
<div class="fuzq_input_wrap">
<a href="/login">已有账号，去登录！</a>
</div>
</form>
</body>
</html>


　　打开app.js，增加对注册的路由：

　　（PS：验证密码一致性，可以放到前端js判断，这里偷懒。）

// 注册
router.route('/register').all(function(req,res,next)
{
if(req.session.user)
{
req.session.error='您已登录！';
return res.redirect('/home');
}
next();
}).get(function(req,res)
{
res.render('register',{title:'Register'});
}).post(function(req,res)
{
let newUser={username:req.body.username,password:req.body.password,passwordSec:req.body.passwordSec};
let addStr=[{username:newUser.username,password:newUser.password}];
MongoClient.connect(DB_CONN_STR,function(err,db)
{
db.collection('users').findOne({username:newUser.username},function(err,result)
{
if(!result)
{
if(newUser.password===newUser.passwordSec)
{
MongoClient.connect(DB_CONN_STR,function(err,db)
{
req.session.error='注册成功，请登录！';
db.collection('users').insert(addStr);
db.close();
return res.redirect('/login');
});
}
else
{
req.session.error='两次密码不一致！';
return res.redirect('/register');
}
}
else
{
req.session.error='用户名已存在！';
return res.redirect('/register');
}
})
db.close();
});
});


　　至此，登录注册功能基本完成了，为什么还是基本，因为代码中对数据库的应用是简单粗暴的，没有封装DBHelp，没有封装model，只是实现了功能，希望对大家有点用处。

六、附录

　　实例中用到的mongoDB数据库操作命令

　　db.users.remove({name:'xxx'}) //删除name为'xxx'的记录

　　db.users.remove({}) //删除users集合中的所有数据

　　db.users.drop() //删除users集合

　　db.users.findOne({name:'xxx'}) //查询name为'xxx'的记录，只返回遇到的第一条记录

　　db.users.find() //返回所有name为'xxx'的记录

　　
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航