標籤：input throw htm col cti ports create let use
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"
}
node js實戰：帶資料庫，加密的註冊登入表單
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
