Express 框架應用

2021-10-14 04:16:32 字數 2866 閱讀 9034

1.安裝並載入express模組

npm install express -g
let express =

require

('express'

)express()

//相當於http.createserver()

module

2.編寫響應和繫結埠號

在express框架下,不再需要更改響應頭,其具有自動識別並更改響應頭的能力。

get(

'/',

(req,res)

=>

)listen

(3000,(

)=>

)3.設定靜態空間

在被設定為靜態空間的資料夾下的檔案可以被終端直接訪問,例如:

/*

功能:為在當前資料夾下的public資料夾設定為靜態空間

可以直接以./public/*的方式開啟對應檔案

*/use

('/public/'

,express.

static

('./public'

))

4.在express中使用art-template

使用express-art-tempalte雖然不需要再載入art-template,但是前者是基於後者的,所以使用前者必須安裝後者。

安裝express-art-template模組後,使用方法如下:

engine

('html'

,require

('express-art-template'))

get(

'/',

(req,res)

=>)注意

set('views'

,更改的預設目錄+

'/')

5.在express中解析post請求的資料

需要先安裝中介軟體-body-parser,然後根據以下命令配置

let bodyparser =

require

('body-parser'

)use

(bodyparser.

urlencoded()

)use

(bodyparser.json)

post

('/'

,(req,res)

=>

)

6.構建路由

router = express.

router()

router.

get(

'/',

(req,res)

=>

)router.

post

('/'

,(req,res)

=>

)use

(router)

7.構建專案鏈

構建入口函式

設計路由

設計api

具體實現 --

- router.js <

--- apiname.js

express-session中介軟體

配置:

let session =

require

('express-session'

)use

(session()

)get

('/'

,(req,res)

=>

)

3.1 中介軟體

中介軟體middleware就是乙個為你增加功能的方法。配置好對應的中介軟體之後,我們就能使用對應的功能了。在node.js中,中介軟體一般都是處理請求的req,res

3.2 express中介軟體按關心內容分類

中介軟體引數功能

型別use

(req,res,next)=>{}

不論收到來自客戶端的任何請求,都會執行引數裡的方法。next()代表自動執行下乙個中介軟體

不關心請求路徑和請求方式的中介軟體

use『/***』,(req,res,next)=>{}

當請求路徑以第乙個引數開頭時,則執行第二個引數的方法

關心請求路徑但不關心請求方式的中介軟體

get、post

『/***』,(req,res,next)=>{}

當對應get、post請求的請求路徑為對應的第乙個引數時執行

嚴格按照請求路徑並關心請求方式的中介軟體

3.3 中介軟體匹配策略

如果沒有匹配到,則繼續向下找滿足條件的中介軟體

3.4 使用中介軟體配置404和全域性錯誤處理

//example...

get(

'/',

(req,res,next)

=>})

})//example...

//配置404頁面

use(

(req,res)

=>

)//配置全域性錯誤處理

use(

(err,req,res)

=>)}

)

Express框架介紹

npm提供了大量的第三方模組,其中不乏許多web框架,我們沒有必要重 明輪子,因而選擇使用express作為開發框架,目前最穩定且唯一乙個web開發框架。提供更高層的介面外,還實現了許多功能,如下 路由控制 模版解析支援 動態檢視 使用者會話 csrf保護 靜態檔案服務 錯誤控制器 訪問日誌 快取外...

Express框架基礎

npm install express 1.建立服務 var express require express 2.監聽 server.listsen 8080 3.處理請求 server.use 位址 function req,res var express require express var ...

搭建express框架

express建立專案與vue差不多,兩者都有腳手架。1.全域性安裝express及express generator express的腳手架 命令 npm install g express,npm install g express generator2.初始化乙個express應用 其中 初始...