express包作為node的第三方模組,很好的解決了原生模組中存在的複雜問題,使用方便很多。
首先安裝express包
npm i express
等待安裝完成後就可以在專案中引入express 模組。
express =
require
('express'
)
不同於原生node建立服務的繁瑣,express建立服務相當簡單
express()
listen
(3000,(
)=>
)
express =
require
('express');
express()
;//自動為public目錄中的所有檔案配置路由
use(express.
static
('public'))
;listen
(3000,(
)=>
);
同時引入動態資源例如表單也很方便。
send()是express提供的乙個方法,可以替代res.end()去返回更多型別的資料,例如物件陣列等。
get
('/qiwei'
,function
(req,res));
執行**並輸入使用者名稱密碼後提交控制台就會輸出以物件形式出現的賬戶密碼資訊
post
('/qiwei'
,function
(req,res));
利用post方式獲取資料就無法像get方式一樣直接獲取,需要安裝新的包
npm i body-parser
並進行引入
const bodyparser =
require
('body-parser'
);
use
(bodyparser.
urlencoded()
);這樣才可以開始使用。接下來 獲取post的資料就很簡單了
console.
log(req.body)
;
直接輸出req.body就可以獲取到post傳送的資料
不論是post還是get方式獲取資料,我們都只能獲取乙個頁面的路由。在實際**編寫中我們需要需要獲取多個頁面的路由,乙個乙個寫太過麻煩,動態路由就是為了解決這個問題而存在的。
以csdn中的一些文章為例
可以看到除了打碼的個人資訊以外後面的路徑都是跟著/article/details再加一串字元,如果挨個配置所花時間太長。
//引入express包
const express =
require
('express'
)express()
//前台的多個路徑都可以匹配到後台的乙個路徑
get(
'/article/:id'
,function
(req,res)
= req.params
console.
log(req.params)
res.
send
(req.params)})
listen
(3002,(
)=>
)
這就是乙個基礎的動態路由分配,在get中會自動分配article開頭的路徑,可以是article/topic,也可以是article/adv等等。id就會儲存且匹配article後的路徑,且req.params會以物件形式輸出後面的資料。也可以進行多個匹配
get(
'/article/:id/:***/:yyy'
,function
(req,res)
= req.params
console.
log(req.params)
res.
send
(req.params)})
在路由配置中我們有可能會出現
express 學習筆記
1 全域性安裝express npm install express g 但是,在express4.x版本中已經不含有express命令了。需要安裝 express generator npm install express generator g 2 建立express專案 express e n...
Nodejs學習筆記(四)Express中介軟體
中間函式 中介軟體 技術上說就是得到乙個請求物件,要麼反饋客戶端,要麼傳遞給另乙個中間函式。在express中,所有路由控制代碼函式都是中間函式。use express.json 當我們呼叫express.json 方法時,它返回乙個函式物件,它是乙個中間函式。這個函式的作用就是讀取請求,如果請求體...
Nodejs學習總結 Express入門(一)
express是基於node.js平台開發的web應用開發框架,下面我們入手學習。官網 github express生成器 1 生成express全域性指令 npm install express generator g 注 生成 express h可以檢視所有命令列選項 如上圖就是乙個expres...