express和数据库(MySQL)的交互

Posted 2020-09-18 aGod

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了express和数据库(MySQL)的交互相关的知识，希望对你有一定的参考价值。

一、安装express前面都讲了

1.express。

cnpm || npm install express --save

2.中间件

a.cnpm || npm install body-parser --save 当post请求的时候，需要用这个中间件来处理参数

b.cnpm || npm install cookie-parser 处理cookie的中间件

c. cnpm || npm install multer 处理form表单中的文件上传

3.安装mysql 的数据库集成

cnpm || npm install mysql

本次操作是依靠的phpStudy中的MySQL 启动数据也是用的 phpStudy自带服务器。需要的自己去下载一phpStudy

二、链接数据库

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

var mysql = require(\'mysql\');

var con = mysql.createConnection({
    host:\'localhost\',  //数据库服务器
    user:\'root\',    //用户名
    password:\'511025\',   //密码
    database :\'userinformation\', //数据库
});
con.connect();

app.get(\'/\',function(req,res){
    res.sendFile(__dirname + \'/\' + \'form.html\');
});

app.get(\'/form.html\',function(req,res){
    res.sendFile(__dirname + \'/\' + \'form.html\');
});
app.get(\'/keepUserInformation\',function(req,res){
    var sql = \'INSERT INTO usertable(user_id,user_name,user_sex,user_phone,user_origin,\' +
      \'user_email) VALUES(110,?,?,?,?,?)\';
    var reqData = [req.query.user_name,req.query.user_sex,
        req.query.user_phone,req.query.user_origin,
        req.query.user_email];
    con.query(sql,reqData,function(error,result){
        if(error){
            res.json({code:300,msg:\'插入失败\'});
        }else{
            res.json({code:200,msg:\'插入成功\',data:[]})
        };
    });
});

var server = app.listen(\'3000\',function(){
    console.log(\'server start 127.0.0.1\');
});

2.form.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MySQL</title>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<form >
    用户姓名:<input type="text" name="user_name" value="MySQL"><br>
    用户性别:<input type="text" name="user_sex" value="女"><br>
    用户住址:<input type="text" name="user_origin" value="phpStudy"><br>
    用户电话:<input type="text" name="user_phone" value="110"><br>
    用户邮箱:<input type="text" name="user_email" value="869269904@qq.com"><br>
</form>
     <div class="keep">保存</div>

</body>
<script type="text/javascript">
    $(".keep").on("click",function(){
        $.ajax({
            url:"/keepUserInformation",
            data:$(\'form\').serialize(),
            type:\'GET\',
            success:function(res){
                console.log(res);
            }
        });
    });

</script>
</html>