node.js 模版引擎

模版引擎

一、什么是模版引擎:

模版引擎是为了使用户界面与业务逻辑(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模版引擎就会生成一个标准的文档就是将模版文件和数据通过模版引擎生成一个html文档。

常见的模版引擎: art-template

art-template不仅在能在浏览器使用也可以在node中使用。
二,art-template使用

2.1、安装

js 复制代码
npm install art-template
//  该命令在那执行就会把包下载到哪里,默认会下载到node_model目录
// node-model 不要改 也不支持改
html 复制代码
<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方法加载就可以了:

js 复制代码
require('art-template')
相关推荐
爱电摇的小码农18 分钟前
【深度探究系列(5)】:前端开发打怪升级指南:从踩坑到封神的解决方案手册
前端·javascript·css·vue.js·node.js·html5·xss
lihainuo3 小时前
Next.js + AI-SDK 实战:模型注册表从类型设计到工具调用全解析
后端·node.js
胡gh4 小时前
JavaScript 中的闭包、防抖与节流:让你彻底搞懂它们的作用和应用场景
前端·javascript·node.js
野槐4 小时前
vue3+node.js+mysql写接口(二)
node.js
讨厌吃蛋黄酥4 小时前
🚀 全栈开发48小时逆袭:用Node.js打造超炫实时数据仪表盘! 📊
node.js·全栈
天若有情6735 小时前
Node.js 是什么?npm 是什么? Vue 为什么需要他们?
vue.js·npm·node.js
爱敲代码的小冰6 小时前
npm 切换 node 版本 和npm的源
前端·npm·node.js
甜瓜看代码15 小时前
1.
react.js·node.js·angular.js
伍哥的传说15 小时前
React 实现五子棋人机对战小游戏
前端·javascript·react.js·前端框架·node.js·ecmascript·js
01传说17 小时前
vue3 配置安装 pnpm 报错 已解决
java·前端·vue.js·前端框架·npm·node.js