<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>artTemplate基本用法</title><script src="js/jquery-1.10.1.min.js"></script><!-- 引入模板引擎js --><!-- <script src="js/template.js"></script> --><script src="js/template-native.js"></script><!-- 定义模板,使用简洁语法,简单,可读性高,推荐 --><script id="itany" type="text/html"><h2>班级名称:{{className}}</h2><ul>{{each students as student i}}<li>序号:{{i+1}},学号:{{student.id}},姓名:{{student.name}} </li>{{/each}}</ul>{{if className=="wbs16092"}}<p>你是二楼wbs16092班的!</p>{{else if className=="wbs16101"}}   <p>你是一楼wbs16101班的!</p>{{else}}<p>你是哪个班的哦?</p> {{/if}}</script><script>var data={className:"wbs16092",students:[{id:1001,name:"tom"},{id:1002,name:"mike"},{id:1003,name:"alice"},{id:1004,name:"jack"},],};//渲染模板$(function(){var result=template("itany2",data);$("#info").html(result);});</script>
</head>
<body><div id="info"></div>
</body>
</html>

artTemplate基本用法相关推荐

  1. template 的简单使用

    地址: https://github.com/aui/art-template 基本用法: 循环 img 是数组 value index 注意如果自己没有定义value 和index,的话可以使用{{ ...

  2. ajax使用频率,11-Ajax详解

    Ajax的基本概念及使用 同步&异步 同步:必须等待前面的任务完成,才能继续后面的任务: 异步:不受当前主要任务的影响. 举个例子: 同步:我们在银行排队时,只有等到你了,才能够去处理业务: ...

  3. tmodjs+artTemplate用法,简单的实例

    关于nodejs和artTemplate的这里不做介绍了,网上已经有很全面的介绍了,这里写个实例,上代码 安装nodejs npm install -g tmodjs //-g是全局安装 新建文件夹t ...

  4. baiduTemplate / artTemplate

    转载自   baiduTemplate / artTemplate JS引擎模板 一.baiduTeplate 模板语法 提供一套模板语法,用户可以定义一个模板区块,每次根据传入的数据生成对应数据产生 ...

  5. javascript replace高级用法

    在前端与后台交互的时候我们通常都需要将后台传递的数据绑定到html中,这个绑定数据的方式我们通常是使用jQuery或者使用原生的innerHTML进行绑定,当然也可以使用artTemplate模板来绑 ...

  6. JS之模板技术(aui / artTemplate)

    artTemplate是个好东西啊,一个开源的js前端模板引擎,使用简单,渲染效率特别的高. 我经常使用这个技术来在前端动态生成新闻列表,排行榜,历史记录等需要在前端列表显示的信息. 下面是artTe ...

  7. 前端javaScript模板引擎之ArtTemplate

    一.简介 ArtTemplate是腾讯开发的一款使用方便.性能卓越javascript模板引擎,其渲染效率极其快.ArtTemplate的库分为两种,一个是template.js,这个是简单的语法版本 ...

  8. Ajax(jQuery封装),表单form提交(Ajax),art-template模板引擎,原生Ajax,XML和JSON,axios,跨域和JSONP,防抖和节流,HTTP协议

    目录 服务器基本概念 1.URL 2.URL地址的组成部分 3. 图解客户端与服务器的通信过程 4.网页中如何请求数据 5.资源的请求方式 Ajax jQuery中的Ajax 1. $.get()函数 ...

  9. 模板引擎ejs与html,后台模板引擎ejs与前台模板引擎artTemplate的简单介绍

    动态网页是指前端页面当中的数据内容来源于后台数据库,前端的html代码会随着后台数据的变化而变化,是动态生成的.制作动态网页有两种方式,一种方式是在后台拿到前端的html模板,利用后台模板引擎(如ej ...

最新文章

  1. 基于 Nginx+lua+Memcache 实现灰度发布
  2. 如何选择高性价比的控件产品
  3. linux 修改 ko文件内核版本号
  4. MySQL基本命令 (二)
  5. SAP UI5 应用读取 CSRF token 的 HTTP head 请求逻辑解析
  6. 洛谷找最小值c语言,洛谷 P1478 陶陶摘苹果(升级版) C语言实现
  7. eclipse mysql jndi_Java开发网 - tomcat5配置jndi的问题 (jdbc:comp is not bound in this Context)...
  8. Press ^C at any time to quit.
  9. 服务器系统文档分类,服务器操作系统及分类
  10. Ubuntu安装MyEclise16 过程差不多
  11. 深度学习自学(二十五):目标跟踪
  12. c语言怎样得到函数内参数的值_C语言零基础入门—函数01
  13. java简历编写及面试技巧
  14. php1108脱机使用,惠普p1108能扫描吗 打印机出现脱机解决方法【详解】
  15. 中标麒麟V7安装Qt5.13.0
  16. VMware ESXi Server 许可证注册方式
  17. 第十篇:React 中的“栈调和”(Stack Reconciler)过程是怎样的?
  18. C语言char类型的存储
  19. pygame 等有缘人接盘
  20. 远程控制PLC? 带WiFi的PLC?可行!

热门文章

  1. 无锁数据结构二-乱序控制(栅栏)
  2. 1091 N-自守数
  3. centos6.8安装node
  4. 什么影响了数据库的性能?
  5. ibatis查询CHAR类型的字段
  6. react-router使用教程
  7. Linux ALSA声卡驱动之七:ASoC架构中的Codec
  8. 最近配置IBM设备遇到的问题总结
  9. 1/5 MySQL入门总结:下载安装
  10. 【一】Drupal 入门之新建主题