3.模板引擎--EJS

著名的兩個模板引擎EJS,Jade

EJS

官網(wǎng):https://ejs.bootcss.com

【1】EJS的成員函數(shù)

Render(str, data, [option]):直接渲染字符串并生成html
str:需要解析的字符串模板
data:數(shù)據(jù)
option:配置選項

// index是需要解析的模板 index.ejs
res.render('index', { title: 'Express' });

【2】 EJS常用標簽

  • <% %>流程控制標簽
    主要用于寫控制語句,例如if ,for
<% if (user) { %>
<% } %>
  • <%= %>輸出標簽,原文輸出html標簽
<%= title %>


  • <%- %>輸出標簽,html會被瀏覽器解析



  • 《%# %》注釋標簽

  • %對標記進行轉(zhuǎn)義

  • includes
    EJS支持引入模板
    創(chuàng)建了一個test.ejs



    在index.ejs中對其進行引入


【3】案例:使用nodejs從后臺渲染頁面

  • 創(chuàng)建view
  • js中完成view的讀取拼接和渲染



最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 概要 64學時 3.5學分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,880評論 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,878評論 1 45
  • 搭建開發(fā)環(huán)境并模擬交互數(shù)據(jù) 一、實驗說明 下述介紹為實驗樓默認環(huán)境,如果您使用的是定制環(huán)境,請修改成您自己的環(huán)境介...
    玄月府的小妖在debug閱讀 2,248評論 0 15
  • 諸般前塵盡了了, 一抔黃土兩界遙。 余魂半縷人間意, 似聞阿娘喚嬌嬌。 姐姐走了…… 女人這一生,命途若多舛,臨到...
    白白的墻閱讀 749評論 2 16
  • 工作十年,雖然說賺不算太多,可隨便一支名牌口紅的錢還是能拿出來,可我偏偏不舍得。 工作十年了,我只有一支段先生送的...
    都市一棵草閱讀 960評論 1 1

友情鏈接更多精彩內(nèi)容