在Express中配置使用art-template模板引擎
Posted a-small-lyf
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在Express中配置使用art-template模板引擎相关的知识,希望对你有一定的参考价值。
先安装需要使用的包
cnpm install --save art-template
cnpm install --save express-art-template
配置(官网案例)
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.html
<!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>
显示结果为
抱歉! 您访问的页面失联啦... express整合art-template art,template,nodejs
以上是关于在Express中配置使用art-template模板引擎的主要内容,如果未能解决你的问题,请参考以下文章
在node和express中配置使用art-template