Mustache 使用总结

Posted 2020-08-16 panie2015

前言：

　　在分析 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