2012-04-12 143 views
2

我在zend框架中使用佈局。就好像現在看起來很醜很多很多代碼一樣。我想參考下面的代碼知道。我有可能給它一個更清潔的方法。這是我的代碼。優化Zend佈局

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 
     <title>Administrative Panel</title> 
     <link href="/css/main.css" rel="stylesheet" type="text/css" /> 
     <script type="text/javascript" src="/js/jquery.min.js"></script> 
     <script type="text/javascript" src="/js/plugins/spinner/ui.spinner.js"></script> 
     <script type="text/javascript" src="/js/plugins/spinner/jquery.mousewheel.js"></script> 
     <script type="text/javascript" src="/js/jquery-ui.min.js"></script> 
     <script type="text/javascript" src="/js/plugins/forms/uniform.js"></script> 
     <script type="text/javascript" src="/js/custom.js"></script> 
    </head> 
    <body> 
     <!-- Left side content --> 
     <div id="leftSide"> 
      <div class="logo"><a href="<?php echo $this->url(array(), 'admin-dashboard'); ?>"><img src="/images/logo.png" alt="" /></a></div> 
      <!-- Divider Decorator --> 
      <div class="sidebarSep mt0"></div> 
      <!-- Search widget --> 
      <form action="" class="sidebarSearch"> 
       <input type="text" name="search" placeholder="search…" id="ac" /> 
       <input type="submit" value="" /> 
      </form> 
      <!-- Divider Decorator --> 
      <div class="sidebarSep"></div> 
      <!-- Statistics --> 
      <div class="numStats"> 
       <ul> 
        <li><?php echo $this->itemCount; ?><span>Items</span></li> 
        <li><?php echo $this->categoryCount; ?><span>Categories</span></li> 
        <li class="last"><?php echo $this->userCount; ?><span>Users</span></li> 
       </ul> 
       <div class="clear"></div> 
      </div> 
      <!-- Divicer Decorator --> 
      <div class="sidebarSep"></div> 
      <!-- Sidebar buttons --> 
      <a href="#" title="" class="sButton sBlue"><img src="/images/icons/sPlus.png" alt="" /><span>Add new item</span></a> 
      <a href="#" title="" class="sButton sRed" style="margin-top: 12px;"><img src="/images/icons/sPlus.png" alt="" /><span>Add new user</span></a> 
      <!-- Divider Decorator --> 
      <div class="sidebarSep"></div> 
      <!-- Left navigation --> 
      <?php $this->navigation()->menu()->setPartial(array('partials/sidebar.phtml', 'admin')); echo $this->navigation()->menu()->render(); ?> 
     </div> 
     <!-- Right side --> 
     <div id="rightSide"> 
      <!-- Top fixed navigation --> 
      <?php echo $this->render('topnav.phtml') ?> 
      <!-- Title area --> 
      <div class="titleArea"></div> 
      <!-- Action Navigation --> 
      <?php echo $this->placeholder('action-navigation'); ?> 
      <!-- Main content wrapper --> 
      <div class="wrapper"> 
       <?php echo $this->layout()->content ?> 
      </div> 
      <!-- Footer line --> 
      <?php echo $this->render('footer.phtml') ?> 
     </div> 
     <div class="clear"></div> 
    </body> 
</html> 

我見過很多次了,大多數人都用一些輔助方法來清理佈局文件。從自己的Zend框架

<!DOCTYPE html 
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <?php echo $this->headTitle() ?> 
    <?php echo $this->headScript() ?> 
    <?php echo $this->headStyle() ?> 
</head> 
<body> 
    <?php echo $this->render('header.phtml') ?> 

    <div id="nav"><?php echo $this->placeholder('nav') ?></div> 

    <div id="content"><?php echo $this->layout()->content ?></div> 

    <?php echo $this->render('footer.phtml') ?> 
</body> 
</html> 

的例子,他們使用了一些輔助方法,如

$this->docType() 
$this->headTitle() 
$this->headScript() 
$this->headStyle() 

這種方法看起來很多清潔我。因爲他們在相同的文件中沒有多說這些。我想知道那個輔助方法的確切目的是什麼?以及如何在我的佈局文件中使用它?

回答

4

您將在手冊中找到關於查看幫助者和佔位符的所有信息,尤其是有關佔位符具體實現的this section

請參閱this section of the manual來創建您自己的視圖助手。自定義視圖幫助器基本上允許您在佈局或任何需要此內容的視圖中使用echo $this->myViewHelperName();來呈現HTML中的某些內容。

2

最有用的我用佈局視圖助手是爲管理風格& JavaScript的資產助手:

$this->headScript() 
$this->headStyle() 

基本上這些助手讓您管理您的樣式表& javascript中的任何視圖或佈局資產電話:

$this->headLink()->prependStylesheet($this->baseUrl('/media/css/shared.css')); 

$this->headScript()->prependFile('https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js'); 

如果您的應用程序中的每個模塊都有特定的樣式表,那麼這非常有用。您可以從其他視圖調用prependStylesheet/prependFile,並且佈局中的最終回顯調用將打印您加載的文件。

要打印出HTML head標籤,請使用您在示例佈局中具有相同的代碼:

<?php echo $this->headScript() ?> 
<?php echo $this->headStyle() ?> 

注意有沒有這麼前置一個附加樣式表的樣式和功能的函數:

$this->headLink()->prependStylesheet($this->baseUrl('/media/css/shared.css')); 
$this->headLink()->appendStylesheet($this->baseUrl('/media/css/shared.css')); 

您加載樣式表的順序將決定資產的順序。這是非常重要的,因爲通常你需要在任何其他插件之前加載jquery javascript資源。

我同意,ZF的手冊幾乎沒有提及這些幫助者的任何用法。 (http://framework.zend.com/manual/en/zend.view.helpers.html#zend.view.helpers.initial.headstyle)