hyii2后台管理系统-菜单篇

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了hyii2后台管理系统-菜单篇相关的知识,希望对你有一定的参考价值。

原文链接:Yii中文网(yii-china.com)- hyii2后台管理系统-菜单篇

简介

如何在hyii2后台管理系统添加一个新的菜单?许多购买源码的童鞋经常会问,我新建了菜单在左侧菜单栏没有显示。那么今天统一写这个文章来给大家介绍一下如何配置菜单。

添加路由

1.首先,我们新建一个控制器,比如TestController,里面有一个index方法(如下)

<?php
namespace backend\controllers;

use Yii;
use yii\web\Controller;

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

注:对应的views代码我就不贴了,就一个简单的渲染页面

2.然后打开 系统管理》路由管理 出现如下界面,将出现的两个路由添加到右侧(如果打开并没有发现路由,点击右侧刷新的小按钮,然后刷新一下页面)

技术分享

如上,我们的路由就添加到可用路由集合中了,这样就可以分配给我们的菜单了

创建菜单

1.新建1级菜单“测试菜单”,需要添加任何东西,直接保存(这个时候左侧并不会出现我们新建的菜单)

2.新建2级菜单“测试子菜单”,父级选择“测试菜单”(输入中文会自动检索匹配),添加刚才的路由“test/index”,然后保存(如果是超级账户,此时应该可以看到菜单了)

3.这里加一句,如果不是超级账户,此处需要给用户添加对应菜单的权限才能看到“测试菜单”在左侧出现

技术分享

其他配置

1.菜单排序:

以“测试菜单”为例,在菜单管理中找到“测试菜单”,点击编辑菜单,然后在映射选项中输入排序数字(从小到大=从上到下),如此即可对菜单进行排序,如下图

2.菜单图标:

菜单图标用的是font-awesome-4.4.0的图标,所以在网上搜索该图标的代码,然后用json格式添加到1级菜单(例:测试菜单)的数据文本框中,如下图

技术分享

如此我们的菜单就添加好了

菜单演示技术分享

以上是关于hyii2后台管理系统-菜单篇的主要内容,如果未能解决你的问题,请参考以下文章

SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇:使用 vue-router 进行动态加载菜单

SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇:使用 vue-router 进行动态加载菜单

SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇:使用 vue-router 进行动态加载菜单

Vue电商后台管理系统项目第6篇-商品管理的商品列表和商品添加组件实现

Android从后台堆栈中删除事务

完成后台管理系统功能添加商品中的商品类目的展示