arttemplate模板--绑定集合

Myth丶恋晨 2022-06-14 07:37 268阅读 0赞

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src='template.js'></script> </head> <body> <div id='mydiv'></div> </body> </html>  <script id="arttemplate" type="text/html"> <h2>{ { name}}</h2> <ul> { { each films}} <li> <strong>电影名称：</strong>{ {$value.title}}<br> <strong style='color:red'>导演</strong>{ {$value.lead}} <strong style='color:green'>主演:</strong>{ {$value.role}} </li> { { /each}} </ul> </script> <script> //定义数据 var data ={ name:'电影列表', films: [ { title: '复仇者联盟2', lead: '乔斯·韦登', role: '小罗伯特·唐尼' }, { title: '速度与激情7', lead: '范·迪塞尔', role: '范·迪塞尔' }, { title: '左耳', lead: '苏有朋', role: '苏有朋' }, { title: '万物生长', lead: '范冰冰', role: '范冰冰 韩庚' }, { title: '盗墓笔记', lead: '苏有朋', role: '美人鱼' } ] } //封装成一个函数 function BindTemplate(data, divid, Template) { //alert(divid); //alert(Template); var html = template(Template, data); document.getElementById(divid).innerHTML = html; } BindTemplate(data,'mydiv','arttemplate') </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，268人围观）

还没有评论，来说两句吧...

相关阅读

相关 artTemplate模板引擎

经常被用到，你还用过哪些模板引擎，个人认为：对于模板引擎，挑一个性能稍高的，使用简单的，容易调试的就可以，一个足以，没有必要使用那么多。作为前端人员，较推崇artTemplat

古城微笑少年丶/ 2022年09月27日 12:27/ 0 赞/ 256 阅读

相关集合类型绑定

list绑定： ![jsp页面][jsp] map绑定： ![这里写图片描述][20160731174822463] [jsp]: /images/20220

蔚落/ 2022年09月24日 12:29/ 0 赞/ 160 阅读

相关【Cell报表】Cell模板绑定数据

上篇博客，主要简单说了cell报表模板的设计，这次主要来说一下如何给模板上各个单元格赋值，这里主要是分两部分，一部分的值，我们只需要从数据库中取出来显示就OK的；还有一部分呢，

逃离我推掉我的手/ 2022年08月09日 03:23/ 0 赞/ 272 阅读

相关 arttemplate模板--字符串拼接中使用模板语法

<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>

Love The Way You Lie/ 2022年06月14日 07:37/ 0 赞/ 282 阅读

相关 arttemplate模板--绑定集合

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; ch

Myth丶恋晨/ 2022年06月14日 07:37/ 0 赞/ 269 阅读

相关 arttemplate模板

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; ch

绝地灬酷狼/ 2022年06月14日 07:37/ 0 赞/ 264 阅读

相关【artTemplate】artTemplate模板引擎入门（一）：简洁语法的使用

artTemplate 是新一代 javascript 模板引擎，它采用预编译方式让性能有了质的飞跃，并且充分利用 javascript 引擎特性，使得其性能无论在前端还是后端

系统管理员/ 2022年05月22日 04:27/ 0 赞/ 250 阅读

相关【artTemplate】artTemplate模板引擎入门（二）：原生语法

引入文件 <script src="./template-native.js"></script> 一.遍历数组 html <div id="b

男娘i/ 2022年05月19日 23:28/ 0 赞/ 348 阅读

相关 springMVC参数绑定---集合类型

一、集合类型绑定 1.1 数据绑定 1.1.1 需求商品批量删除，用户在页面选择多个商品进行删除 1.1.2 页面处理 ![70][] ![70 1][] 1.

蔚落/ 2022年05月14日 08:04/ 0 赞/ 211 阅读

相关模板引擎artTemplate 介绍

一.介绍 (1).介绍 art-template 是一个简约、超快的模板引擎。artTemplate 是新一代 javascript 模板引擎，它采用预编译方式让性能有了质

快来打我*/ 2021年09月14日 09:48/ 0 赞/ 579 阅读