您當前的位置:首頁 > 體育

如何正確認識express

作者:由 Steven Wang 發表于 體育時間:2020-06-10

第一節 引數傳遞

1。1引數傳遞

傳遞引數

如何正確認識express

如何正確認識express

1。2引數傳遞過濾資料

過濾引數 返回不同的資料 引數不同返回不同

1。2。1 get請求

如何正確認識express

瀏覽器效果:

如何正確認識express

1。2。2 post請求

如何正確認識express

如何正確認識express

1。2。3 restful API

如何正確認識express

//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

如何正確認識express

前端訪問:

<!—— 請求資源 ——>

<

script

>

$

ajax

({

type

‘get’

url

‘http:localhost:3000/list’

success

function

res

){

console

log

res

}

})

script

>

顯示結果:

如何正確認識express

跨域訪問:

如何正確認識express

2。2 訪問不同的資料

router。js

如何正確認識express

前端頁面

如何正確認識express

2。3 node連結資料庫

相對資料的讀取和操作就需要操作資料

node操作資料比 php操作更簡單 ,我們看下如何操作資料,這時候還是需要apache資料庫

連結資料庫語法

連結資料庫

開啟本地xampp啟動資料庫 建立資料

如何正確認識express

* 中介軟體 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檔案

如何正確認識express

3。2 程式碼最佳化

如何正確認識express

3。3 接受位址列傳遞引數新增資料

如何正確認識express

本章作業

讀取修改資料庫表的資料

第四節 前後端互動

4。1 登入介面

思路:

下載 express mysql

檔案配置 index。js router。js config。js sqlConnection。js

連結操作資料庫

SqlConnection。js

如何正確認識express

Router。js

如何正確認識express

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

如何正確認識express

4。3 msyql傳遞資料最佳化

如何正確認識express

router。js

如何正確認識express

4。4 前端請求介面

如何正確認識express

如何正確認識express

如何正確認識express

本章作業

1。登入介面 註冊介面 修改介面

2。前後端互動

標簽: router  資料庫  var  js  user