art-template-模板引擎篇

art-template是一款在客户端和Node.js中使用的模板引擎,具备模板继承和公共部分渲染等功能。它支持mustache语法,可用于服务端渲染提高SEO,也可用于客户端渲染提升用户体验。在项目中,公共部分可以通过模板引入实现复用,而模板继承则允许在子模板中扩展和修改父模板内容。
摘要由CSDN通过智能技术生成

1. 概述

  1. art-template的GitHub仓库:https://github.com
  2. art-template的官方文档:https://github.com/aui/art-template
  3. art-template 主要用于客户端
  4. art-template 模板引擎不仅可以在浏览器使用,也可以在node中使用
  5. 模板引擎最早诞生于服务器领域,后来才发展到前端
  6. art-template 模板引擎,属于第三方模块

2. art-template 的安装

  1. 安装命令:npm install art-template --save
  2. 该命令在哪执行就会把包下载到哪里,默认下载到 node_modules 目录中

3. art-template 浏览器中使用

	// 1. 下载完之后,在浏览器中需要引用
		<script src="node_modules/art-template/lib/template-web.js"></script>
	// 2. 创建模板标签 
		<script type="text/template" id="tpl">
			hello {
   {
   name}} // 模板标签中可以写html代码,也可以是字符串
		</script>
	// 3.  在js中把模板和数据拼接
		<script>
			// template 是模板的方法,第一个参数是绑定模板的id,第二个参数是模板{
   {}}符中的值
			var ret = template('tpl', name
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值