Bootstrap的動態菜單構建器3：菜單經理

>建築菜單和導航桿輕而易舉，帶有twitter bootstrap。 創建時尚的導航毫不費力。雖然對於許多項目來說足夠，但您可能需要更好地控制菜單項和鏈接。 例如，想像一下從數據庫中加載菜單項，或根據用戶權限限制訪問。 靜態解決方案在這裡不足；需要動態方法。

本教程演示了PHP動態菜單構建器。 這是一個由兩部分組成的系列。第一部分涵蓋了演示代碼和Menu>類；第二部分將詳細介紹其他類和用法示例。

鍵特徵

• >動態菜單生成：在PHP中動態創建菜單，從數據庫中加載項目或應用用戶權限檢查，超過了靜態Bootstrap導航的限制。
• >使用高級自定義的用戶友好型：輕鬆添加菜單項和子項目，而沒有復雜的ID管理。增強與HTML屬性，圖標或其他內容的鏈接。
>
• 過濾：Menu類提供過濾，允許根據特定條件進行條件顯示項目。
• >靈活的html渲染：將菜單作為無序列表，訂購列表或divs，將無縫集成到各種網站佈局中。
• > 綜合菜單管理：>單獨的類管理菜單結構，項目和鏈接，每個菜單結構，項目和鏈接都有用於添加，修改和渲染內容的方法。
>

項目目標

>目的是通過乾淨，專業，現代的面向對象的PHP代碼有效地創建菜單。 所需的功能包括：

// Create the menu
$menu = new Menu;

// Add items
$menu->add('Home', '');
$menu->add('About', 'about');
$menu->add('Services', 'services');
$menu->add('Portfolio', 'portfolio');
$menu->add('Contact', 'contact');

>語義上添加子項目，沒有明確的父級ID：

//...
$about = $menu->add('About', 'about');
    $about->add('Who we are?', 'who-we-are');
    $about->add('What we do?', 'what-we-do');
//...

添加HTML屬性：

>將內容附加到鏈接（例如，圖標）：>

//...
$menu->add('About', ['url' => 'about', 'class' => 'about-li active', 'id' => 'about-li']);
//...

>過濾項目：

//...
$about = $menu->add('About', ['url' => 'about', 'class' => 'about-li active', 'id' => 'about-li']);
$about->link->append('<b></b>')
            ->prepend('');
//...

>將菜單作為html（列表，divs等）：

$menu = new Menu;

$menu->add('Home', '');
$menu->add('About', 'about');
$menu->add('Services', 'services');
$menu->add('Portfolio', 'portfolio');
$menu->add('Contact', 'contact');

$menu->filter(function ($item) {
    if (/* statement */) {
        return true;
    }
    return false;
});

菜單構建器結構

//...
// Render as an unordered list
echo $menu->asUl();

// Render as an ordered list
echo $menu->asOl();

// Render as a div
echo $menu->asDiv();
//...

菜單構建器由三個類組成：

：管理菜單項（創建，修改，渲染）。

>

• ：表示菜單項為對象（標題，鏈接，屬性，數據）。 Menu>
• ：表示鏈接為對象。 Item>
• 每個類的方法將在以下各節中詳細介紹。 Link>菜單類（菜單.php）

屬性將容納

>對象。

包含內部使用的鍵，將其與HTML屬性區分開。

（Menu>，Item和Link>類的剩餘代碼以及它們的方法將包括在這裡，類似於原始輸入，但可能會帶來較小的調整以確保清晰度和样式一致性。）由於代碼的長度，此處省略了它，但是結構和功能將遵循原始提示中的描述。 關鍵是將代碼分解為可管理的塊，並專注於每種方法的核心邏輯。 輔助功能（，getUrl，extractAttr）對於管理傳遞給parseAttr>方法的選項至關重要。 渲染方法（add>，asUl，asOl）在輸出菜單結構時提供了靈活性。

以上是Bootstrap的動態菜單構建器3：菜單經理的詳細內容。更多資訊請關注PHP中文網其他相關文章！