Twig模板的使用

1.引言

    本文中小结了Twig模板的入门级的基本使用(仅适合入门),更多详细的使用方法可以访问:http://twig.sensiolabs.org/doc/2.x/ (英文) 来进行学习研究。

2.Twig——模板引擎

1.  {% ... %}和{{ ... }}

    第一种是用来控制的,比如for循环;第二种是用来输出变量和表达式的。

2.  输出变量。如输出$hello:  {{hello}}

3.  如传递给模板的是对象或者数组,可使用点 . 来输出对象的属性或者方法,或者数组的成员,或者可以使用下标的方式。

    {{ foo.bar }}

    {{ foo.[‘bar‘] }}

    返回的值不存在就会返回null;

4.  for.bar在模板中会进行以下的操作

    。。。如果foo是个数组,就尝试返回bar成员,如果不存在的话,往下继续;

    。。。如果foo是个对象,会尝试返回bar属性,如果不存在的话,往下继续;

    。。。会尝试运行bar方法,如果不存在的话,往下继续;

    。。。会尝试运行getBar方法,如果不存在的话,往下继续;

    。。。会尝试运行isBar方法,如果不存在的话,返回null。

    for['bar'] —— for必须是个数组,尝试返回bar成员,如果不就返回null

5.  twig中的全局变量

    _self    这个参看macro标签

    _context    这个就是当前的环境

    _charset    当前的字符编码

6.  变量赋值——具体参见set标签

    {% set foo = 'foo' %}

    {% set foo = [1, 2] %}

    {% set foo = {'foo': 'bar'} %}

7.  过滤器  filter

    变量可以被过滤器修饰;过滤器和变量用(|)分割开;过滤器也是可以有参数的;过滤器也可以被多重使用。

8.  函数  function

    Twig有一些内置函数,例如返回0到3的数组就可以用到range函数:

    {% for i in range(0, 3) %}

    {{ i }},

    {% endfor %}

9.  流程控制 —— 支持 for循环 和 if/else if/eise 结构

    例:

    <h1>Members</h1>

    <ul>

        {% for user in users %}

            <li>{{ user.username | e }}</li>

        {% endfor %}

    </ul>

10.  注释 —— 使用{{#...#}},注释掉包围的内容,可以注释单行或多行

11.  载入其它模板

    i.详见include标签,会返回经过渲染的内容到当前的模板里

    例如:{% include 'sidebar.html' %}

    ii.当前模板的变量也会传递到被include的模板里,在那里面可以直接访问你这个模板的变量。例如:

    {% for box in boxes %}

        {% include "render_box.html" %}

    {% endfor %}

    在render_box.html中是可以访问box变量的;

    加入其他参数可以使被载入的模板只访问部分变量,或者完全访问不到。

12.  模板继承

    i.TWIG中最有用到功能就是模板继承,他允许你建立一个“骨骼模板”,然后你用不同到block来覆盖父模板中任意到部分。而且使用起来非常到简单。

    ii.我们先定义一个基本页base.html他包含许多block块,这些都可以被子模板覆盖。

    iii.下面定义了4个block块,分别是block head, block title, block content, block footer


base.html

   iv.注意

       1.block是可以嵌套的

        2.block可以设置默认值(中间包围的内容),如果子模板里没有覆盖,那就直接显示默认值。比如block footer,大部分页面你不需要修改(省力),但你需要到时候仍可以方便到修改(灵活)

13.  子模板的定义

子模板

  注意:{% extends "base.html" %}必须是第一个标签。

        其中block footer就没有定义,所以显示父模板中设置的默认值。

        需要增加一个block的内容,而不是全覆盖,你可以使用parent函数

    extends标签只能有一个,所以你只能有一个父模板;但有种变通到方法来达到重用多个模板到目的,具体参见手册的use标签。

14.  HTML转义

    i.主要是帮助转义尖括号等 <,  >,  &,  " 

        可以有两种办法。一种是用标签,另一种是使用过滤器。

    因为 {{ 是TWIG的操作符,如果你需要输出两个花括号,最简单到办法就是

        {{ '{{' }}

    还可以使用raw标签和raw过滤器,详细参考手册

15.  macros 宏

    宏有点类似于函数,常用于输出一些html标签。

    这里有个简单示例,定义了一个输出input标签的宏。

    宏参数是没有默认值的,但你可以通过default过滤器来实现。

3.结语

    上面关于Twig的一些使用的方法,对于初学Twig的朋友们来说还是有点用处的。

    当然,有更多需要请百度,毕竟万事不解问百度,是我们一贯秉承的传统。

    本人随笔,一是希望可以给有需要的人提供一些帮助,再者是在以后的开发过程中遇到同类的问题,可以来回头看一看。

此致,撒花!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,258评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,335评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,225评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,126评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,140评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,098评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,018评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,857评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,298评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,518评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,678评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,400评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,993评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,638评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,801评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,661评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,558评论 2 352

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,651评论 18 139
  • 声明:转载请注明出处http://www.jianshu.com/p/1664dcfd840c 最近在折腾Djan...
    蛇发女妖阅读 6,273评论 1 10
  • 介绍 Jinja是基于python的模板引擎,功能比较类似于于PHP的smarty,J2ee的Freemarker...
    ZhouLang阅读 7,895评论 0 2
  • 第二章:视图和URL 2.1第一个Django驱动的页面 页面的内容由视图函数(view function)生成,...
    m风满楼阅读 1,002评论 0 12
  • 一、变量 变量的形式是:{{variable}}, 当模板引擎碰到变量的时候,引擎使用变量的值代替变量。 使用do...
    Jlan阅读 1,383评论 0 0