zoukankan      html  css  js  c++  java
  • 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 ?

  • 相关阅读:
    百度之星 1211 题目一
    acdream 1019 Palindrome 字符串hash
    POJ2480 Longge's problem 欧拉函数
    C#为应用程序注册快捷键
    sql跨数据库查询
    嵌入式轻量级数据库 SQLite和 System.Data.SQLite
    经典问题 C#隐藏和显示窗体
    System.Data.SQLite类Dll下载地址和移植C# SQLite
    CMMI5
    两个ComboBox之间Item的移动
  • 原文地址:https://www.cnblogs.com/createGod/p/6870022.html
Copyright © 2011-2022 走看看