標籤: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)的互動(二)