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 进行动态加载菜单