symfony2 twig模板引擎,symfony2twig模板
1、基本语法
Says something:{{ }}
Does something:{% %}
Comment something:{# #}
{% extends "AppWebBundle::layout.html.twig" %}继承模板
2、核心概念:
用类的继承关系去管理页面之间的关系
如果要访问某个bundle里的资源文件,需要将文件拷贝到/web 目录下,或者linux/mac 软连接映射到/web目录下
windows: >php app/console assets:install web
linux: >php app/console assets:install web --symlink --relative
3、js css文件管理
(1)直接使用某个CSS/JS文件:{{asset('xxx.js')}}
(2)注册/定义资源:{% javascripts %} {% stylesheets %}
# 会将‘AppWebBundle/Resources/public/js/’目录下所有的js文件依次输出<br />{% block my_js %<span>} {</span>% javascripts '@AppWebBundle/Resources/public/js/*' %<span>} </span><script type="text/javascript" src="{{ asset_url }}"></script><span> {</span>% endjavascripts %<span>} {</span>% endblock %}
并在app/config/config.yml配置:
assetic:<span> bundles</span>: [ AppWebBundle ]
(3)页面间共享CSS/JS文件的通用策略
<span>#<span>layout.html.twig</span><br />...<br /><</span><span>head</span><span>></span> <span><!--</span><span>start globalcss </span><span>--></span><span> {% block global_css %} {% stylesheets '@AppWebBundle/Resources/public/css/bootstrap.min.css' '@AppWebBundle/Resources/public/css/bootstrap-theme.min.css' '@AppWebBundle/Resources/public/css/main.css' %} </span><span><</span><span>link </span><span>rel</span><span>="stylesheet"</span><span> href</span><span>="{{ asset_url }}"</span><span>></span><span> {% endstylesheets %} {% endblock %} </span><span><!--</span><span>end globalcss </span><span>--></span> <span><!--</span><span>start globaljs </span><span>--></span><span> {% block global_js %} {% javascripts '@AppWebBundle/Resources/public/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js' %} </span><span><</span><span>script </span><span>type</span><span>="text/javascript"</span><span> src</span><span>="{{ asset_url }}"</span><span>></</span><span>script</span><span>></span><span> {% endjavascripts %} {% endblock %} </span><span><!--</span><span>end globaljs </span><span>--></span><span> {% block my_js %} {% endblock %} {% block my_css %} {% endblock %} </span><span></</span><span>head</span><span>></span>
<span>#index.html.twig<br />{% extends "AppWebBundle::layout.html.twig" %} {% block maincontent %} {% block my_js %} {% javascripts '@AppWebBundle/Resources/public/js/index/*' %} </span><span><</span><span>script </span><span>type</span><span>="text/javascript"</span><span> src</span><span>="{{ asset_url }}"</span><span>></</span><span>script</span><span>></span><span> {% endjavascripts %} {% endblock %} {% block my_css %} {% stylesheets '@AppWebBundle/Resources/public/css/index/*' %} </span><span><</span><span>link </span><span>rel</span><span>="stylesheet"</span><span> href</span><span>="{{ asset_url }}"</span><span>></span><span> {% endstylesheets %} {% endblock %} {% block footer %} {{ parent() }} //会沿用父页面的footer,不被重写 {% endblock %} {% endblock %}</span>
声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章
刺客信条阴影:贝壳谜语解决方案
3 周前ByDDD
Windows 11 KB5054979中的新功能以及如何解决更新问题
3 周前ByDDD
在哪里可以找到原子中的起重机控制钥匙卡
3 周前ByDDD
<🎜>:死铁路 - 如何完成所有挑战
4 周前ByDDD
Atomfall指南:项目位置,任务指南和技巧
1 个月前ByDDD

热工具

Dreamweaver Mac版
视觉化网页开发工具

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

Dreamweaver CS6
视觉化网页开发工具