如何优化菜单导航

Question

我正在构建一个菜单选项，在最后一个选项中出现问题，锚点方法不能作为弹出新窗口的链接。此外，在选项1和2中，我重复了那些看起来不太好的代码。

有没有更好的方法来优化这些代码？让它更干净。

在我的控制器中：

public function loadPage($name, $pageID) {
    $data['title'] = $this->tabPageData;
    $data['tabMenu'] = $this->model->getAllMenuItems(); 

    if ($name == 'portfolio-1') {
        // load portfolio 1, get the page content (photos) and its name
        $data['tabPageContent'] = $this->model->getPageContentByPageID($pageID);
        $data['pageName'] = $this->model->getPageNameByID($pageID);
    } elseif ($name == 'portfolio-2') {
        $data['tabPageContent'] = $this->model->getPageContentByPageID($pageID);
        $data['pageName'] = $this->model->getPageNameByID($pageID);
    } elseif ($name == 'contact') {
        // load Contact page
        $data['tabContact'] = $this->model->getContactByPageID($pageID);
    } else {
        // load a Blog site
        echo anchor('http://mysite.tumblr.com', 'target=_blank');
    } 
    $this->load->view('content', $data);
}

在我的视图中：

<div id="menu">
         <ul>
            <?php foreach ($tabMenu as $item) : ?>
                <?php
                    $url = "<li><a href='" . base_url(); 
                    $url .= str_replace("+", "-", urlencode(strtolower($item->name))) . "/". ($item->cat_id) . "'>";
                    $url .= strtoupper($item->name) . "</a></li>";
                    echo $url;
                ?>
            <?php endforeach; ?>    
        </ul>
    </div> <!-- end of Menu -->

Answer 1

我建议您通过创建一个为导航生成列表项的辅助方法来清理视图。

将以下代码放入 application/helpers/ 中名为 navigation_helper.php 的文件中。

if (!defined('BASEPATH')) exit('No direct script access allowed');

if (!function_exists('build_list_item'))
{
    function build_list_item ($item) {
        $url_item_name = str_replace('+', '-', urlencode(strtolower($item->name)));
        $url = base_url() . $url_item_name . "/". $item->cat_id;
        return '<li><a href="' . $url . '">' . strtoupper($item->name) . '</a></li>';
    }
}

确保您正在控制器中加载助手，或者如果您经常使用它，则自动加载它。

$this->load->helper('navigation_helper');

那么在你看来你可以这样做：

<div id="menu">
    <ul>
        <?php foreach ($tabMenu as $item): ?>
            <?php echo build_list_item($item); ?>
        <?php endforeach; ?>    
    </ul>
</div>