1 mysql 回调函数优化
1.1 mysql代码：
config.query(handlerStr, value, function (err, data) {
callback && callback(err, data); //回调函数优化
});
1.2 一些请求后还是要指定 回调
如果 post 请求 还是要指定res
reg.js代码
router.post('/', function (req, res) {
var sqlInsert = 'INSERT INTO `user` (`id`, `username`, `pass`, `admin`) VALUES (0, ?, ?)', //?????????????
sqlSelect = 'SELECT * FROM user where username = ?',
user = req.body.userName,
pass = req.body.pass;
sql(sqlSelect, [user], function (err, data) {
//console.log(data);
var md5 = crypto.createHash('md5');//指定编码
if(data.length == 0){ //未存在与当前数据用户名相同的可以注册
//最后插入时候加密
var newpass = md5.update(pass).digest('hex');
sql(sqlInsert, [user, newpass], function (err, data) {
if(err){
res.locals.result = '<p class="err">注册失败，请重试</p>';
return;
}
res.locals.result = '<p class="ok">恭喜注册成功</p>';
res.render('login');
})
}else{ //已存在同用户名 不能注册 或直接登录
res.locals.result = '<p class="err">该用户名已被注册</p>';
res.render('reg'); //
}
});
})
2 注册 form post 提交
router/index.js代码
//注册页面
router.use('/reg', require('./reg')); //当地址为/reg的时候使用reg.js的路由
router/reg.js代码
var express = require('express'),
sql = require('../module/mysql'),
router = express.Router();
//注册页面 即地址为/reg的时候
router.get('/', function (req, res) {
res.render('reg'); //渲染到reg.ejs
});
地址为/reg的时候
router.post('/', function (req, res) {
var sqlInsert = 'INSERT INTO `user` (`id`, `username`, `pass`, `admin`) VALUES (0, ?, ?)', //?????????????
sqlSelect = 'SELECT * FROM user where username = ?',
user = req.body.userName,
pass = req.body.pass;
sql(sqlSelect, [user], function (err, data) {
//console.log(data);
if(data.length == 0){ //未存在与当前数据用户名相同的可以注册
sql(sqlInsert, [user, pass], function (err, data) {
if(err){
res.locals.result = '<p class="err">注册失败，请重试</p>';
return;
}
res.locals.result = '<p class="ok">恭喜注册成功</p>';
res.render('login'); //调到登录页面
})
}else{ //已存在同用户名 不能注册 或直接登录
res.locals.result = '<p class="err">该用户名已被注册</p>';
res.render('reg'); //保留在当前页面
}
});
})
//导出这个模块
module.exports = router;
views/reg.ejs代码
<div><%- locals.result %></div>
<form action="/reg" method="post">
<input type="text" name="userName">
<input type="text" name="pass">
<input type="submit" value="注册">
</form>
</div>
3 登录 reg 地址为/?
3.1
router/index.js代码
//登录页面
router.use('/login', require('./login'));
router/login.js代码
var express = require('express'),
router = express.Router(),
sql = require('../module/mysql');
//登录页面
router.get('/', function (req, res) {
console.log(req.cookies);
res.render('login');//渲染到login.ejs页面
});
router.post('/', function (req, res) {
var sqlOptStr = 'SELECT * FROM `user` WHERE username = ?',
user = req.body['userName'],
pass = req.body['pass'];
sql(sqlOptStr, [user], function (err, data) {
//console.log(data);
if(data.length == 0){ //查询结果不存在即该用户名未被注册
res.json({result: 0});
}else{ //存在相同的用户名
var newpass = md5.update(pass).digest('hex');
if( data[0]['pass'] == pass ){
res.cookie('login', {name: user}, {maxAge: 1000*60*60*24}); //设置cookie
//session 所有后台页面都是可用访问到得
//保存在服务器上的
//当关闭页面 session都会清空
req.session.admin = Number(data[0]['admin']); //Number 将字符串转换为数字
console.log('管理员'+ req.session.admin);
res.json({result: 2}); //成功登陆
}else{
res.json({result: 1});// 密码不对
}
}
})
})
//导出模块
module.exports = router;
views/login.ejs代码
<div><%- locals.result %></div>
<input class="userName form-control" type="text">
<input class="pass" type="password">
<input class="submit btn btn-success" type="submit" value="登录">
//ajax提交
$('.submit').click(function(){
$('#loginAjax input').trigger('blur');
var numError = $('#loginAjax em.err').length;
if(numError){ //有错误
return false;
}else{
$.ajax({
url: '/login',
type: 'post',
dataType: 'json',
data: {
userName: $('.userName').val(),
pass: $('.pass').val()
},
success: function(data){
//console.log('success: '+ data);
//console.log(data.result);
var result = data.result,
userName = $('.userName').val();
switch(result){
case 0: //未注册过
$('.result').empty()
.html('<p>用户名未注册<a href="/reg">请先注册</a></p>');
break;
case 1: //密码不存在
$('.result').empty()
.html('<p>密码不正确，请重新输入</p>');
break;
case 2:
$('.result').empty()
.html('<p>欢迎回来 '+ userName +'!!!</p>');
setTimeout(function(){
window.location.href="/";;
},500)
}
},
error: function(data){
console.log('error: '+ data);
}
})
}
});
3.2
后台 返回的数据不是 ajax指定的数据的时候 即使成功 也走error
res.json({ //返回给ajax() success用
result: '成功'
})
4 登录成功后保存成功状态
3.1 cookie方式 安装 cookie-parser时
3.2 安装
"cookie-parser": "latest"
3.3 在cookie存在时和不存在不同显示