Zend Framework教程之Zend_Layout布局助手详解

2020-02-21 20:44:24

字体：大中小

来源：转载

供稿：网友

本文实例讲述了Zend Framework教程之Zend_Layout布局助手。分享给大家供大家参考，具体如下：

一、作用

布局的作用和模版的作用类似。可以认为是把网站通用、公共的部分拿出来作为通用的页面框架。例如一个基本的web页面，可能页面的头和尾都是一样，不一样的可能只是内容body部分不一样，可以把公共的部分做成模版。不仅可以提高开发效率，也为后期的维护带来方便。

二、使用

这里举一个简单的例子。

首先用zend studio创建一个基本的zend framework项目：layout_demo1

结构大概如下“

├─.settings
├─application
│ ├─configs
│ ├─controllers
│ ├─models
│ └─views
│      ├─helpers
│      └─scripts
│          ├─error
│          └─index
├─docs
├─library
├─public
└─tests
    ├─application
    │ └─controllers
    └─library

1.加入layout功能：

应用配置文件/layout_demo2/application/configs/application.ini，加入如下配置

resources.frontController.controllerDirectory = APPLICATION_PATH "/controllers"resources.frontController.params.displayExceptions = 0resources.layout.layoutPath = APPLICATION_PATH "/layouts/scripts/"[staging : production]

2.相应的目录和布局模版文件 /layout_demo2/application/layouts/scripts/layout.phtml

├─application
│ ├─configs
│ ├─controllers
│ ├─layouts
│ │ └─scripts
│ ├─models
│ └─views

layout.html类似如下：

<!doctype html><html> <head>  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">  <title>my app</title>  <body>   <div id="header">    header   </div>   <div id="content">    <?php echo $this -> layout() -> content;?>   </div>   <div id="footer">    header   </div>  </body></html>

这里的

<?php echo $this -> layout() -> content;?>

是比较重要的。表示此处为布局的内容，也就是会动态变化的地方。

这样，运行一下程序

www.localzend.com/layout_demo1/public/

生成的html源码如下

<!doctype html><html> <head>  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">  <title>my app</title>  <body>   <div id="header">    header   </div>   <div id="content">    <style> a:link, a:visited {  color: #0398CA; } span#zf-name {  color: #91BE3F; } div#welcome {  color: #FFFFFF;  background-image: url(http://framework.zend.com/images/bkg_header.jpg);  width: 600px;  height: 400px;  border: 2px solid #444444;  overflow: hidden;  text-align: center; } div#more-information {  background-image: url(http://framework.zend.com/images/bkg_body-bottom.gif);  height: 100%; }</style><div id="welcome"> <h1>Welcome to the <span id="zf-name">Zend Framework!</span></h1> <h3>This is your project's main page</h3> <div id="more-information">  <p><img src="http://framework.zend.com/images/PoweredBy_ZF_4LightBG.png" /></p>  <p>   Helpful Links: <br />   <a href="http://framework.zend.com/">Zend Framework Website</a> |   <a href="http://framework.zend.com/manual/en/">Zend Framework Manual</a>  </p> </div></div>   </div>   <div id="footer">    header   </div>  </body></html>

上一篇：详解WordPress中的头像缓存和代理中的缓存更新方法

下一篇：WordPress的文章自动添加关键词及关键词的SEO优化