node.js学习笔记之模板引擎

在node中使用模板引擎

  1. 安装模板引擎 npm install art-template
  2. 加载 require(‘art-template’)
var template = require('art-template')
  1. 查文档https://aui.github.io/art-template/,使用模板引擎的API
    在这里插入图片描述
var tplStr = var tplStr = 'my name is {{name}}. I am {{age}}. I like {{each hobbies}}{{$index}}{{$value}}{{/each}}'
var ret = template.render(tplStr,{
	name:'xiaobai',
	age: 23,
	hobbies: ['xx','xx']
}
console.log(ret)

在html中使用模板引擎

在html中使用模板引擎需要引用 lib/template-web.js 文件, script type = “text/template”

<script src="node_modules/art-template/lib/template-web.js"></script>
<script type="text/template" id="tpl">
大家好,我叫:{{ name }}
我今年 {{ age }} 岁了
我喜欢:{{each hobbies}} {{ $value }} {{/each}}

其他跟node一样,只是方法用template()

<script>
vat ret = template(tpl,{
	name:'xiaobai',
	age: 23,
	hobbies: ['xx','xx']
}
console.log(ret)
</script>

我觉得模板引擎的好处是可以用特殊语法去替换数据中需要替换的部分,而不用大规模去替换,而且可以用循环。还有很多不懂的,慢慢摸索吧。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值