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')
相关推荐
Asurplus2 小时前
【VUE】15、安装包管理工具yarn
前端·vue.js·npm·node.js·yarn
这是个栗子3 小时前
【问题解决】Vue2 与 Vue3项目中 Node.js 版本选择
前端·node.js·nvm
fpl11163 小时前
npm :无法加载文件 D:\...\nodejs\npm.ps1,因为在此系统上禁止运行脚本
前端·vscode·npm·node.js·命令模式
宋冠巡4 小时前
Docker容器化Node.js应用教程
docker·node.js
vipbic15 小时前
解决npm publish的404/403和配置警告全记录
前端·npm·node.js
晨晖218 小时前
安装node.js,使用vue的准备环境
node.js
大帅子20 小时前
Mac 用户对于不同前端项目自动配置 node 版版本
前端·node.js
程序员爱钓鱼21 小时前
Node.js 编程实战:深入掌握异步性能优化
后端·node.js·trae
程序员爱钓鱼21 小时前
Node.js 编程实战:创建 HTTP/HTTPS 服务器全解析
后端·node.js·trae
pixle01 天前
从零学习Node.js框架Koa 【七】Koa实战:构建企业级邮箱验证注册系统
javascript·学习·node.js·koa·注册·全栈·邮箱注册