Express的模板引擎

模板引擎是什么

模板引擎(Template Engine)是一個(gè)將頁面模板和數(shù)據(jù)結(jié)合起來生成 html 的工具

ejs

ejs 作為一個(gè)模板引擎双肤,使用起來十分簡單道媚,而且與 express 集成良好

安裝

npm install ejs --save

使用

修改 index.js,設(shè)置模板的存放路徑荒辕,并設(shè)置當(dāng)前的模板引擎為 ejs

var express = require('express');
var path = require('path');

var app = express();

app.set('views', path.join(__dirname, 'views'));  // 模板文件存放在 views/ 文件夾下
app.set('view engine', 'ejs');  // 模板引擎為 ejs

var indexRouter = require('./routes/index');
var userRouter = require('./routes/user');

app.use('/', indexRouter);
app.use('/user', userRouter);

app.listen(3000);

在 views 文件夾下建立 user.ejs 文件亩进,并加入如下代碼

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <%= name %>
  <body>
</html>

修改 routes/user.js 文件卵慰,加入一個(gè)新的路由

router.get('/:name', function(req, res) {
    res.render('user', {
        name: req.params.name
    });
});

以上代碼的意思是:當(dāng)訪問如 http://localhost:3000/user/okada 路徑時(shí),到 views 文件夾下找到名字為 user 的模板文件榴芳,然后渲染模板嗡靡,最后返回渲染好的 HTML 內(nèi)容

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    okada
  <body>
</html>

路徑中 :name 起了占位符的作用,這個(gè)占位符的名字是 name窟感,可以通過 req.params.name 取到實(shí)際的值叽躯。

獲取 req 中的請求信息常見方法有幾種

  • req.query 解析 URL 中的 query parameters,比如 name=okada
  • req.params 解析 url 中的占位符肌括,如 /:name
  • req.body 解析請求體点骑,需使用相關(guān)的模塊酣难,如 body-parser
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市黑滴,隨后出現(xiàn)的幾起案子憨募,更是在濱河造成了極大的恐慌,老刑警劉巖袁辈,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件菜谣,死亡現(xiàn)場離奇詭異,居然都是意外死亡晚缩,警方通過查閱死者的電腦和手機(jī)尾膊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來荞彼,“玉大人冈敛,你說我怎么就攤上這事∶恚” “怎么了抓谴?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長寞缝。 經(jīng)常有香客問我癌压,道長,這世上最難降的妖魔是什么荆陆? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任滩届,我火速辦了婚禮,結(jié)果婚禮上被啼,老公的妹妹穿的比我還像新娘丐吓。我一直安慰自己,他們只是感情好趟据,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布券犁。 她就那樣靜靜地躺著,像睡著了一般汹碱。 火紅的嫁衣襯著肌膚如雪粘衬。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天咳促,我揣著相機(jī)與錄音稚新,去河邊找鬼。 笑死跪腹,一個(gè)胖子當(dāng)著我的面吹牛褂删,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播冲茸,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼屯阀,長吁一口氣:“原來是場噩夢啊……” “哼缅帘!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起难衰,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤钦无,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后盖袭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體失暂,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年鳄虱,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了弟塞。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,814評論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡拙已,死狀恐怖决记,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情悠栓,我是刑警寧澤霉涨,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布按价,位于F島的核電站惭适,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏楼镐。R本人自食惡果不足惜癞志,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望框产。 院中可真熱鬧凄杯,春花似錦、人聲如沸秉宿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽描睦。三九已至膊存,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間忱叭,已是汗流浹背隔崎。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留韵丑,地道東北人爵卒。 一個(gè)月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像撵彻,于是被迫代替她去往敵國和親钓株。 傳聞我的和親對象是個(gè)殘疾皇子实牡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,728評論 2 351

推薦閱讀更多精彩內(nèi)容