码迷,mamicode.com
首页 > 其他好文 > 详细

Express使用art-template模板引擎

时间:2018-09-27 12:02:48      阅读:384      评论:0      收藏:0      [点我收藏+]

标签:node   fun   render   参数   需要   content   admin   min   dev   

第一步:安装

npm install --save art-template
npm install --save express-art-template

第二步:指定.html使用的解析引擎(官方给出的是art)

app.engine(‘解析文件的后缀名‘, require(‘express-art-template‘))

第三步:使用模板进行传值

app.get(‘/‘, function (req, res) {
    res.render(‘index.html‘, {
        user: {
            name: ‘admin‘,
       pad:‘123456‘, list: [
‘art‘, ‘template‘, ‘nodejs‘] } }); });

注意:express-art-template 默认的渲染的目录是 views下面的,如果需要修改默认渲染路径如下:

// 第一个参数 views 不能写错
app.set(‘views‘, 目录路径)

官方示例:

var express = require(‘express‘);
var app = express();
app.engine(‘art‘, require(‘express-art-template‘));
app.set(‘view options‘, {
    debug: process.env.NODE_ENV !== ‘production‘
});

app.get(‘/‘, function (req, res) {
    res.render(‘index.art‘, {
        user: {
            name: ‘aui‘,
            tags: [‘art‘, ‘template‘, ‘nodejs‘]
        }
    });
});

html代码示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>标题</title>
</head>
<body>
    <div id="app">账号:{{name}}&emsp;密码:{{pwd}}</div>
    <ul>
        <li>下属</li>
        {{each list}}
        <li>{{$value}}</li>
    {{/each}}
    </ul>
</body>
</html>

 

Express使用art-template模板引擎

标签:node   fun   render   参数   需要   content   admin   min   dev   

原文地址:https://www.cnblogs.com/longbky/p/9712247.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!