如何正確認識express
第一節 引數傳遞
1。1引數傳遞
傳遞引數
1。2引數傳遞過濾資料
過濾引數 返回不同的資料 引數不同返回不同
1。2。1 get請求
瀏覽器效果:
1。2。2 post請求
1。2。3 restful API
//restful API:get傳遞方式
//name=lilei
&
pwd=123
//name/lilsi/pwd/123
app。get(‘/zhihu/id/:id/user/:user’,function(req,res){
var id=req。params[‘id’];
var user=req。params[‘user’];
res。send({
id:id,
user:user
})
})
本章作業
如何引數傳遞
get請求和post請求以及restful API請求方式
第二節 前後端互動
2。1 前後端訪問
index。js
var express=require(‘express’)
var app=express();
var router=require(‘。/router。js’)
app。use(‘/’,router)
app。listen(3000,function(){
console。log(3000);
})
router。js
前端訪問:
<!—— 請求資源 ——>
<
script
>
$
。
ajax
({
type
:
‘get’
,
url
:
‘http:localhost:3000/list’
,
success
:
function
(
res
){
console
。
log
(
res
)
}
})
script
>
顯示結果:
跨域訪問:
2。2 訪問不同的資料
router。js
前端頁面
2。3 node連結資料庫
相對資料的讀取和操作就需要操作資料
node操作資料比 php操作更簡單 ,我們看下如何操作資料,這時候還是需要apache資料庫
連結資料庫語法
連結資料庫
開啟本地xampp啟動資料庫 建立資料
* 中介軟體 mysql
* 1。 cnpm install ——save mysql
* 連結資料庫需要四個引數
* {
* host:主機地址
* user:“資料庫的賬號”
* password:“資料庫密碼”
* database:“資料庫名字”
* }
* 2。mysql 中介軟體也 提供了 一個方法 : createConnection
var mysql=require(‘mysql’);
//連結資料庫
var client=mysql。createConnection({
host:‘localhost’,
user:‘root’,
password:‘’,
database:‘1906’
})
//sql語句
var sql=“select * from userinfo”;
//執行
client。query(sql,function(error,result){
if(error) return;
console。log(result);
})
本章作業
前後端訪問資料 模擬資料介面
連結資料庫
第三節 獲取資料庫資料
3。1查詢資料庫資料
安裝 cnpm install ——save mysql express
建立index。js檔案
3。2 程式碼最佳化
3。3 接受位址列傳遞引數新增資料
本章作業
讀取修改資料庫表的資料
第四節 前後端互動
4。1 登入介面
思路:
下載 express mysql
檔案配置 index。js router。js config。js sqlConnection。js
連結操作資料庫
SqlConnection。js
Router。js
Index。js
var express=require(‘express’);
var app=express();
var router=require(‘。/router。js’)
var bodyParser=require(‘body-parser’);
app。use(bodyParser。urlencoded({
extended:true
}))
app。use(‘/’,router)
app。listen(3000,function(){
console。log(3000);
})
4。2 介面實現
router。js
4。3 msyql傳遞資料最佳化
router。js
4。4 前端請求介面
本章作業
1。登入介面 註冊介面 修改介面
2。前後端互動