Node.js使用模板引擎

最新推荐文章于 2024-05-15 11:16:09 发布

秃头的毛睿

最新推荐文章于 2024-05-15 11:16:09 发布

阅读量163

点赞数

本文链接：https://blog.csdn.net/weixin_45927758/article/details/109731964

版权

art-template可以在浏览器中使用，也可以在Node后端开发中使用，下面只是简单的演示一下，以后有机会会更加系统的学习

1.浏览器中使用模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="../../../../art-template/node_modules/art-template/lib/template-web.js"></script>
    <script type="text/template" id="tql">
        hellow {{name}}
    </script>
    <script>
        let ret=template('tql',{
            name:'tbw'
        })
        console.log(ret)
    </script>
</body>
</html>

2.Node中使用模板

js文件

let template=require('art-template')
let fs=require('fs')
fs.readFile('./other.html',function(err,data){
    if(err){
        return console.log('Error!')
    }
    let ret=template.render(data.toString(),{
        name:'Tbw',
        age:19,
        height:171
    })
    console.log(ret)
    
})

引用的html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>你好{{name}}</p>
    <p>身高{{height}}的1号位想打理工杯</p>
    <p>年龄{{age}}想出去实习</p>
</body>
</html>

注意：引用的模板包必须和调用的js文件在同一个层级之下

秃头的毛睿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Node.js使用模板引擎

art-template可以在浏览器中使用，也可以在Node后端开发中使用，下面只是简单的演示一下，以后有机会会更加系统的学习1.浏览器中使用模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &.
复制链接

扫一扫