express框架
express框架
安裝express,
最基本的使用
建立伺服器與建立路由的方法與以前不同,但是都差不多
app.use()
app.use()是不管這個get或者Post,只要是地址對山了就執行
最後一個next函式,如果呼叫了,那麼下一個路由匹配相同的就會執行,如圖
在第二個路由中。張三被列印出來了。
接受所有請求,
第一個引數的地址不寫,不管地址是什麼,都會先經過第一個路由。
用處很大,1 網站維護,
不呼叫Next,所以不能往嚇走,
2 攔截判斷是否登入
3 當訪問的頁面不存在時返回404
錯誤處理中介軟體
只能俘獲同步的錯誤,想俘獲非同步的錯誤時。
要把錯誤資訊傳給next()這樣才能俘獲。
因為檔案不存在,所以執行了錯誤處理中介軟體。
try catch
只能俘獲非同步函式+同步程式碼。不能俘獲其他型別。
構建模組化路由
home只是第一層,通過home可以進入第二層等等
建立一個home的路由物件。然後建立二級路由物件,再匯出去,讓app.js匯入他再去匹配,匹配成功後就可以通過/home/add訪問home裡面的路由
引數處理
get引數獲取
req.query獲取get引數
req.query返回的是物件
另一種請求引數
這種方式只能用req.params獲取,而上一種用req.query獲取
post引數獲取
post引數的獲取需要用到第三方模組 body-parser
攔截請求判斷是否有引數,有則傳給req.body,false表示用querystring解析,true表示用qs解析。
express框架的靜態資源處理
需匯入serve-static模組
使用:
開放靜態資源,即可通過localhost去訪問了
訪問成功
還有一個隱藏問題,瀏覽器訪問靜態資源時,是根據自己的請求地址來訪問的,所以在訪問css,js時可能會出現錯誤,故在art檔案裡,把所有引入靜態資源的href,src等用絕對路徑替代,比如訪問靜態資源下的admin檔案下的123.css
src=/admin/123.css,在最前面加上/,並且路徑寫全
express框架的模板引擎使用
需要引入express-art-template art-template模組,
首先完成三步驟
接下來使用,
res.render()第一個引數則是模板存在位置所要用的檔名,第二個則是傳值。
結果
注意一個app.loacls物件,可以加屬性賦值,然後在模板直接引用
這個建立後,在模板可以直接呼叫,
才會出現上圖的
相關文章
- 初次接觸express框架Express框架
- node框架express的研究框架Express
- Node.js Express 框架Node.jsExpress框架
- Express框架(二)—— 中介軟體Express框架
- express框架+mongodb簡易學生管理Express框架MongoDB
- node-express框架本地模擬介面資料Express框架
- 第四代Express框架koa簡介Express框架
- Node.js學習之路24——Express框架的app物件Node.jsExpress框架APP物件
- 一杯茶的時間,上手 Express 框架開發Express框架
- 什麼時候使用這些Nodejs框架? Express,Koa,Nest,NodeJS框架Express
- 初識NodeJS-使用Express框架路由和中介軟體NodeJSExpress框架路由
- node+express框架中連線使用mysql經驗總結Express框架MySql
- 採用 SwiftNIO 實現一個類似 Express 的 Web 框架SwiftExpressWeb框架
- 初步瞭解Express(基於node.js的後端框架)ExpressNode.js後端框架
- 根據原始碼模擬實現express框架常用功能原始碼Express框架
- 如何選擇正確的Node框架:Express,Koa還是Hapi?框架ExpressAPI
- expressExpress
- NodeJs 實戰——原生 NodeJS 輕仿 Express 框架從需求到實現(二)NodeJSExpress框架
- # NodeJs 實戰——原生 NodeJS 輕仿 Express 框架從需求到實現(一)NodeJSExpress框架
- Node.js 配合 express 框架、ejs 、mongodb 實現應用 && [使用 TypeScript 重構]Node.jsExpress框架MongoDBTypeScript
- express 精讀Express
- Express初識Express
- express-validatorExpress
- Express 新手概述Express
- IIS Express 概述Express
- NodeJS 與 ExpressNodeJSExpress
- 理解Express express.static 和 __direname 及 __firename的含義Express
- Express 文件(目錄)Express
- Node之Express模板Express
- Express 文件(安裝)Express
- Express 文件(除錯)Express除錯
- Express原始碼解析Express原始碼
- Node express 整合SwaggerExpressSwagger
- Express快速入門Express
- Express原始碼分析Express原始碼
- Express 文件(使用模板引擎)Express
- 理解Express中介軟體Express
- Express route 原始碼解析Express原始碼