在Express中配置使用art-template模板引擎

時間 2019-11-10

標籤 express 配置使用 art template 模板引擎简体版

原文原文鏈接

先安裝須要使用的包html

cnpm install --save art-template
cnpm install --save express-art-template

配置(官網案例)node

　var express = require('express')

var express = require('express');
var app = express();
//配置使用art-template模板引擎
//第一個參數表示，當渲染以 .art 結尾時使用art-template模板引擎
//express-art-templet依賴於art-template 雖然不須要導入，可是必須安裝art-template
app.engine('html', require('express-art-template'));
app.set('view options', {
    debug: process.env.NODE_ENV !== 'production'
});

app.get('/', function (req, res) {
//express爲response對象提供了一個render方法
//render方法默認是不可用的,須要使用的話必須配置模板引擎
//參數1:模板名 參數2:模板數據
//第一個參數不能學路徑,默認去項目中的views目錄中去找該模板文件
//若是想要修改默認的views目錄 能夠 app.set('views',render函數的默認路徑)
//好比 app.set('views','public')那就會去public目錄項去找模板文件
    res.render('index.html', {
        user: {
            name: 'aui',
            tags: ['art', 'template', 'nodejs']
        }
    });
});

這是個人404.htmlexpress

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{{user.name}}</title>
</head>
<body>
  <h1>抱歉!  您訪問的頁面失聯啦...</h1>
  <div>
    <h1>{{user.name}}</h1>
    <h1>
      {{echo user.tags}}
        <h2>{{ $value }}</h2>
    </h1>
  </div>
</body>
</html>

顯示結果爲npm

抱歉! 您訪問的頁面失聯啦...
express整合art-template
art,template,nodejs

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。