zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    js:DOM及其操作2
    js:DOM及其操作
    闭包,作用域,作用域链
    面向对象
    关于typeof
    javascript正则表达式&关键词检索
    关于StringAPI
    mybatis Invalid bound statement (not found)
    全国区域数据
    redis 问题整理
  • 原文地址:https://www.cnblogs.com/panie2015/p/6001428.html
Copyright © 2011-2022 走看看