node.js 模版引擎

本文介绍了模板引擎的作用,以art-template为例,展示了如何在浏览器和Node.js中安装和使用。通过实例演示了如何在HTML中嵌入模板并在Node.js中动态渲染数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

模版引擎

一、什么是模版引擎:
模版引擎是为了使用户界面与业务逻辑(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模版引擎就会生成一个标准的文档就是将模版文件和数据通过模版引擎生成一个html文档。
常见的模版引擎: art-template
art-template不仅在能在浏览器使用也可以在node中使用。
二,art-template使用
2.1、安装

npm install art-template
//  该命令在那执行就会把包下载到哪里,默认会下载到node_model目录
// node-model 不要改 也不支持改
<body>
	<script src="node_modules/art-template/lib/template-web.js"></script>
	<script type="text/template" id="tp1">
		大家好,我叫 {{ name }}
		我今年{{ age }} 岁了
		我来自{{ province }}
		我喜欢: {{ each hobbies }} {{ $value }} {{ /each }}
	</script>
	<script>
		var ret = template('tp1', {
			name: 'Jack',
			age: 18,
			province: '北京'
			hobbies: [
				'写代码',
				'打羽毛球'
			]
		})
		console.log(ret)
	</script>
</body>

三、在node.js中使用模板引擎
模板引擎最早诞生于服务器领域,后来才发展到前端
使用步骤:
1、安装 npm install art-template
2、在需要使用的文件模块中加载art-template
只需要使用require方法加载就可以了:

require('art-template')
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值