symphony 的twig模板引擎的一些常用的用法总结

在使用Symphony项目时，需要一些常用的twig，经过自己做的几个项目，自己的总结如下：

一、twig-数据判断

有时候在使用后台传给前台数据时需要判断是否有这个值，（是否为空(”或null)或是否定义defined或is empty）

例如:

多维数组时：

{% if item.image is defined %}

<div class=”trade-show-imgs”>

{% for img in item.image %}

{% if img != “” %}

<div class=”trade-show-box”>

<img class=”small-img” src=”{{ asset(‘image/member/order/’) }}{{ img }}” alt=”” title=”” />

</div>

{% endif %}

{% endfor %}

</div>

{% endif %}

二、拼接url(一种是路由path，一种是路径asset)，使用replace()转换

var dataid = data[i].id;

var dataimg = data[i].brand_image;

var idurl = “{{ path(‘zm_member_myCar_choose_series’,{‘id’:’dataId’})}}”;

idurl = idurl.replace(“dataId”,dataid);

var idimg = “{{ asset(‘image/brand/’) }}{{ ‘dataImg’ }}”;

idimg = idimg.replace(“dataImg”,dataimg);

三、后台传的是多维数组，且第一维数组中是A,B,C,F,G,R等字母，其中包含数组

如图所示：



{% for key,item in result %}

<div class=”lettlecity”>

<div class=”lettletitle”>{{ key }}</div>

{% for items in item %}

<a href=”{{ path(‘zm_frontend_set_city’,{‘id’:items.id}) }}” class=”lettlebox”>{{ items.name }}</a>

{% endfor %}

</div>

{% endfor %}

四、twig路由

1.最简单的：{{ path(‘zm_frontend_index_search’) }}
2.带ajax的: {{ path(‘zm_member_address_info_ajax’) }}
3.拼接id的：{{ path(‘zm_member_order_show’,{‘id’:review_info[‘id’]}) }}
4.拼接Id 和type的：{{path(‘zm_member_favorites_action_ajax’,{‘id’:’storeid’,’type’:1})}}
5.带排序的：<a class=”” href=”{{ url }}&order=grade&{% if filter.sort == “DESC” %}sort=ASC{%else%}sort=DESC{%endif%}”>好评</a>
6.搜索在url中拼接（？和&）：href=”{{ path(‘zm_frontend_store_list’) }}?manufacturer_id={{ manufacturers.id }}{% if filter.district_id != ” %}&district_id={{ filter.district_id }}{% endif %}”

五、将后台传来的数据，转换另一种格式

（1）、{{ data.market_price |number_format }}元（如89.00转换为89）

（2）、提取需要长度的字符串 {{ app.session.get(‘city_name’)[0:2] }}（如北京市提取出北京）

（3）、文章格式输出 {{ data.content |raw }}

（4）、日期格式（如2015-8-23 11:20:45） {{orderlists[‘date_added’] |date(‘Y-m-d’)}} {{orderlists[‘date_added’] |date(‘H:i:s’)}}

六、{% set  %} 设置变量

{% if reply is defined %}{% set floor = 2 %}

{% for item in reply %}

<p class=”message-floor”>{{ floor }}楼</p>

{% set floor = floor+1 %}

{% endfor %}

{% endif %}

七、twig循环-样式不同的（利用loop.index:从1开始）

<div class=”maintenance-men-content”>

{% for storelists in local_master %}

<div  {% if loop.index == “1” %}style=”background: #c51a1a”

{% elseif loop.index == “2” %}style=”background: #1a53c5″

{% endif %}class=”maintenance-men-list”></div>

{% endfor %}

八、分页

后台一般也写好分页，所有的分页都是一样的，我们前端再定义一个都可以引用到的样式

只需调用{{ render|raw }}即可

九、session

利用session可以获得用户信息（如名称，号码，甚至头像），也可以获得定位的城市

如：

{{ app.session.get(‘member_name’) }}

{{ app.session.get(‘city_name’) }}

与本文相关的文章

换个思路改变链接【原创】

关于twig模板的一些语句【原创】

Twig模板获取数组长度【原创】

js在twig中使用后台控制器传过来的数组Array【原创】

twig模板取数组键值的方法【原创】

uploadify配合twig多实例ajax多文件上传【原创】

Twig模板set标签的用法【原创】

前端小白的学习小总结（1）【原创】

CSS选择器优先级【转载】

如何区分ajax同步请求和异步请求【转载】

解决vertical-align垂直居中无效bug【原创】

ip地址传递参数【原创】

利用css如何控制图片高度根据自适应宽度进行调整【原创】

超好用的设计网站【原创】

设计师需要养成的良好习惯【原创】

利用css实现文字或图像的旋转，缩放，倾斜和移动效果【转载】

如何利用纯css绘制三角形【转载】

如何区分HTML中name，class和id【转载】

phpcms v9表单加入验证码【转载】

限制字数，超出部分显示“…”【原创】