码迷,mamicode.com
首页 > 其他好文 > 详细

Mustache 使用总结

时间:2016-10-26 20:19:00      阅读:1190      评论:0      收藏:0      [点我收藏+]

标签:字段名   detail   log   tar   第一个   名称   get   模版   target   

前言:

  在分析 jeesite 项目的时候,看到了 Mustache,于是查了下

正文:

1、Mustache 概述

  Mustache 是基于 JavaScript 实现的模板引擎,即用来 渲染前台页面,轻量级,语法简单易用

2、Mustache 使用方法

  1) 网上下载 Mustache.js 和 jquery.js (Git hub 上获取),在页面中引入

  2) 简单的对象绑定展示  

    代码展示:

<script>
$(function(){
    var user = {name:"panie",age:25,sex:"girl"};
    var template = "My name is {{name}},I‘m {{age}},Sex is {{sex}} ";
    var view = Mustache.render(template,user);
    $("#userinfo").html(view);
});
</script>

    页面呈现效果:

技术分享

    语法解释:

               i.              Mustache的语法很简单,用两个大括号标记要绑定的字段即可,“{{}}”;

               ii.              大括号内的字段名称要和Mustache.render方法中的第二个参数中的对象的属性名一致

               iii.              主要的渲染方法为Mustache.render,该方法有两个参数,第一个为要渲染的模版,也就是上例中的template,第二个就是数据源也就是上例中的user对象

 

 

参考链接:http://blog.csdn.net/xuemoyao/article/details/17896203

Mustache 使用总结

标签:字段名   detail   log   tar   第一个   名称   get   模版   target   

原文地址:http://www.cnblogs.com/panie2015/p/6001428.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!