Mustache的简单使用_庸医2048的博客-程序员秘密

2016/03/19

昨天第一次实用了Mustache这框架的第一次使用。我相信很多情况下是使用了这个框架的迭代循环。

1、先定义模板：（而模板中{ {}}中的数据主要就是后台要给前台返回的json格式的数据）

<script id="tpl" type="text/html">
	{
   {#content}}
	<div class="col-md-3 col-sm-6 isotope-item web-design">
             <div class="image-box">
             <div class="overlay-container">
             <img src="/assets/images/portfolio-1.jpg" alt="">
             <a href="/vods/1" class="overlay small">
              <i class="fa fa-play"></i>
                    <span>{
   {fileName}}</span>
              </a>
              </div>
              <div class="image-box-body">
              <h5 class="title"><a href="/vods/1">{
   {fileName}}</a></h5>
               <p style="float: left">116分钟</p><p style="float: right">播放量：20</p>
              </div>
              </div>
              </div>
<span style="white-space:pre">	</span>{
   {/content}}
</script>

2、

 var showVods = function(rows) {  /<span style="color:#ff0000;">/rows 是出入的json数据</span>

            var view = rows;
            var tpl1 = $('#tpl').html(); <span style="color:#ff0000;"> //函数用于设置和返回当前jquery对象所匹配的DOM元素内的html内容。</span>
            Mustache.parse(tpl1);       <span style="color:#ff0000;"> //进行扫描格式化，具体需要参看源码</span>
            var show = Mustache.render(tpl1, view); <span style="color:#ff0000;">//</span>
            $('div.image-boxes').html(show);
        }

参考网址：http://www.tuicool.com/articles/JneIvuf

本文链接：https://blog.csdn.net/qq_20120669/article/details/50929522

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

单元测试中的Mock_单元测试测试 mock粒度_raoxunrong的博客-程序员秘密

1.出了什么问题？单元测试的目标是一次只验证一个方法，小步的前进，细粒度的测试，但是假如某个方法依赖于其他一些难以操控的东东，比如说网络连接，数据库连接，或者是Servlet容器，那么我们该怎么办呢？要是你的测试依赖于系统的其他部分，甚至是系统的多个其他部分呢？在这种情况下，倘若不小心，你最终可能会发现自己几乎初始化了系统的每个组件，而这只是为了给一个测试创造足够的运行环境让它们可以

学会这几个cmd命令，女神也会偷偷爱上你！_cmd表白指令爱心_老码农聊Python的博客-程序员秘密

很多时候，在女生心里“身边男人皆懂电脑……”因此，电脑出了故障，当机立断，找XXX帮忙看一下【哈哈，学会下面这几个命令，你也会是这样一个被女生包围的“IT男”】。接下来，互联网中的IT男们表现的时刻就到了。这当然要靠平时多积累cmd命令了，这不仅能快速提高自己的工作效率，同时也能在电脑出现故障危机使用cmd命令非常靠谱。【文末有亮点！！！！！！！】我们一起来看看下面这几个cmd命令吧！首先，使用键盘快速进入cmd命令窗口：Win键+R启动，如下：命令名称含义title用于设置命

C++文档阅读笔记-Tuples in C++_IT1995的博客-程序员秘密

tuple是个对象，这个对象能放很多元素，这些元素可以是不同类型的，这些元素在tuple中存储的顺序和放入tuple时的顺序一致。

linux dev sda1 满了,/dev/sda1把磁盘几乎都满了，我该怎么办呢？？_杜扬Seatory的博客-程序员秘密

[email protected]:/etc#df文件系统1K-块已用可用已用%挂载点/dev/sda17913216749198822416100%/varrun1278361161277201%/var/runvarlock...

企业部署数据防泄密产品有哪些问题要重视？_HL_Security的博客-程序员秘密

1.信息防泄漏切忌“头痛医头，脚痛医脚”。很多企业的做法是哪里有问题就用哪种产品来解决，缺乏统一的规划，无法根本解决问题。在实施项目的时候，有时会因为老板的任务比较急，项目负责人没怎么进行规划，不但问题没解决还有很多麻烦。专家建议，在做信息防泄漏建设之前，要有一个明确的安全目标，哪些部门需达到怎样的安全程度，对重点部门进行重点防护；同时以全局的视角，整合运用审计、管控、加密等多种功能，在内部构...

排序算法之桶排序_桶排序的基本思想_Wzning0421的博客-程序员秘密

桶排序假设输入数据服从均匀分布，而且需要已知待排序列的大概范围，是一种空间换时间的排序算法。桶排序的基本思想是：桶排序（Bucket sort）或所谓的箱排序，是一个排序算法，工作的原理是将数组分到有限数量的桶里。每个桶再个别排序（有可能再使用别的排序算法或是以递归方式继续使用桶排序进行排序），最后依次把各个桶中的记录列出来记得到有序序列。桶排序是鸽巢排序的一种归纳结果。当要被排序的数组内的数...