twig模板的进一步学习以及在symfony当中的使用

首先,twig可以理解为用于输出html代码的,虽然用PHP等其他语言也可以输出,但是twig更为简洁高效,同时twig模板被编译成原生的php类缓存起来,所以才会这么快,

其实twig跟php类差不多我感觉,可以进行继承重写,创建一个基类模板,之后的模板都可以继承他并且重写他的任何一个block

twig模板可以和for,if语句完美结合,比如下面这个例子,以无序方式循环输出用户名,同时根据用户名是否存在进行不同的操作 ,注意以{% endfor %}来结束for语句

<ul>
    {% for user in users if user.active %}
        <li>{{ user.username }}</li>
    {% else %}
        <li>No users found</li>
    {% endfor %}
</ul>

下面以一个例子来说明twig其中的继承关系,可以看到base模板当中,定义了三个block,title,sidebar,body块,这里用{%block 块名%}  {%endblock%}来定义一个块

title输出该页面的标题,sidebar是旁边的选项,body是文章的具体内容,这里可以看做是让其他模板继承并重写的,

{# app/Resources/views/base.html.twig #}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}Test Application{% endblock %}</title>
    </head>
    <body>
        <div id="sidebar">
            {% block sidebar %}
                <ul>
                    <li><a href="/">Home</a></li>
                    <li><a href="/blog">Blog</a></li>
                </ul>
            {% endblock %}
        </div>

        <div id="content">
            {% block body %}{% endblock %}
        </div>
    </body>
</html

接下来我们以一个字模板来进行说明,比如现在有一篇文章,当进入该文章页面时,需要显示文章具体内容,文章页面和主页是差不多的,只是基类twig当中的body块是不一样的,

所以只需要重写基类当中的body块就行了,就可以在原页面的基础上,只更改文章的内容而其他地方都是不变的。注意在此之前使用extends继承基类模板,就会自动显示基类模板

当中的内容

{# app/Resources/views/blog/index.html.twig #}
{% extends ‘base.html.twig‘ %}

{% block title %}My cool blog posts{% endblock %}

{% block body %}
    {% for entry in blog_entries %}
        <h2>{{ entry.title }}</h2>
        <p>{{ entry.body }}</p>
    {% endfor %}
{% endblock %}

说到底twig模板就是将各个页面之间的共性提取出来,写入到基类模板当中去,基类模板的block越多越好,这样页面更为灵活

如果要在子类模板当中在基类模板的某一块的基础上添加内容,而不是完全重写,只需要将  {{ parent() }}放在所需要的块中即可,

对于模板存放位置的说明。

基类模板一般存放在App/Resourses/views当中,可以继承第三方bundle当中的模板,注意如果你想要让基类继承其他的twig,需要放在bundle当中

对于继承路径的说明,

所有目录都是相对于app/resources/views目录的,比如你要继承views/blog的twig模板,需要使用 extends blog/模板名,

对于在一个模板当中引入其他模板的说明

比如现在有一个模板article.html.twig

{# app/Resources/views/article/article_details.html.twig #}
<h2>{{ article.title }}</h2>
<h3 class="byline">by {{ article.authorName }}</h3>

<p>
    {{ article.body }}
</p>

然后如果要在一个list.html.twig模板当中使用他的话,

{# app/Resources/views/article/list.html.twig #}
{% extends ‘layout.html.twig‘ %}

{% block body %}
    <h1>Recent Articles<h1>

    {% for article in articles %}
        {{ include(‘article/article_details.html.twig‘, { ‘article‘: article }) }}
    {% endfor %}
{% endblock %

使用include 包含这个模板进来,路径规则和之前的相似,同样如果需要传入参数的话,{}括起来就行,和数组方式差不多

如果要使用twig跳转到另一个界面的话,使用path函数即可,比如现在有一个路由article,slug为传入的参数

/**
     * @Route("/article/{slug}", name="article_show")
     */

跳转时,使用{{ path(‘路由名称‘,{参数列表来实现}) }}  ,注意你可以写死他们的url,但是使用路由名更为灵活

{% for article in articles %}
    <a href="{{ path(‘article_show‘, {‘slug‘: article.slug}) }}">
        {{ article.title }}
    </a>
{% endfor %}

对于输出图片的说明

使用asset进行载入,这里的rel参数规定了指定link和当前链接的关系,具体看文档,这里的文档路径是相对于主机路径的即web目录路径,一般都会存放在web/bundles/scourgenWeb/css/js/png.......

<img src="{{ asset(‘images/logo.png‘) }}" alt="Symfony!" />

<link href="{{ asset(‘css/blog.css‘) }}" rel="stylesheet" />

最后再对twig模板当中访问一个用户的各种信息的方式

symfony在php,twig引擎当中默认设置一个全局变量APP,可以通过它来访问一个user的信息,这个user可以是一个UserInteface对象,有ToString() 方法的对象,或者常规字符串

app.user

app.session  当前用户的session,

app.request  当前请求对象,目前也不太了解

原文地址:https://www.cnblogs.com/eenio/p/10543361.html

时间: 2024-11-05 16:32:54

twig模板的进一步学习以及在symfony当中的使用的相关文章

标准模板库(STL)学习探究之vector容器

标准模板库(STL)学习探究之vector容器  C++ Vectors vector是C++标准模板库中的部分内容,它是一个多功能的,能够操作多种数据结构和算法的模板类和函数库.vector之所以被认为是一个容器,是因为它能够像容器一样存放各种类型的对象,简单地说,vector是一个能够存放任意类型的动态数组,能够增加和压缩数据.为了可以使用vector,必须在你的头文件中包含下面的代码:#include <vector>构造函数. Vectors 包含着一系列连续存储的元素,其行为和数组类

构建自己的PHP框架(Twig模板引擎)

Twig 模板引擎 模版引擎 twig 的模板就是普通的文本文件,也不需要特别的扩展名,.html .htm .twig 都可以.模板内的 变量 和 表达式 会在运行的时候被解析替换,标签(tags)会来控制模板的逻辑. 安装Twig 命令行运行: composer require "twig/twig:~1.0" 在services目录下创建Twig.php: <?php /** * Class Twig */ class Twig { public $view; public

[ExtJS学习笔记]第七节 Extjs的组件components及其模板事件方法学习

本文地址:http://blog.csdn.net/sushengmiyan/article/details/38487519 本文作者:sushengmiyan -------------------------------------------------------------资源链接----------------------------------------------------------------------- 翻译来源  Sencha Cmd官方网站: http://ww

opencart 引入 TWIG 模板引擎

1.首先将 twig 包放入 system\library 目录. 2.在 system/startup.php 文件最后添加引入语句. require_once(DIR_SYSTEM . 'library/Twig-1.12.3/lib/Twig/Autoloader.php'); 3.在 index.php 文件中,加入twig引擎初始化语句. //twig Twig_Autoloader::register(); $twigLoader = new Twig_Loader_Filesyst

yii2 使用twig 模板引擎

yii2 默认使用PHP 和html 混合的方式来写视图层,但我个人还是喜欢纯模板语言的方式.而且已经非常习惯使用twig的语法,最近想使用yii2进行开发,所以还是选择使用twig视图引擎. github 已经有人提供了这样的vendor ,可以直接comoser 配置一下进行使用. composer.json 文件 require 添加 "yiisoft/yii2-twig": "*" 然后 composer update  前往common/config 下

symfony2 twig模板引擎

1.基本语法 Says something:{{    }} Does something:{%  %} Comment something:{#    #} {% extends "AppWebBundle::layout.html.twig" %}继承模板 2.核心概念: 用类的继承关系去管理页面之间的关系 如果要访问某个bundle里的资源文件,需要将文件拷贝到/web 目录下,或者linux/mac 软连接映射到/web目录下 windows:  >php app/con

比特币进一步学习-针对作弊问题的处理

这个里面讲了区块链的内容: http://www.cnblogs.com/charlesblc/p/6272785.html 今天和老婆讨论的时候,发现了一些细节需要进一步了解,所以看了些文章.下面几篇讲的很好: <比特币私钥.公钥.钱包地址之间的关系> 讲了比特币交易的过程,基本就懂了(尤其是防止作弊的这一块.所有的交易,是由扣除方发起的.接收方是没有权力发起的) 1. 首先使用随机数发生器生成一个『私钥』.一般来说这是一个256bits的数,拥有了这串数字就可以对相应『钱包地址』中的比特币

委托的进一步学习3

嘿嘿,今天的晚上是平安夜,预祝大家节日快乐!在这个冰冷的冬天,给自己一点温暖不论怎么样,生活中的我们要心情愉悦哦,下面就来总结一下我们今天学习的内容,其实我们今天是学习了委托以及对Linq的初步认识吧,总结一下今天学习的内容吧. 一.Lamda表达式在委托中的使用 delegate string MyDel(string n,string p); public class Program { static void Main(string[] args) { #region Lamda表达式 #

react native进一步学习(NavigatorIOS 学习)

特别申明:本人代码不作为任何商业的用途,只是个人学习的一些心得,为了使得后来的更多的程序员少走一些弯路.*(如若侵犯你的版权还望见谅)*. 开发工具:WebStorm,xcode 1. rn的创建的时候一般用这个创建,因为最新的被墙了: react-native init MyApp --version 0.44.3 2. 引入库的类的代码实例: import { Navigation } from 'react-native'; 3. 引入自己新建的类 var List = require('