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 == ""){

                    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"
}

node js实战：带数据库，加密的注册登录表单的更多相关文章

  1. node.js 初学（二）—— 搭建注册/登录服务器

    node.js 初学(二)—— 搭建注册/登录服务器 理论上来说,代码实现在理论和实际上是一样的.但实际上来说,他们不是 做一个最简单的用户注册登录功能 1.接口定义: 注册:/user?act=re ...

  2. 9款大气实用的HTML5/CSS3注册登录表单

    1.HTML5/CSS3仿Facebook登录表单 利用CSS3制作的登录表单的确很漂亮,我们在html5tricks网站上也分享过几款了,比如CSS3密码强度验证表单可以显示密码的强度,这款纯CSS ...

  3. CSS3/HTML5实现漂亮的分步骤注册登录表单

    分步骤的登录注册表单现在也比较多,主要是能提高用户体验,用户可以有选择性的填写相应的表单信息,不至于让用户看到一堆表单望而却步.今天和大家分享的就是一款基于HTML5和CSS3的分步骤注册登录表单,外 ...

  4. Node.js+Express+MongoDB数据库实现网页注册登入功能

    通过 Node.js + Express + MongoDB 实现网页注册账号 和 登入账号的功能 项目准备: 1: 事先准备好项目的页面 (首页页面 index.html)(登入页面 login.h ...

  5. Node.js原生及Express方法实现注册登录原理

    由于本文只是实现其原理,所以没有使用数据库,只是在js里面模拟数据库,当然是种中还是需要用数据库的. 1.node.js原生方法 ①html页面,非常简单,没有一丝美化~我们叫它user.html & ...

  6. HTML5_CSS3可切换注册登录表单

    在线演示 本地下载

  7. 《Node.js实战（双色）》作者之一——吴中骅访谈录

  8. iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 记录日志

    沪江CCtalk视频地址:https://www.cctalk.com/v/15114923883523 log 日志中间件 最困难的事情就是认识自己. 在一个真实的项目中,开发只是整个投入的一小部分 ...

  9. iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 代码分层

    视频地址:https://www.cctalk.com/v/15114923889408 文章 在前面几节中,我们已经实现了项目中的几个常见操作:启动服务器.路由中间件.Get 和 Post 形式的请 ...

随机推荐

  1. Redis-HA

    Redis-HA部署 链接:https://pan.baidu.com/s/1cj5H9snQXqWaC0od1mUuig 提取码:jdqf 复制这段内容后打开百度网盘手机App,操作更方便哦 1. ...

  2. Codeforces 353E 贪心

    题意:给你一张有向图,第i条边连接i号点和(i + 1) % n号点,问最多可以选择多少个点,使得这些点互相不可达. 思路:容易发现,如果某个边的集合点的数目大于等于2,那么就可以选出一个点,当然也可 ...

  3. PNG文件格式

    PNG文件的组成 一个PNG文件可以看作是由多个数据块(chunk)部分组成,如同积木一样,一个数据块就是一个小积木,不同类型的积木组合搭建成了我们的PNG图像. PNG图像至少由文件署名域和三个关键 ...

  4. bootstrap.yml

    spring: jpa: properties: hibernate.enable_lazy_load_no_trans: true application: name: paycore cloud: ...

  5. windows系统下MySQL中遇到1045问题

    报错内容为"1045    Access denied for user 'root'@'localhost' (using password:YES)",对应的原因是密码错误,如 ...

  6. postgres服务安装，启动和配置

    安装以及启动 yum install readline-devel tar xf postgresql-11.1.tar.gz cd postgresql-11.1 ./configure --pre ...

  7. 【leetcode】988. Smallest String Starting From Leaf

    题目如下: Given the root of a binary tree, each node has a value from 0 to 25representing the letters 'a ...

  8. layout -panel01

    <script src="~/jquery-easyui-1.5.5.2/jquery.min.js"></script> <link href=&q ...

  9. PHP closedir() 函数

    打开一个目录,读取它的内容,然后关闭: <?php$dir = "/images/"; // Open a directory, and read its contentsi ...

  10. px4::init_once();和px4::init(argc, argv, "px4");函数学习

    px4::init_once(); void init_once() { _shell_task_id = pthread_self();                                ...