2

我正在使用 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

2 回答 2

4

您将在手册中找到有关 View 助手和占位符的所有信息，尤其是在有关占位符具体实现的本节中。

请参阅手册的这一部分来创建您自己的视图助手。自定义视图助手基本上允许您在 HTML 中使用echo $this->myViewHelperName();您的布局或您需要此内容的任何视图来呈现一些内容。

于 2012-04-12T14:53:22.980 回答
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，布局中的最终 echo 调用将打印您加载的文件。

要打印出 html 头标签，请使用与示例布局中相同的代码：

<?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）

于 2012-04-12T15:13:36.080 回答