国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Express 文檔（使用模板引擎）

gxyz / 1910人閱讀

摘要：一些與一起使用的流行模板引擎是和，應(yīng)用程序生成器使用作為其默認值，但它也支持其他幾個。有關(guān)可與一起使用的模板引擎列表，請參閱模板引擎，另請參閱比較模板引擎等。，使用的模板引擎，例如，要使用模板引擎。

使用模板引擎

模板引擎使你可以在應(yīng)用程序中使用靜態(tài)模板文件，在運行時，模板引擎用實際值替換模板文件中的變量，并將模板轉(zhuǎn)換為發(fā)送到客戶端的HTML文件，這種方法可以更輕松地設(shè)計HTML頁面。

一些與Express一起使用的流行模板引擎是Pug、Mustache和EJS，Express應(yīng)用程序生成器使用Jade作為其默認值，但它也支持其他幾個。

有關(guān)可與Express一起使用的模板引擎列表，請參閱模板引擎（Express wiki），另請參閱比較JavaScript模板引擎：Jade、Moustache、Dust等。

注意：Jade已更名為Pug，你可以繼續(xù)在你的應(yīng)用中使用Jade，它可以正常工作，但是，如果你想要模板引擎的最新更新，則必須在應(yīng)用程序中將Jade替換為Pug。

要渲染模板文件，請設(shè)置以下應(yīng)用程序設(shè)置屬性，在由生成器創(chuàng)建的默認應(yīng)用程序app.js中設(shè)置：

views，模板文件所在的目錄，例如：app.set("views", "./views")，默認為應(yīng)用程序根目錄中的views目錄。

view engine，使用的模板引擎，例如，要使用Pug模板引擎：app.set("view engine", "pug")。

然后安裝相應(yīng)的模板引擎npm包，例如安裝Pug：

$ npm install pug --save
兼容Express的模板引擎（如Jade和Pug）導出名為__express(filePath, options, callback)的函數(shù)，該函數(shù)由res.render()函數(shù)調(diào)用以渲染模板代碼。
某些模板引擎不遵循此約定，Consolidate.js庫遵循此約定，映射所有流行的Node.js模板引擎，因此可以在Express中無縫工作。

設(shè)置視圖引擎后，你不必在應(yīng)用程序中指定引擎或加載模板引擎模塊，Express在內(nèi)部加載模塊，如下所示（對于上面的示例）。

app.set("view engine", "pug")

在views目錄中創(chuàng)建一個名為index.pug的Pug模板文件，其中包含以下內(nèi)容：

html
  head
    title= title
  body
    h1= message

然后創(chuàng)建一個路由來渲染index.pug文件，如果未設(shè)置view engine屬性，則必須指定視圖文件的擴展名，否則，你可以省略它。

app.get("/", function (req, res) {
  res.render("index", { title: "Hey", message: "Hello there!" })
})

當你向主頁發(fā)出請求時，index.pug文件將渲染為HTML。

注意：視圖引擎緩存不會緩存模板輸出的內(nèi)容，只緩存底層模板本身，即使緩存已打開，仍會每個請求重新渲染視圖。

要了解有關(guān)模板引擎如何在Express中工作的更多信息，請參閱：“為Express開發(fā)模板引擎”。

上一篇：使用中間件 下一篇：錯誤處理

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/100473.html

相關(guān)文章

  • Express 文檔（常見問題）

    摘要：常見問題我該如何構(gòu)建我的應(yīng)用程序這個問題沒有明確的答案，答案取決于你的應(yīng)用程序規(guī)模和所涉及的團隊，為了盡可能靈活，在結(jié)構(gòu)方面沒有做出任何假設(shè)。請參閱，了解以模型為中心的基于的框架。 常見問題 我該如何構(gòu)建我的應(yīng)用程序？ 這個問題沒有明確的答案，答案取決于你的應(yīng)用程序規(guī)模和所涉及的團隊，為了盡可能靈活，Express在結(jié)構(gòu)方面沒有做出任何假設(shè)。 在你喜歡的任何目錄結(jié)構(gòu)中，路由和其他特定于...

    MyFaith 評論0 收藏0

  • Nodejs 手動搭建 Express 項目

    摘要：接下來在控制臺跑起來看看瀏覽器訪問成功輸出到這里項目就已經(jīng)初步搭建起來了。到這里整個項目已經(jīng)搭建起來了，大功告成。引用模塊引入路由模塊設(shè)置視圖文件目錄設(shè)置模板引擎為設(shè)置模板引擎為配置靜態(tài)資源目錄第一次寫文章，請多加指教。 俗話說好記性不如爛筆頭，在看了兩天文檔后，在這里準備把自己學到的東西寫成文章記錄下來。 安裝全局模塊 npm install -g express express-g...

    Eric 評論0 收藏0

  • 【實戰(zhàn)】用 express+MongoDB 搭建一個完整的前端項目

    摘要：前言要做一個全沾的工程師，對于后端和數(shù)據(jù)庫來說，即使不認識也要見個面的。基本了解的概念就好，主要是安裝上數(shù)據(jù)庫，并進行簡單的增刪操作。 前言：要做一個全沾的工程師，對于后端和數(shù)據(jù)庫來說，即使不認識也要見個面的。本文給的例子很簡單，也貼出來源碼，只要一步步下來，就可以跑起來啦~~~ 思考一個需求：做一個登錄頁面，自己搭建服務(wù)和數(shù)據(jù)庫，將用戶輸入的登錄信息保存到數(shù)據(jù)庫如何完成呢：首先選擇...

    Steve_Wang_ 評論0 收藏0

  • Express 實戰(zhàn)（七）：視圖與模板：Pug 和 EJS

    摘要：而框架中最常用的兩個視圖引擎是和。實際上這些上下文對象就是會在視圖中使用到的變量。其實視圖緩存并不是緩存視圖實際上它緩存的視圖路徑。根據(jù)默認視圖引擎將缺少拓展名的視圖文件補充完整。實際上存在由不同組織維護的兩個不同版本的。 showImg(https://segmentfault.com/img/remote/1460000010821004);前面的內(nèi)容大都是關(guān)于 Express 框...

    wmui 評論0 收藏0

  • Express 文檔（目錄）

    摘要：文檔基于的快速開放極簡主義的框架，是一個最小且靈活的應(yīng)用程序框架，為和移動應(yīng)用程序提供了一組強大的功能。借助無數(shù)的實用程序方法和中間件，你可以快速輕松地創(chuàng)建強大的。提供了一層輕薄的基本應(yīng)用程序功能，而不會隱藏你熟悉和喜愛的功能。 Express 文檔 基于Node.js的快速、開放、極簡主義的Web框架，Express是一個最小且靈活的Node.js Web應(yīng)用程序框架，為Web和移動...

    馬忠志 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<