首页 > 代码库 > Mustache 使用总结
Mustache 使用总结
前言:
在分析 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 使用总结
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。