一、安裝express前面都講了 1.express。 cnpm || npm install express --save 2.中間件 a.cnpm || npm install body-parser --save 當post請求的時候,需要用這個中間件來處理參數 b.cnpm || npm i ...
一、安裝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 ?