用法：

  • Variable Tags

    1. {{name}} 用来渲染值name

       datas: 

 let data = ["value": "test"]

 -----------
      
 template:

 {{value}} a lession 

 -----------
      
 rendering:

 test a lession

  • Section Tags

    1. {{#items}}...{{/items}} 执行条件语句，枚举出里面的对象

      • 按需渲染数据
      • 遍历数据
      • 获取里面的每一项

      如果{{value}}...{{/value}}中的value错误的(下面的),那么将不会被渲染：

      1. 缺少值

      2. false

      3. 0

      4. 字符串

      5. 空集合

      6. 为NSNull

      如果value 是集合的话

       datas:
      
 [
      
   "friends": [
      
     [ "name": "Hulk Hogan" ],
      
     [ "name": "Albert Einstein" ],
      
     [ "name": "Tom Selleck" ],
      
   ]
      
 ]

 -------------

 template:
      
 {{# friends }}
      
 - {{ name }}
      
 {{/ friends }}

 -------------
      
 rendering:

 - Hulk Hogan
      
 - Albert Einstein
      
 - Tom Selleck

      上面所说的集合可以是Arrays,ranges, sets, NSArray, NSSet等

      其他值既不是falsey， 也不是collection，那么这个块就会被渲染一次：

       datas:
      
 [
      
   "user": [
      
     "name": "Mario"
      
     "score": 1500
      
   ]
      
 ]

 -------------
      
 template:
      
 {{# user }}
      
 - {{ name }}
      
 - {{ score }}
      
 {{/ user }}

 --------------
      
 rendering:
      
 - Mario
      
 - 1500

    2. {{^items}}...{{/items}} 对应于上方的对立面

       data:
      
 [
      
   "persons": []
      
 ]

 --------------
      
 template:
      
 {{# persons }}
      
 - {{name}} is {{#alive}}alive{{/alive}}{{^alive}}dead{{/alive}}.
      
 {{/ persons }}
      
 {{^ persons }}
      
 Nobody
      
 {{/ persons }}

 -------------
      
 rendering:
      
 Nobody

 --------------
      
 data:
      
 [
      
   "persons": [
      
     ["name": "Errol Flynn", "alive": false],
      
     ["name": "Sacha Baron Cohen", "alive": true]
      
   ]
      
 ]
      
 ---------------
      
 rendering:
      
 - Errol Flynn is dead.
      
 - Sacha Baron Cohen is alive.

  • Partial Tags

    1. {{>partial}} , 嵌入其他模块

       douc.mustanche
      
 Guests:
      
 {{# guests }}
      
   {{> person }}
      
 {{/ guests }}

 --------------
      
 person.mustache
      
 {{ name }}

 -------------
      
 data:
      
 [
      
   "guests": [
      
     ["name": "Frank Zappa"],
      
     ["name": "Lionel Richie"]
      
   ]
      
 ]

 --------------
      
 rendering:
      
 Guests:
      
 - Frank Zappa
      
 - Lionel Richie

  • Partial Override Tags

    1. {{<layout}}...{{/layout}} , 模板继承

       layout.mustache // title , 和content 可以被覆盖
      
 <html>
      
 <head>
      
     <title>{{$ title }}Default title{{/ title }}</title>
      
 </head>
      
 <body>
      
     <h1>{{$ title }}Default title{{/ title }}</h1>
      
     {{$ content }}
      
         Default content
      
     {{/ content }}}
      
 </body>
      
 </html>

 ---------------
      
 article.mustuche:

 {{< layout }}

     {{$ title }}{{ article.title }}{{/ title }}

     {{$ content }}
      
         {{{ article.html_body }}}
      
         <p>by {{ article.author }}</p>
      
     {{/ content }}

 {{/ layout }}

 ---------------
      
 data:

 [
      
     "article": [
      
         "title": "The 10 most amazing handlebars",
      
         "html_body": "<p>...</p>",
      
         "author": "John Doe"
      
     ]
      
 ]

 ----------------
      
 rendering:

 <html>
      
 <head>
      
     <title>The 10 most amazing handlebars</title>
      
 </head>
      
 <body>
      
     <h1>The 10 most amazing handlebars</h1>
      
     <p>...</p>
      
     <p>by John Doe</p>
      
 </body>
      
 </html>

      {{$ title }}...{{/ title }}每次都会被渲染，并且只被渲染一次， no boolean checks, no collection iteration.

      一个模板可以包含很多partial override tags

      避免循环

  • Set Delimiters Tags

    1. {{=<% %>=}}， 让你改变标签分隔符。

  • Comment Tags

    1. {{! Wow. Such comment. }} , 注释

  • paragma Tags

      {{% CONTENT_TYPE:TEXT }}
    
  {{% CONTENT_TYPE:HTML }}

参考：GRMustache.swift

swift 之 mustache模板引擎的更多相关文章

  1. JS模板引擎-Mustache模板引擎使用实例1-表格树

    1 使用实例代码 1.jsp代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <title> ...

  2. Mustache模板引擎

    Mustache是一个Logic-Less模板引擎,即:零逻辑引擎,原因在于它只有标签,没有流程控制语句,这是它与其它模板引擎不同的地方. Mustache小巧玲珑,几乎用各种语言都实现了一遍. Mu ...

  3. nodejs+Express中使用mustache模板引擎

    由于公司一个seo项目,需要我协助.此项目他人已经开发大半,由于seo需要,使用了服务器端模板引擎.我项目的后端同事说项目是go语音写的,跑项目麻烦,只给了我template和css等静态文件. 为了 ...

  4. 前端数据渲染及mustache模板引擎的简单实现

    早期数据渲染的几种方式 在模板引擎没有诞生之前,为了用JS把数据渲染到页面上,诞生了一系列数据渲染的方式. 最最基础的,莫过于直接使用DOM接口创建所有节点. <div id="roo ...

  5. js模板引擎mustache介绍及实例

    在Javascript中 mustache.js是实现mustache模板系统. Mustache是一种没有逻辑的模板语法.它可以应用于HTML.配置文件.源代码等任何地方. 它通过使用散列或对象中提 ...

  6. 【转】在Express项目中使用Handlebars模板引擎

    原文:http://fraserxu.me/2013/09/12/Using-Handlebarsjs-with-Expressjs/ 最近在用Expressjs做一个项目,前后端都用它来完成.自己之 ...

  7. Handlebars的基本用法 Handlebars.js使用介绍 http://handlebarsjs.com/ Handlebars.js 模板引擎 javascript/jquery模板引擎——Handlebars初体验 handlebars.js 入门(1) 作为一名前端的你,必须掌握的模板引擎:Handlebars 前端数据模板handlebars与jquery整

    Handlebars的基本用法 使用Handlebars,你可以轻松创建语义化模板,Mustache模板和Handlebars是兼容的,所以你可以将Mustache导入Handlebars以使用 Ha ...

  8. Javascript模板引擎mustache.js详解

    mustache.js是一个简单强大的Javascript模板引擎,使用它可以简化在js代码中的html编写,压缩后只有9KB,非常值得在项目中使用.本文总结它的使用方法和一些使用心得,内容不算很高深 ...

  9. Mustache.js前端模板引擎源码解读

    mustache是一个很轻的前端模板引擎,因为之前接手的项目用了这个模板引擎,自己就也继续用了一会觉得还不错,最近项目相对没那么忙,于是就抽了点时间看了一下这个的源码.源码很少,也就只有六百多行,所以 ...

随机推荐

  1. linux(3)磁盘与文件系统管理/查看硬盘、内存空间/文件系统的操作/ 文件的压缩和打包

    一.磁盘与文件系统管理 1.分区与文件系统分区:记录每一个分区的开始柱面和结束柱面主引导区(master boot recorder):记录分区的数据,记录硬盘里所有的分区信息分区划分好后,要将分区格 ...

  2. Spring-Struts2-基本集成

    步骤: 1,导入struts2的相关jar包(检查是否有冲突的包,即同一个包有不同的几个版本存在) 2,导入struts2和spring的整合包 struts2-spring-plugin-2.3.4 ...

  3. Hibernate @Embeddable注释

    在hibernate中实现自定义类型,只要实现UserType接口即可或者以Component的形式提供.JPA的@Embedded注释可以在你的Entity中使用一般的Java对象,此对象需要用@E ...

  4. 前端里移动端到底比pc端多哪些知识?

    端里移动端到底比pc端多哪些知识,为啥面试时好多公司都问h5水平如何? 我做过几年的web前端开发,就简单谈谈自己的感受吧.首先来看看PC端和移动端在前端开发上的一些区别:(1)PC考虑的是浏览器兼容 ...

  5. Excel开发之旅

    开发环境:Microsoft Visual Studio 2015,Office 2013 开发语言:C# 1.创建工程:文件à新建à项目,选择office 外接程序àExcel 2013和2016 ...

  6. Linux入门之常用命令（10）软连接 硬链接

    在Linux系统中,内核为每一个新创建的文件分配一个Inode(索引结点),每个文件都有一个惟一的inode号.文件属性保存在索引结点里,在访问文件时,索引结点被复制到内存在,从而实现文件的快速访问. ...

  7. electron入门心得

    前言 前端开发桌面程序这个概念已经出现有一段时间了,这项技术也已经走向成熟,Github上nw和光electron的star就差不多有10w颗星了,github也衍生出了很多开源的桌面项目俨然成了一个 ...

  8. LCM Cardinality 暴力

    LCM Cardinality Time Limit:3000MS     Memory Limit:0KB     64bit IO Format:%lld & %llu Submit St ...

  9. C++PrimerPlus第6版 第四章——复合类型

    1,复合类型主要包含:数组.结构.联合.枚举.类.指针.引用等. 2,数组.长度必须确定.即编译阶段,数组的长度就得确定好.所以只能使用常量(#define.const)声明数组长度.如果使用变量声明 ...

  10. C语言判断电脑的大、小端机

    #include int main() { int x = 0x1234; if (char(x) == 0x34)  {   printf("小端机!\n");  }  else ...