art-template,express-art-template

art-template,express-art-template

npm i art-template //使用前先下载
//引入
var template = require('art-template')

方法1

template.compile(source,data)

方法2

template.render(source,data,option)

方法3

template(filename,data)

//方法一
fs.readFile(__dirname+'/views/index.html','utf-8',(err ,data)=>{
  if(err) console.log('err');
  else{
    var render = template.compile(data)
    var html = render({name:'Iris',age:18})
    console.log(html);
  }
})
//方法二
fs.readFile(__dirname+'/views/index.html','utf-8',(err , data)=>{
  var html = template.render(data,{name:'Iris',age:18})
  console.log(html);
})
//方法三
var html = template(__dirname+'/views/index.html',{name:'Iris',age:18})
console.log(html);
//缺点 没办法进行错误处理

express-art-template 渲染

注意:express-art-template主要是用在express中

//下载
npm i express-art-template 

使用方法

var express = require('express');
var app = express();
app.engine('art', require('express-art-template'));
app.set('view options', {
    debug: process.env.NODE_ENV !== 'production'
});
//res.render(要渲染的模板路径,渲染数据)
app.get('/', function (req, res) {
  //res.render就是模板渲染
    res.render('index.art', {
        user: {
            name: 'aui',
            tags: ['art', 'template', 'nodejs']
        }
    });
});

你可能感兴趣的:(art-template,express-art-template)