簡介：

Express是目前最流行的基于Node.js的Web開發(fā)框架。 是基于 Node.js 平臺，快速、開放、極簡的 web 開發(fā)框架。
Express 不對 Node.js 已有的特性進行二次抽象，只是在它之上擴展了 Web應(yīng)用所需的基本功能。

英語官網(wǎng)： http://expressjs.com/
中文官網(wǎng)： http://www.expressjs.com.cn/

1. Express 安裝使用

安裝：
npm install express --save

--save 參數(shù)，表示將自動修改 package.json 文件，自動添加依賴項。

簡單使用：

var express = require('express');  // 引入
var app = express();               // 創(chuàng)建一個 Express 應(yīng)用

app.get('/', function (req, res) {  
  res.send('Hello World!');
});
app.listen(process.env.POST || 8080);

2.路由：

http://www.expressjs.com.cn/guide/routing.html
路由指的就是針對不同請求的 URL， 處理不同的業(yè)務(wù)邏輯。
（1）動態(tài)路由配置：

app.get("/user/:id",function(req,res){
  var id = req.params["id"];
  res.send(id);
});

在瀏覽器中訪問：

image.png

（2）路由里面獲取 Get 的傳值/news?name=heqi&age=100

app.get('/news', function(req, res) {
    res.send(req.query);
});

image.png

當然也可以用url模塊獲得：

var url = require('url');
var query = url.parse(req.url,true).query;

3.后臺模板ejs

EJS 是后臺模板， 可以把我們數(shù)據(jù)庫和文件讀取的數(shù)據(jù)顯示到 Html 頁面上面。 它是一個第三方模塊。（另外還有jade）

現(xiàn)在都是用前端框架，而且流行前后端分離。前端負責路由和模板輸出，后端負責數(shù)據(jù)的處理，兩者通過接口傳送json數(shù)據(jù)。

5.用 express. static 托管服務(wù)器上的靜態(tài)文件

（1）給public目錄下的文件提供靜態(tài)服務(wù)：
app.use(express.static('public'));

image.png

（2）有虛擬目錄的靜態(tài)服務(wù)：
app.use('/public',express.static('public'));

image.png

6.路由模塊化

app.route():

同一路徑下不同請求方法的處理

可使用 app.route() 創(chuàng)建路由路徑的鏈式路由句柄。由于路徑在一個地方指定，這樣做有助于創(chuàng)建模塊化的路由，而且減少了代碼冗余和拼寫錯誤。請參考 Router() 文檔 了解更多有關(guān)路由的信息。

下面這個示例程序使用 app.route() 定義了鏈式路由句柄。

app.route('/book')
  .get(function(req, res) {
    res.send('Get a random book');
  })
  .post(function(req, res) {
    res.send('Add a book');
  })
  .put(function(req, res) {
    res.send('Update the book');
  });

express.Router

可使用 express.Router 類創(chuàng)建模塊化、可掛載的路由句柄。Router 實例是一個完整的中間件和路由系統(tǒng)，因此常稱其為一個 “mini-app”。

在 app 目錄下創(chuàng)建名為 birds.js 的文件，內(nèi)容如下：

var express = require('express');
var router = express.Router();

// 定義模塊的路由
router.get('/', function(req, res) {
  res.send('Birds home page');
});
// 定義模塊的about 頁面路由
router.get('/about', function(req, res) {
  res.send('About birds');
});

module.exports = router;

然后在應(yīng)用（主入口）中加載路由模塊：

var birds = require('./birds');
app.use('/birds', birds);

所以要訪問birds.js中的/about，則訪問/birds/about，輸出：'About birds'

7.express腳手架

http://www.expressjs.com.cn/starter/generator.html

看看目錄結(jié)構(gòu)：

image.png

package.json：

image.png

npm i
npm start
打開http://localhost:3000/就可以看到：

image.png