node js实战:带数据库,加密的注册登录表单

demo

注册效果:

登陆效果:

 

      

数据库截图:

数据库操作

db.js

//这个模块里面封装了所有对数据库的常用操作
var MongoClient = require('mongodb').MongoClient;
var settings = require("../settings.js");
//不管数据库什么操作,都是先连接数据库,所以我们可以把连接数据库
//封装成为内部函数
function _connectDB(callback) {
    var url = settings.dburl;   //从settings文件中,都数据库地址
    //连接数据库
    MongoClient.connect(url, function (err, db) {
        if (err) {
            callback(err, null);
            return;
        }
        callback(err, db);
    });
}

//插入数据
exports.insertOne = function (collectionName, json, callback) {
    _connectDB(function (err, db) {
        db.collection(collectionName).insertOne(json, function (err, result) {
            callback(err, result);
            db.close(); //关闭数据库
        })
    })
};

//查找数据,找到所有数据。args是个对象{"pageamount":10,"page":10}
exports.find = function (collectionName, json, C, D) {
    var result = [];    //结果数组
    if (arguments.length == 3) {
        //那么参数C就是callback,参数D没有传。
        var callback = C;
        var skipnumber = 0;
        //数目限制
        var limit = 0;
    } else if (arguments.length == 4) {
        var callback = D;
        var args = C;
        //应该省略的条数
        var skipnumber = args.pageamount * args.page || 0;
        //数目限制
        var limit = args.pageamount || 0;
        //排序方式
        var sort = args.sort || {};
    } else {
        throw new Error("find函数的参数个数,必须是3个,或者4个。");
        return;
    }

    //连接数据库,连接之后查找所有
    _connectDB(function (err, db) {
        var cursor = db.collection(collectionName).find(json).skip(skipnumber).limit(limit).sort(sort);
        cursor.each(function (err, doc) {
            if (err) {
                callback(err, null);
                db.close(); //关闭数据库
                return;
            }
            if (doc != null) {
                result.push(doc);   //放入结果数组
            } else {
                //遍历结束,没有更多的文档了
                callback(null, result);
                db.close(); //关闭数据库
            }
        });
    });
}

//删除
exports.deleteMany = function (collectionName, json, callback) {
    _connectDB(function (err, db) {
        //删除
        db.collection(collectionName).deleteMany(
            json,
            function (err, results) {
                callback(err, results);
                db.close(); //关闭数据库
            }
        );
    });
}

//修改
exports.updateMany = function (collectionName, json1, json2, callback) {
    _connectDB(function (err, db) {
        db.collection(collectionName).updateMany(
            json1,
            json2,
            function (err, results) {
                callback(err, results);
                db.close();
            });
    })
}

exports.getAllCount = function (collectionName,callback) {
    _connectDB(function (err, db) {
        db.collection(collectionName).count({}).then(function(count) {
            callback(count);
            db.close();
        });
    })
}

  密码加密:

var crypto = require("crypto");
module.exports = function(mingma){
    var md5 = crypto.createHash('md5');
    var password = md5.update(mingma).digest('base64');
    return password;
}

模板:

login.ejs

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <h1>请登录</h1>
    <div>
        <form action="" method="post">
            <p>
                登录名: <input type="text" id="dengluming"/>
            </p>
            <p>
                密码: <input type="password" id="mima"/>
            </p>
            <p>
                <input id="denglu" type="button" value="登陆"/>
            </p>
        </form>
    </div>

    <script type="text/javascript" src="/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
        //用ajax提交表单
        $("#denglu").click(function(){
            $.post("/dologin",{
                "dengluming" : $("#dengluming").val(),
                "mima" : $("#mima").val()
            },function(result){
                if(result == "1"){
                    alert("登陆成功");
                }else if(result == "-2"){
                    alert("没有这个注册用户");
                }else if(result == "-1"){
                    alert("密码不正确");
                }
            })
        });
    </script>
</body>
</html>

regist.ejs

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div>
        <p>
            登录名: <input type="text" name="dengluming" id="dengluming"/>
        </p>
        <p>
            密码: <input type="password" name="mima" id="mima"/>
        </p>
        <p>
            <input id="zhuce" type="button" value="注册"/>
        </p>
    </div>

    <script type="text/javascript" src="/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
        //用ajax提交表单
        $("#zhuce").click(function(){
            $.get("/doregist",{
                "dengluming" : $("#dengluming").val(),
                "mima" : $("#mima").val()
            },function(result){
                if(result == "1"){
                    alert("注册成功");
                }else{
                    alert("注册失败");
                }
            })
        });
    </script>
</body>
</html>

  登陆注册:

var express = require("express");
var app = express();
var formidable = require('formidable');
var db = require("./model/db.js");

var md5 = require("./model/md5.js");

app.set("view engine","ejs");

app.use(express.static("./public"));

//注册页面
app.get("/regist",function(res,res,next){
    res.render("regist");
});

//登陆页面
app.get("/login",function(res,res,next){
    res.render("login");
});

//执行注册
app.get("/doregist",function(req,res,next){
    var dengluming = req.query.dengluming;
    var mima = req.query.mima;
    //加密
    mima = md5(md5(mima).substr(4,7) + md5(mima));

    //把用户名和密码存入数据库
    db.insertOne("users",{
        "dengluming" : dengluming,
        "mima" : mima
    },function(err,result){
        if(err){
            res.send("-1");
            return;
        }
        res.send("1");
    })
});

app.post("/dologin",function(req,res,next){
    var form = new formidable.IncomingForm();

    form.parse(req, function(err, fields, files) {
        var dengluming = fields.dengluming;
        var mima = fields.mima;
        mima = md5(md5(mima).substr(4,7) + md5(mima));

        //检索数据库,按登录名检索数据库,查看密码是否匹配
        db.find("users",{"dengluming":dengluming},function(err,result){
           if(result.length == 0){
               res.send("-2");  //-2没有这个人
               return;
           }
            var shujukuzhongdemima = result[0].mima;
            //要对用户这次输入的密码,进行相同的加密操作。然后与
            //数据库中的密码进行比对
            if(mima == shujukuzhongdemima){
                res.send("1");  //成功
            }else{
                res.send("-1"); //密码不匹配
            }
        });
    });

    return;
});

app.listen(3000);

数据库地址:

settings.js

module.exports = {
"dburl" : "mongodb://localhost:27017/day7"
}





posted @ 2017-10-30 15:53  1点  阅读(1617)  评论(0编辑  收藏  举报