1. 云栖社区>
  2. PHP教程>
  3. 正文

Twig模板入门总结【原创】

作者:用户 来源:互联网 时间:2017-12-01 10:06:04

模板入门原创总结twig

Twig模板入门总结【原创】 - 摘要: 本文讲的是Twig模板入门总结【原创】, Twig是一种模板,说难不难,说简单,但总是有一种说不清道不明的感觉,今天总结一些最近时间学习twig模板的心得,分享于大家 首先,抛出一个简单的模板 <!DOCTYPE html><html lang="en"&g

Twig是一种模板,说难不难,说简单,但总是有一种说不清道不明的感觉,今天总结一些最近时间学习twig模板的心得,分享于大家

首先,抛出一个简单的模板

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="applicable-device" content="mobile" /> <meta name='apple-touch-fullscreen' content='yes' /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="telephone=no" /> <meta name="format-detection" content="address=no" /> <link rel="icon" href="{{ asset('favicon.ico') }}" type="image/x-icon" /> {% block stylesheets %} <link rel="stylesheet" href="{{ asset('bundles/css/style.css') }}" /> <link rel="stylesheet" href="{{ asset('bundles/css/reset.css') }}"/> {% endblock %} <title>{% block title %}{% endblock %}</title></head><body> <div class="page"> {% block top %} <ul> {% for item in data %} <li> <a href="{{ item.url }}">{{ item.nav }}</a> </li> {% endfor %} </ul> {% endblock %} {% block body %} {% endblock %} {% block bottom %} {% endblock %} </div>{% block javascript %}<script type="text/javascript" src="{{ asset('bundles/js/jquery-1.8.3.min.js') }}"></script><script type="text/javascript" src="{{ asset('bundles/js/koala.min.1.5.js') }}"></script>{% endblock %}</body></html>

这个模板,包含了样式块,标题块,头部,中间,尾部和js,是页面的基本上框架,头部是导航栏的循环(从数据库中读取)

{% include %}:包含模板

{% extends %}:扩展模板

如:不同页面扩展同一个模板 {% extends ‘FrontendBundle::base.html.twig’ %}

base.html.twig则被称为骨骼模板,其他页面继承了这个页面的框架,然后修改每个页面对应该位置不同的地方

{% … %} :一般用于for 循环,判断语句等

{{ … }}:用于打印变量或者是表达式

如 {{ hello }} 输出$hello变量

{% for item in data %}

{% endfor %}

输出的是名为data的数据表的数据(根据具体的调用字段)

{% if data.image != '' %} <div class="fb_pro"> <span for="" class="problem_pic">图片:</span> <img src="{{asset('upload/'~data.image)}}" alt="" class="fb_picture1"> </div> {% endif %}

判断data.image是否存在,如果存在就显示图片,如果不存在,这个div就不显示

(data的数据表的名称,image为数据库中图片的字段)

{# … #} 包围的内容会被注释掉,可以是单行注释也可以是多行注释。

入门阶段,如果写的有什么不对,请指教哦

本文永久地址:http://blog.it985.com/18650.html

本文出自IT985博客 ,转载时请注明出处及相应链接。

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索模板 , 入门 , 原创 , 总结 twig ,以便于您获取更多的相关知识。