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

关注

原创最新推荐文章于 2026-09-20 10:08:56 发布 1.2w 阅读 AI 写同款· GEO 优化 ›

构建Node.js Express项目：用户与管理员登录注册系统 Node.js是一个基于Chrome V8引擎的JavaScript运行环境，使得JavaScript可以在服务器端执行。由Ryan Dahl于2009年发起，它的设计目标是提供一种简单而有效的解决方案，以便能够构建可扩展的网络应用。Node.js的核心设计理念是事件驱动，非阻塞I/O模型。这种设计模式让Node.js在处理大量并发连接时表现卓越，尤其适合于实时应用，如聊天服务器、在线游戏或实时监控系统。阅读详情

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>