在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