Node.js+Express+MySql实现用户登录注册

Node.js+Express+MySql实现用户登录注册

IDE:WebStorm
工程目录:


数据库表


Login.js:
/**
 * Created by linziyu on 2017/7/8.
 */
/**
 * express接收html传递的参数
 */

var  express=require('express');
var  app=express();
var mysql=require('mysql');

/**
 * 配置MySql
 */
var connection = mysql.createConnection({
    host     : '127.0.0.1',
    user     : 'root',
    password : '1996112lin',
    database : 'mydata',
    port:'3306'
});
connection.connect();
app.get('/',function (req,res) {
    res.sendfile(__dirname + "/" + "index.html" );
})

/**
 * 实现登录验证功能
 */
app.get('/login',function (req,res) {
    var  name=req.query.name;
    var pwd=req.query.pwd;

    var selectSQL = "select * from user where uname = '"+name+"' and pwd = '"+pwd+"'";
    connection.query(selectSQL,function (err,rs) {
        if (err) throw  err;
        console.log(rs);
        console.log('OK');
        res.sendfile(__dirname + "/" + "OK.html" );
    })
})

app.get('/register.html',function (req,res) {
    res.sendfile(__dirname+"/"+"register.html");
})

/**
 * 实现注册功能
 */
app.get('/register',function (req,res) {
    var  name=req.query.name;
    var  pwd=req.query.pwd;
    var  user={uname:name,pwd:pwd};
    connection.query('insert into user set ?',user,function (err,rs) {
        if (err) throw  err;
        console.log('ok');
        res.sendfile(__dirname + "/" + "index.html" );
    })
})




var  server=app.listen(7744,function () {
    console.log("start");
})
Index.html:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
        <form  action="http://127.0.0.1:7744/login">
                <input type="text" name="name"/>
                <input type="text" name="pwd"/>
            <input type="submit" value="提交"/>
        </form>
    <a href="register.html">注册</a>

</body>
</html>
Register.html:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form  action="http://127.0.0.1:7744/register">
    <input type="text" name="name"/>
    <input type="text" name="pwd"/>
    <input type="submit" value="提交"/>
</form>
</body>
</html>

启动后访问:http://localhost:7744/

  • 6
    点赞
  • 46
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值