詳解在express站點(diǎn)中使用ejs模板引擎
更新時(shí)間：2017年09月21日 17:18:38 作者：ddai_Q
本篇文章主要介紹了在express站點(diǎn)中使用ejs模板引擎，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
使用 vs創(chuàng)建的express站點(diǎn)，默認(rèn)使用的是jade模板引擎，但是我不太喜歡這種方式，因?yàn)槲矣X得html本身的語(yǔ)義特性是我喜歡的，另外html本身也足夠簡(jiǎn)潔，使用html自身做為模板語(yǔ)言更符合我的喜好，所以我選擇ejs。
1、安裝
在網(wǎng)站根目錄啟動(dòng)控制臺(tái)，輸入
npm install ejs
程序包會(huì)安裝到node_modules目錄下。
2 修改APP.JS
修改app.js 將view engine修改為ejs。（并將模板的后綴修改為.html）
app.set('views',path.join(__dirname , 'views') );
app.engine('.html', require('ejs').__express);
app.set('view engine', 'html');
3 創(chuàng)建測(cè)試頁(yè)面
在views文件夾中創(chuàng)建index.html，內(nèi)容如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Pivotal Search</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
<![endif]-->
<!-- styles -->
<link href="css/style.css" rel="external nofollow" rel="stylesheet">
</head>
<body>
<%= title %>
</body>
</html>
然后在router里修改index.js:
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: '測(cè)試11111' });
});
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
本篇文章主要介紹了詳解NODEJS基于FFMPEG視頻推流測(cè)試，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
在進(jìn)行前端開發(fā)時(shí),經(jīng)常需要處理各種文件權(quán)限的問(wèn)題,特別是在Node.js環(huán)境中,你可能想要判斷某個(gè)文件是否具有可執(zhí)行權(quán)限,本文將詳細(xì)介紹如何使用isexe模塊來(lái)進(jìn)行這一操作,需要的朋友可以參考下2024-05-05
詳解如何使用Node.js編寫命令工具——以vue-cli為例
本篇文章主要介紹了如何使用Node.js編寫命令工具——以vue-cli為例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要給大家介紹了關(guān)于Nest.js環(huán)境變量配置與序列化的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
這篇文章主要介紹了Node.js中.pfx后綴文件的處理方法，文中介紹的很詳細(xì)，對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-03-03
本篇文章主要介紹了Node中的buffer，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
Node.js中使用mongoose操作mongodb數(shù)據(jù)庫(kù)的方法
如何利用mongoose將數(shù)據(jù)寫入mongodb數(shù)據(jù)庫(kù)呢？操作方法很簡(jiǎn)單，下面小編給大家分享Node.js中使用mongoose操作mongodb數(shù)據(jù)庫(kù)的方法，感興趣的朋友一起看看吧2017-09-09
node.js 基于cheerio的爬蟲工具的實(shí)現(xiàn)（需要登錄權(quán)限的爬蟲工具）
這篇文章主要介紹了node.js 基于cheerio的爬蟲工具的實(shí)現(xiàn)（需要登錄權(quán)限的爬蟲工具） ,需要的朋友可以參考下2019-04-04
這篇文章主要給大家介紹了關(guān)于Node.js爬蟲如何獲取天氣和每日問(wèn)候的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Node.js爬蟲具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要介紹了深入解讀Node.js中的koa源碼，任何一個(gè)框架的出現(xiàn)都是為了解決問(wèn)題，而Koa則是為了更方便的構(gòu)建http服務(wù)而出現(xiàn)的。 可以簡(jiǎn)單的理解為一個(gè)HTTP服務(wù)的中間件框架。,需要的朋友可以參考下2019-06-06