初识Twig

  1. 模板引擎(twig)

    1. 基本语法
      –输出{{ }}
      –判断{% %}
      –注释{# #}
  2. 核心概念

    1. 用类的继承关系去管理页面之间的关系
  3. demo
    1. 结构: 头 主要内容 尾

     代码demo:
     	abstract class BasicPage{
     		public function getHeader(){}
     		public function getMainContent(){}
     		public function getFooter(){}
     	}
     主要内容分类
     	class WendaPage extends BasicPage{
     		public $content;
     		public function getMainContent(){
     			return $this->getLeftMenu()
     			          .$this->content
     			          .$this->getRightMenu();
     		}
     		public function getLeftMenu(){
     			return $this->global_menu
     			           .$this->my_menu;	
     		}
     		public $global_menu;
     		public $my_menu;
     		public function getRightMenu(){
     			return $this_new_question_button
     			           .$this->tags
     			           .$this->weekly_hot_question
     			           .$this->top_board;
     		}
     		public $this_new_question_button;
     		public $tags;
     		public $weekly_hot_question;
     		public $top_board;
     	}
     标签页结构示意
     	class TagPage extends WendaPage{
     		public $content;
     		public function getRightMenu(){
     			return $this->new_question_button
     			           .$this->tags
     			           .$this->related_class;	
     		}
     		public $related_class;
     	}
    

2.Twig整合HTML5
3.使用类与类之间的继承关系定义页面

{% block head %}
	头部
{% endblock %}

{% block maincontent %}
	主要内容
{% endblock %}

{% block footer %}
	尾部
{% block %}

{% extends '继承的模板' %}

{% block maincontent %}复写主要内容 {% endblock %}

{% block xxxx %}
	{{parent()}}调用父级的内容
{% endblock %}

{% block my_js %}
	xxxx.css/xxx.js
{% endblock %}

{{content|upper|reverse}}全部大写加翻转

{{content.a}}判断content是否为数组/对象/方法/函数等等自动检测
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值