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>

3.

4.

5.

三、express写接口，与数据库举了个简单的列子。

所有复杂的业务逻辑都是由简单的列子组成。理清楚了每一个点，就简单了。

node 的入门篇基本就完了。有兴趣的可以看看ejs,jade模板引擎。

Come On !

var  a = {n:2};

var b = a;

 a.x = a = {n:1};

b.x ?

a.x ?

 

posted @ 2017-05-17 23:03  aGod  阅读(902)  评论(0)  编辑  收藏  举报