摘要:框架應用程序是一個保持最小規模的靈活的應用程序開發框架,為和移動應用程序提供一組強大的功能。路由基本使用下載新建一個文件,然后輸入然后運行打開就出現請求和響應應用使用回調函數的參數和對象來處理請求和響應的數據。
Express框架 Web 應用程序
Express 是一個保持最小規模的靈活的 Node.js Web 應用程序開發框架,為 Web 和移動應用程序提供一組強大的功能。
API使用您所選擇的各種 HTTP 實用工具和中間件,快速方便地創建強大的 API。
性能Express 提供精簡的基本 Web 應用程序功能,而不會隱藏您了解和青睞的 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/
就出現:
Express 應用使用回調函數的參數: request 和 response 對象來處理請求和響應的數據。
app.get("/", function (request, response) { // -- })
request 和 response 對象的具體介紹:
Request 對象request 對象表示 HTTP 請求,包含了請求查詢字符串,參數,內容,HTTP 頭部等屬性。常見屬性有:
req.app:當callback為外部文件時,用req.app訪問express的實例
req.baseUrl:獲取路由當前安裝的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:獲取協議類型
req.query:獲取URL的查詢參數串
req.route:獲取當前匹配的路由
req.subdomains:獲取子域名
req.accepts():檢查可接受的請求的文檔類型
req.acceptsCharsets / req.acceptsEncodings / req.acceptsLanguages:返回指定字符集的第一個可接受字符編碼
req.get():獲取指定的HTTP請求頭
req.is():判斷請求頭Content-Type的MIME類型
response 對象表示 HTTP 響應,即在接收到請求時向客戶端發送的 HTTP 響應數據。常見屬性有:
res.app:同req.app一樣
res.append():追加指定HTTP頭
res.set()在res.append()后將重置之前設置的頭
res.cookie(name,value [,option]):設置Cookie
opition: domain / expires / httpOnly / maxAge / path / secure / signed
res.clearCookie():清除Cookie
res.download():傳送指定路徑的文件
res.get():返回指定的HTTP頭
res.json():傳送JSON響應
res.jsonp():傳送JSONP響應
res.location():只設置響應的Location HTTP頭,不設置狀態碼或者close response
res.redirect():設置響應的Location HTTP頭,并且設置狀態碼302
res.render(view,[locals],callback):渲染一個view,同時向callback傳遞渲染后的字符串,如果在渲染過程中有錯誤發生next(err)將會被自動調用。callback將會被傳入一個可能發生的錯誤以及渲染后的頁面,這樣就不會自動輸出了。
res.send():傳送HTTP響應
res.sendFile(path [,options] [,fn]):傳送指定路徑的文件 -會自動根據文件extension設定Content-Type
res.set():設置HTTP頭,傳入object可以一次設置多個頭
res.status():設置HTTP狀態碼
res.type():設置Content-Type的MIME類型
我們已經了解了 HTTP 請求的基本應用,而路由決定了由誰(指定腳本)去響應客戶端請求。
在HTTP請求中,我們可以通過路由提取出請求的URL以及GET/POST參數。
路由的基本形式:
app.METHOD(PATH, HANDLER)
app 表示的是一個Express的實例
METHOD 是http請求的方法(get, psot..)
PATH 服務器上的路徑
HANDLER 請求之后的執行函數
下面的示例說明了如何定義路由:
// 對/news 頁面進行get請求 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 提供了內置的中間件 express.static 來設置靜態文件如:圖片, CSS, JavaScript 等。
你可以使用 express.static 中間件來設置靜態文件路徑。例如,如果你將圖片, CSS, JavaScript 文件放在 public 目錄下,你可以這么寫:
app.use(express.static("public"));
現在,你就可以訪問 public 目錄中的所有文件了:
public/index.html public/images public/images/bg.jpeg public/css ...
如果要使用多個靜態資源目錄,請多次調用 express.static 中間件函數:
app.use(express.static("public")) app.use(express.static("files"))
Express 在靜態目錄查找文件,因此,存放靜態文件的目錄名不會出現在 URL 中。
但是您可以給靜態目錄添加一個路由:
app.use("/static", express.static(path.join(__dirname, "public")))
設置/static為/public目錄的路由。
現在,你就可以通過帶有 /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下的所有文件,如圖:
EJS 是一套簡單的模板語言,幫你利用普通的 JavaScript 代碼生成 HTML 頁面。
下載Ejs: npm install ejs --save
同目錄下新建myejs.js:
const express= require("express"); const app = express(); //設置模板文件的目錄,并且新建一個viwes的目錄 app.set("views", "./views"); //注冊模板引擎 app.set("view engine", "ejs"); //使用res.render()來渲染一個視圖并將呈現的HTML字符串發送給客戶端; app.get("/", function(req, res,) { res.render("index", { title: "測試" }); }); //監聽8083端口 app.listen(8083, ()=>{ console.log("Server is running at http://localhost:8083") })
在新建views目錄中新建index.ejs:
<%= title %>
然后運行:node myejs.js
打開:http://localhost:8083
即可看到:
當然,也可以返回一個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(); //設置模板文件的目錄,并且新建一個viwes的目錄 app.set("views", "./views"); //注冊模板引擎 app.set("view engine", "ejs"); //使用res.render()來渲染一個視圖并將呈現的HTML字符串發送給客戶端; app.get("/", function(req, res,) { getDataJson((dataJson)=>{ console.log(dataJson); res.render("index", dataJson); }) }); //訪問data.json 拿到數據解析并返回 const getDataJson=(callBack)=>{ fs.readFile("./data.json", (err, data)=>{ if(!err){ let jsonData= JSON.parse(data); callBack(jsonData); }else{ throw err; } }) } //監聽8083端口 app.listen(8083, ()=>{ console.log("Server is running at http://localhost:8083") })
然后更改index.ejs:
<%=source %>
然后在運行:
然后運行:node myejs.js
打開:http://localhost:8083
參考:
GitHub源碼
Express官方文檔
EJS 模板引擎
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/100704.html
摘要:嘗試使用調試程序,實現個人更習慣使用來調試客戶端使用調取接口的時候要區分的區別參數放在不設置或者參數放在 使用到的技術棧有express、mysql.項目結構: service --node_modules --app.js --query.js app.js支持調用服務,使用body-parser對request進行處理.query.js實現鏈接數據庫以及查詢數據庫的功能.app.j...
摘要:前言要做一個全沾的工程師,對于后端和數據庫來說,即使不認識也要見個面的。基本了解的概念就好,主要是安裝上數據庫,并進行簡單的增刪操作。 前言:要做一個全沾的工程師,對于后端和數據庫來說,即使不認識也要見個面的。本文給的例子很簡單,也貼出來源碼,只要一步步下來,就可以跑起來啦~~~ 思考一個需求:做一個登錄頁面,自己搭建服務和數據庫,將用戶輸入的登錄信息保存到數據庫如何完成呢:首先選擇...
摘要:但是之前是直接用本地去執行代碼,代碼執行后無法改變其狀態,于是打算用和來做一個簡單的站點去執行操作。代碼邏輯整個邏輯很簡單,一個簡單的前端頁面,提供表單來發送請求修改發送的消息,服務端使用文件來保存消息,在需要發送消息的時候讀取消息。 背景 之前寫了一個釘釘機器人定時發消息的應用,感覺還有許多可以補充優化的地方,比如可以修改發送的消息內容,也可以啟動或者停止定時發送消息。 但是之前是直...
摘要:指定需要處理的路由回調函數,即請求此路由的處理函數,它可以接收兩個參數三個參數,四個參數。如果匹配到自定義的路由,立即執行回調函數,如果處理函數中沒有則不再往下執行,如果執行了會繼續向下匹配。 簡介 Node.js? is a JavaScript runtime built on Chromes V8 JavaScript engine. Node.js uses an event-...
摘要:文件這個是項目的入口文件,這邊有著項目的一下配置,也在此整合了項目的模塊,其中要注意的就是里面關于路由模塊的配置了。后面要再想加其他路由模塊的時候,就按照上面先引入路由模塊,再用設置好地址,后面就可以用了。 前言 想必很多小伙伴開始學 node 的時候想搞個項目出來卻不知道怎么下手吧,這個教程的話就是教大家用 express 框架簡單粗暴搭建一個可以用的后臺出來,然后關于 node 和...
閱讀 2078·2023-04-25 17:57
閱讀 1284·2021-11-24 09:39
閱讀 2482·2019-08-29 16:39
閱讀 3312·2019-08-29 13:44
閱讀 3117·2019-08-29 13:14
閱讀 2313·2019-08-26 11:36
閱讀 3810·2019-08-26 11:00
閱讀 948·2019-08-26 10:14