hyii2後臺管理系統-菜單篇

原文連接:Yii中文網(yii-china.com)- hyii2後臺管理系統-菜單篇php

簡介html

如何在hyii2後臺管理系統添加一個新的菜單?許多購買源碼的童鞋常常會問,我新建了菜單在左側菜單欄沒有顯示。那麼今天統一寫這個文章來給你們介紹一下如何配置菜單。web

添加路由json

1.首先,咱們新建一個控制器,好比TestController,裏面有一個index方法(以下)yii2

<?php
namespace backend\controllers;

use Yii;
use yii\web\Controller;

class TestController extends Controller
{    
    public function actionIndex()
    {
        return $this->render('index');
    }
    
}

注:對應的views代碼我就不貼了,就一個簡單的渲染頁面yii

2.而後打開 系統管理》路由管理 出現以下界面,將出現的兩個路由添加到右側(若是打開並無發現路由,點擊右側刷新的小按鈕,而後刷新一下頁面)測試

blob.png

如上,咱們的路由就添加到可用路由集合中了,這樣就能夠分配給咱們的菜單了this

建立菜單spa

1.新建1級菜單「測試菜單」,須要添加任何東西,直接保存(這個時候左側並不會出現咱們新建的菜單)3d

2.新建2級菜單「測試子菜單」,父級選擇「測試菜單」(輸入中文會自動檢索匹配),添加剛纔的路由「test/index」,而後保存(若是是超級帳戶,此時應該能夠看到菜單了)

3.這裏加一句,若是不是超級帳戶,此處須要給用戶添加對應菜單的權限才能看到「測試菜單」在左側出現

blob.png

其餘配置

1.菜單排序:

以「測試菜單」爲例,在菜單管理中找到「測試菜單」,點擊編輯菜單,而後在映射選項中輸入排序數字(從小到大=從上到下),如此便可對菜單進行排序,以下圖

2.菜單圖標:

菜單圖標用的是font-awesome-4.4.0的圖標,因此在網上搜索該圖標的代碼,而後用json格式添加到1級菜單(例:測試菜單)的數據文本框中,以下圖

blob.png

如此咱們的菜單就添加好了

菜單演示blob.png

相關文章
相關標籤/搜索