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')
相关推荐
脉动数据行情16 小时前
Node.js WebSocket 实现贵金属实时行情监听 伦敦金 / 伦敦银自动重连方案
websocket·node.js·vim
不老刘7 小时前
一行命令解决 Node.js 版本兼容问题:`--openssl-legacy-provider` 深度解析
node.js
万敏1 天前
Vue3 全栈实战:第一阶段复盘(第1-8周)
vue.js·node.js·全栈
濮水大叔1 天前
舒服了,CabloyJS 的 AI Spec 驱动开发会自动生成甘特图和燃尽图
typescript·node.js·vibecoding
FungLeo1 天前
成为全栈·Node 后端篇·部署上线:从本地起服到真正对外服务
node.js·后端部署·成为全栈
妙码生花1 天前
golang 应用服务端部署(使用 systemd 服务)
开发语言·人工智能·后端·golang·node.js·php·gin
柚稚姐姐1 天前
npm install pnpm -g npm error code EACCES npm error syscall symlink
前端·npm·node.js
FungLeo2 天前
成为全栈·Node 后端篇·容器化:给 Node 应用写一个像样的 Dockerfile
docker·node.js·dockerfile·成为全栈·后端服务容器·docker 容器
WeiXin_DZbishe2 天前
基于springboot大学生提问箱系统-计算机毕设【课程设计】72593
javascript·vue.js·spring boot·vscode·python·node.js·php
xixiaoyunya2 天前
Docker 容器化部署实战:从零搭建一套完整的 Nginx + Node.js + MySQL + Redis 项目环境
nginx·docker·node.js