美文网首页
6.Magento 2 添加后台管理菜单

6.Magento 2 添加后台管理菜单

作者: 子十一刻 | 来源:发表于2020-02-19 11:11 被阅读0次

Magento 2 模块开发基础部分 - 目录

本章节讨论如何在后台左侧导航菜单条添加自定义链接。

首先要理解后台菜单的结构及每个菜单项的交互方式。菜单是分为层级式的父子结构。在左侧导航菜单条直接显示的是第0层,当你点击第0层菜单项时会显示出对应更高层级的分组子菜单项。如下图是店铺Store菜单,Stores就是第0层直接显示在左侧导航条上,点击Stores之后子菜单就会展开显示:Settings、Attributes、Taxes等,以及它们的子子菜单项(Settings就有子项:All Stores、Configuration、Terms and Conditions、Order Status)。

6-store-menu-items.png

在前端时路由名称的格式为:{router_name}_{controller_name}_{actions_name},后台路由格式也一样,但需要指定一个不同的名称以便让系统知道调用的是后台的路由。

菜单到底如何添加?接下来继续使用之前的Hello World模块进行演示菜单项的添加。

添加菜单使用 menu.xml 配置文件步骤如下:

  • 1 创建 menu.xml 配置文件
  • 2 添加菜单项
  • 3 清除缓存

第一步 创建 menu.xml

文件: app/code/Aqrun/HelloWorld/etc/adminhtml/menu.xml

代码:

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Backend:etc/menu.xsd">
    <menu>
    </menu>
</config>

第二步 配置菜单项

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Backend:etc/menu.xsd">
    <menu>
        <add id="Aqrun_HelloWorld::helloworld" title="你好世界"
             module="Aqrun_HelloWorld" sortOrder="51"
             resource="Aqrun_HelloWorld::helloworld"/>
        <add id="Aqrun_HelloWorld::post" title="文章管理"
             module="Aqrun_HelloWorld" sortOrder="10"
             action="aqrun_helloworld/post" resource="Aqrun_HelloWorld::post"
             parent="Aqrun_HelloWorld::helloworld"/>
        <add id="Aqrun_HelloWorld::hello_configuration" title="参数设置"
             module="Aqrun_HelloWorld" sortOrder="99"
             parent="Aqrun_HelloWorld::helloworld"
             action="adminhtml/system_config/edit/section/helloworld"
             resource="Aqrun_HelloWorld::helloworld_configuration"/>
    </menu>
</config>

配置文件中,我们添加了名为“你好世界”的第0级菜单,以及它的两个子菜单项“文章管理”和“参数设置”。
在 menu.xml 文件中会定义很多 'add' 节点来向后台添加菜单项,它的结构如下:

<add id="Aqrun_HelloWorld::post" title="Manage Posts" 
    module="Aqrun_HelloWorld" 
    sortOrder="10" action="aqrun_helloworld/post" 
    resource="Aqrun_HelloWorld::post"
    parent="Aqrun_HelloWrld::helloworld"/>

属性解释:

  • id 是对应节点的唯一标识,并且命名格式必须是 {公司_模块名}::{菜单名或描述}
  • title 属性指定显示在菜单导航条上的文字
  • module 属性指定菜单属于哪个模块
  • srotOrder 属性控制菜单项显示顺序,数字越小越靠前
  • parent 属性关联其它菜单ID,告诉系统当前菜单是哪个菜单的子项。本例中 parent="Aqrun_HelloWorld::helloworld", 由此我们知道 “管理文章”是 “你好世界”的子项,会显示在“你好世界”的菜单页里。
  • action 属性值是要链接到的页面URL。上面提到过路由格式是 {路由名}{控制器文件夹}{动作名},因此当前菜单就链接到 HelloWorld 模块的Post控制器,动作是 Index。
  • resource 属性指定权限控制,控制管理员是否有权限查看当前菜单。

你也可以添加一些其它子菜单,会和店铺菜单一样的格式显示。

最后要提的是菜单的图标,显示在0级菜单名称的上面。这些图标是 'Admin Icons' 字体生成的,更多关于图标的内容查看这个链接

第三步 清空缓存

要确保自定义菜单正常显示需要清除一下缓存运行 php bin/magento cache:clean

本例显示结果如图:

6-helloworld-menu-items.png

相关文章

  • 6.Magento 2 添加后台管理菜单

    Magento 2 模块开发基础部分 - 目录 本章节讨论如何在后台左侧导航菜单条添加自定义链接。 首先要理解后台...

  • HPX后台管理--添加菜单权限

    添加菜单权限 1. 菜单权限分级 2. 添加一级菜单 2.1 添加步骤 选择 管理员管理-----权限列表 弹出右...

  • 添加新商品

    建议使用浏览器:chrome浏览器 登录管理后台,选择商品管理菜单,点击添加商品。商品管理菜单 输入商品基本信息,...

  • pigx-ui 添加页面后报404错误

    1、在pigx-ui代码里添加页面 2、在界面的【权限管理】 - 》【菜单管理】添加菜单 3、在界面的【权限管理】...

  • Axure实现2、3菜单展开/折叠效果

    后台系统的管理菜单级联原型设计,一般后台菜单的级别分为2、3级,也会通过结构布局来化解菜单折叠的问题,但是有些复杂...

  • django项目--菜单管理

    后台菜单管理功能 一、业务功能分析 1. 业务需求分析 后台首页菜单根据用户权限动态生成,不同菜单对应不同的功能视...

  • Linnux企业级运用:NFS服务器实现RAID5

    1.安装管理RAID设备的工具---mdadm 2.添加硬盘 Vmware上面菜单栏窗口——虚拟机——设置——添加...

  • SpringBoot 后台管理框架

    SpringBoot 后台管理框架 SpringBoot 后台管理框架 功能介绍 登录 注册 文章管理 文章添加修...

  • 公众号菜单可以直接点击拨号

    登录后选择“小程序管理”菜单。 搜索并添加小程序“电话码” 添加自定义菜单,“菜单内容”选择“跳转小程序”、选择小...

  • The second day of the react proj

    注册路由 admin.js 后台管理的路由组件 导航菜单配置: config/menuConfig.js 导航菜单...

网友评论

      本文标题:6.Magento 2 添加后台管理菜单

      本文链接:https://www.haomeiwen.com/subject/qraofhtx.html