美文网首页
art-template,express-art-templat

art-template,express-art-templat

作者: 金桔柠檬加冰 | 来源:发表于2018-08-24 11:35 被阅读0次

    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-templat

          本文链接:https://www.haomeiwen.com/subject/vwjbiftx.html