Express框架
Web 應(yīng)用程序
Express 是一個保持最小規(guī)模的靈活的 Node.js Web 應(yīng)用程序開發(fā)框架，為 Web 和移動應(yīng)用程序提供一組強大的功能。
API
使用您所選擇的各種 HTTP 實用工具和中間件，快速方便地創(chuàng)建強大的 API。
性能
Express 提供精簡的基本 Web 應(yīng)用程序功能，而不會隱藏您了解和青睞的 Node.js 功能。
Express-路由基本使用
下載：npm install express --save
Hello world
新建一個server.js文件，然后輸入：
const express = require('express');
const app= express();
app.get('/', (req, res)=>{
req.send('Hello world');
});
app.listen(8083, ()=>{
console.log('Server is running at http://localhost:8083')
})
然后運行：node server.js
打開：http://localhost:8083/
就出現(xiàn)：
請求和響應(yīng)
Express 應(yīng)用使用回調(diào)函數(shù)的參數(shù)： request 和 response 對象來處理請求和響應(yīng)的數(shù)據(jù)。
app.get('/', function (request, response) {
// --
})
request 和 response 對象的具體介紹：
Request 對象
request 對象表示 HTTP 請求，包含了請求查詢字符串，參數(shù)，內(nèi)容，HTTP 頭部等屬性。常見屬性有：
req.app：當(dāng)callback為外部文件時，用req.app訪問express的實例
req.baseUrl：獲取路由當(dāng)前安裝的URL路徑
req.body / req.cookies：獲得「請求主體」/ Cookies
req.fresh / req.stale：判斷請求是否還「新鮮」
req.hostname / req.ip：獲取主機名和IP地址
req.originalUrl：獲取原始請求URL
req.params：獲取路由的parameters
req.path：獲取請求路徑
req.protocol：獲取協(xié)議類型
req.query：獲取URL的查詢參數(shù)串
req.route：獲取當(dāng)前匹配的路由
req.subdomains：獲取子域名
req.accepts()：檢查可接受的請求的文檔類型
req.acceptsCharsets / req.acceptsEncodings / req.acceptsLanguages：返回指定字符集的第一個可接受字符編碼
req.get()：獲取指定的HTTP請求頭
req.is()：判斷請求頭Content-Type的MIME類型
Response 對象
response 對象表示 HTTP 響應(yīng)，即在接收到請求時向客戶端發(fā)送的 HTTP 響應(yīng)數(shù)據(jù)。常見屬性有：
res.app：同req.app一樣
res.append()：追加指定HTTP頭
res.set()在res.append()后將重置之前設(shè)置的頭
res.cookie(name，value [，option])：設(shè)置Cookie
opition: domain / expires / httpOnly / maxAge / path / secure / signed
res.clearCookie()：清除Cookie
res.download()：傳送指定路徑的文件
res.get()：返回指定的HTTP頭
res.json()：傳送JSON響應(yīng)
res.jsonp()：傳送JSONP響應(yīng)
res.location()：只設(shè)置響應(yīng)的Location HTTP頭，不設(shè)置狀態(tài)碼或者close response
res.redirect()：設(shè)置響應(yīng)的Location HTTP頭，并且設(shè)置狀態(tài)碼302
res.render(view,[locals],callback)：渲染一個view，同時向callback傳遞渲染后的字符串，如果在渲染過程中有錯誤發(fā)生next(err)將會被自動調(diào)用。callback將會被傳入一個可能發(fā)生的錯誤以及渲染后的頁面，這樣就不會自動輸出了。
res.send()：傳送HTTP響應(yīng)
res.sendFile(path [，options] [，fn])：傳送指定路徑的文件 -會自動根據(jù)文件extension設(shè)定Content-Type
res.set()：設(shè)置HTTP頭，傳入object可以一次設(shè)置多個頭
res.status()：設(shè)置HTTP狀態(tài)碼
res.type()：設(shè)置Content-Type的MIME類型
Express-路由
我們已經(jīng)了解了 HTTP 請求的基本應(yīng)用，而路由決定了由誰(指定腳本)去響應(yīng)客戶端請求。
在HTTP請求中，我們可以通過路由提取出請求的URL以及GET/POST參數(shù)。
路由的基本形式：
app.METHOD(PATH, HANDLER)
-
app表示的是一個Express的實例 -
METHOD是http請求的方法（get, psot..） -
PATH服務(wù)器上的路徑 -
HANDLER請求之后的執(zhí)行函數(shù)
下面的示例說明了如何定義路由：
// 對/news 頁面進行g(shù)et請求
app.get('news', (req, res)=>{
res.send('Hello news');
});
// 對/about 頁面進行post請求
app.post('about', (req, res)=>{
res.send('Hello about');
});
// 對/list* 可匹配 /list+任意字符
app.get('/list*', (req, res)=>{
res.send('Hello list pages');
})
然后運行：node server.js
打開：http://localhost:8083/
Express-搭建靜態(tài)資源庫
Express 提供了內(nèi)置的中間件 express.static 來設(shè)置靜態(tài)文件如：圖片， CSS, JavaScript 等。
你可以使用 express.static 中間件來設(shè)置靜態(tài)文件路徑。例如，如果你將圖片， CSS, JavaScript 文件放在 public 目錄下，你可以這么寫：
app.use(express.static('public'));
現(xiàn)在，你就可以訪問 public 目錄中的所有文件了：
public/index.html
public/images
public/images/bg.jpeg
public/css
...
如果要使用多個靜態(tài)資源目錄，請多次調(diào)用 express.static 中間件函數(shù)：
app.use(express.static('public'))
app.use(express.static('files'))
Express 在靜態(tài)目錄查找文件，因此，存放靜態(tài)文件的目錄名不會出現(xiàn)在 URL 中。
但是您可以給靜態(tài)目錄添加一個路由：
app.use('/static', express.static(path.join(__dirname, 'public')))
設(shè)置/static為/public目錄的路由。
現(xiàn)在，你就可以通過帶有 /static 前綴地址來訪問 public 目錄中的文件了。
http://localhost:8083/static/css
http://localhost:8083/static/css/index.css
http://localhost:8083/static/image
http://localhost:8083/static/images/bg.jpeg
http://localhost:8083/static/index.html
為了安全，最好使用絕對路由：
app.use('/static', express.static(path.join(__dirname, 'public')))
然后運行：node server.js
打開：http://localhost:8083/static
就可以訪問public下的所有文件，如圖：
Express-模板引擎之EJS
EJS 是一套簡單的模板語言，幫你利用普通的 JavaScript 代碼生成 HTML 頁面。
下載Ejs: npm install ejs --save
同目錄下新建myejs.js:
const express= require('express');
const app = express();
//設(shè)置模板文件的目錄,并且新建一個viwes的目錄
app.set('views', './views');
//注冊模板引擎
app.set('view engine', 'ejs');
//使用res.render()來渲染一個視圖并將呈現(xiàn)的HTML字符串發(fā)送給客戶端；
app.get('/', function(req, res,) {
res.render('index', { title: '測試' });
});
//監(jiān)聽8083端口
app.listen(8083, ()=>{
console.log('Server is running at http://localhost:8083')
})
在新建views目錄中新建index.ejs:
<h1><%= title %></h1>
然后運行：node myejs.js
打開：http://localhost:8083
即可看到：
當(dāng)然，也可以返回一個json文件來渲染視圖：
在同目錄下新建一個data.json:
{
"list": [
{ "name":"小明" , "age":"6", "sex": "男"},
{ "name":"小紅" , "age":"4" ,"sex": "女"},
{ "name":"小亮" , "age":"5" ,"sex": "男"}
],
"source":"神奇二班"
}
然后更改myejs.js:
const express= require('express');
const fs= require('fs');
const app = express();
//設(shè)置模板文件的目錄,并且新建一個viwes的目錄
app.set('views', './views');
//注冊模板引擎
app.set('view engine', 'ejs');
//使用res.render()來渲染一個視圖并將呈現(xiàn)的HTML字符串發(fā)送給客戶端；
app.get('/', function(req, res,) {
getDataJson((dataJson)=>{
console.log(dataJson);
res.render('index', dataJson);
})
});
//訪問data.json 拿到數(shù)據(jù)解析并返回
const getDataJson=(callBack)=>{
fs.readFile('./data.json', (err, data)=>{
if(!err){
let jsonData= JSON.parse(data);
callBack(jsonData);
}else{
throw err;
}
})
}
//監(jiān)聽8083端口
app.listen(8083, ()=>{
console.log('Server is running at http://localhost:8083')
})
然后更改index.ejs:
<h4><%=source %></h4>
<ul>
<% for(var i=0; i<list.length; i++){ %>
<li><%= list[i].name %> | <%= list[i].age %> | <%= list[i].sex %></li>
<% } %>
</ul>
然后在運行：
然后運行：node myejs.js
打開：http://localhost:8083
