Question

我在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()

这种方法看起来对我来说更清洁。因为他们在同一文档中没有多说这些。我想知道那个辅助方法的确切目的是什么？以及如何在布局文件中使用它？

Answer 1

您将在手册中找到有关View助手和占位符的所有信息，特别是this section中有关占位符具体实现的信息。

请参阅this section of the manual创建自己的视图助手。自定义视图助手基本上允许您使用布局中的echo $this->myViewHelperName();或任何需要此内容的视图以HTML格式呈现某些内容。

Answer 2

我正在使用的最有用的布局视图助手是管理样式和帮助的助手。 javascript资产：

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

基本上这些助手可让您管理您的样式表＆amp;通过调用来自任何视图或布局的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）

优化Zend布局

2 个答案: