Node.js之express框架

一、express簡介

Express 是一個簡潔而靈活的 node.js Web應用框架, 提供了一系列強大特性幫助你創建各種 Web 應用，和豐富的 HTTP 工具。

Web 應用：Express 是一個基於 Node.js 平台的極簡、靈活的 web 應用開發框架，它提供一系列強大的特性，幫助創建各種 Web 和移動設備應用。

API：豐富的 HTTP 快捷方法和任意排列組合的 Connect 中間件，讓你創建健壯、友好的 API 變得既快速又簡單。

性能：Express 不對 Node.js 已有的特性進行二次抽象，只是在它之上擴展了 Web 應用所需的基本功能。

Express 框架核心特性：

可以設置中間件來響應 HTTP 請求。

定義了路由表用於執行不同的 HTTP 請求動作。

可以通過向模板傳遞參數來動態渲染 HTML 頁面。

二、安裝 Express

Step1：為你的應用創建一個目錄，然後進入此目錄並將其作為當前工作目錄，如在D盤創建node-test文件夾。

Step2：通過 npm init 命令為你的應用創建一個 package.json 文件，此命令將要求你輸入幾個參數，例如此應用的名稱和版本。 你可以直接按「回車」鍵接受默認設置即可。

Step3：接下來安裝 Express 並將其保存到依賴列表中：

以上命令會將 Express 框架安裝在當前目錄的 node_modules 目錄中， node_modules 目錄下會自動創建 express 目錄。

注釋：安裝 Node 模塊時，如果指定了 --save 參數，那麼此模塊將被添加到 package.json 文件中 dependencies 依賴列表中。 然後通過 npm install 命令即可自動安裝依賴列表中所列出的所有模塊。

創建完成後的工作目錄：

同時你也會發現，多了一個目錄，叫 node_modules，這就是存放剛才安裝的 express 庫所有要用到的源碼文件。

如果你使用的是 npm 5，可能還會在目錄中看到一個 package-lock.json 文件。

以下幾個重要的模塊需要與 express 框架一起安裝：

body-parser 用於處理 JSON, Raw, Text 和 URL 編碼的數據。

cookie-parser 解析Cookie的工具。通過req.cookies可以取到傳過來的cookie，並把它們轉成對象。

multer 用於處理 enctype="multipart/form-data"（設置表單的MIME編碼）的表單數據。

安裝方法：

安裝後的配置文件：

三、簡單實例

1、hello world例子

在項目根目錄下創建express.js文件，並輸入如下代碼：

啟動服務，打開命令行，輸入執行命令：

在瀏覽器中訪問 ，結果如圖：

2、路由和靜態文件

在項目根目錄下創建express2.js文件，並輸入如下代碼：

打開命令行，輸入node express2.js執行命令：

在瀏覽器中訪問 ，結果如下圖所示：

在瀏覽器中訪問 ，結果如下圖所示：

在瀏覽器中訪問 ，結果如下圖所示：

Express 提供了內置的中間件 express.static 來設置靜態文件如：圖片， CSS, JavaScript 等。可以使用 express.static 中間件來設置靜態文件路徑。例如，如果將圖片， CSS, JavaScript 文件放在 public 目錄下，可以這麼寫：

在瀏覽器中訪問 ，結果如下圖所示：

參考：

express中文網：

nodejs教程：

掃碼二維碼關注我們

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！