express和数据库(MySQL)的交互(二)

时间：2017-05-18 00:25:06 阅读：329 评论：0 收藏：0 [点我收藏+]

一、安装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>