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

一、安装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'的记录