• 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 ?

  • 相关阅读:
    欧拉回路 定理
    UESTC 1087 【二分查找】
    POJ 3159 【朴素的差分约束】
    ZOJ 1232 【灵活运用FLOYD】 【图DP】
    POJ 3013 【需要一点点思维...】【乘法分配率】
    POJ 2502 【思维是朴素的最短路 卡输入和建图】
    POJ 2240 【这题貌似可以直接FLOYD 屌丝用SPFA通过枚举找正权值环 顺便学了下map】
    POJ 1860【求解是否存在权值为正的环 屌丝做的第一道权值需要计算的题 想喊一声SPFA万岁】
    POJ 1797 【一种叫做最大生成树的很有趣的贪心】【也可以用dij的变形思想~】
    js 实现slider封装
  • 原文地址:https://www.cnblogs.com/createGod/p/6870022.html
Copyright © 2020-2023  润新知