express和資料庫(MySQL)的互動(二)

來源:互聯網
上載者:User

標籤:doctype   oct   host   post   min   origin   head   exp   database   

一、安裝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="[email protected]"><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 ?

 

express和資料庫(MySQL)的互動(二)

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.