mkdesignn / menubuilder
menu builder 是一个可以通过输入配置来制作菜单的包
v0.4-alpha
2017-06-24 16:18 UTC
Requires
- php: >=5.5.9
- illuminate/config: ~5.1.0|~5.2.0|~5.3.0|~5.4.0
- illuminate/database: ~5.1.0|~5.2.0|~5.3.0|~5.4.0
- illuminate/support: ~5.1.0|~5.2.0|~5.3.0|~5.4.0
This package is auto-updated.
Last update: 2024-09-18 02:54:09 UTC
README
动态菜单构建器是一种快速简单的创建菜单的方法。我一直想要一种方法来生成菜单,而无需从头开始重新创建所有内容。
注意,此项目需要 vue.js ver2。
使用方法
步骤 1:通过 composer 安装它
composer require mkdesignn/menubuilder
步骤 2:添加服务提供者
Mkdesignn\MenuBuilder\MenuProvider::class
步骤 2:添加外观类
'Menu' => Mkdesignn\MenuBuilder\Facade::class
步骤 3:发布供应商文件
PHP artisan vendor: publish
上述命令将发布菜单文件夹,其中包含两个文件,index.js 和 style.css,它们都应该被包含在内,并且此命令还将发布 menu.php 配置文件。
示例
创建简单菜单
echo Menu::render('vertical', new \App\Tag(), "vertical-menu");
这种方式我们可以构建简单的菜单,如你所见,render 方法接收 3 个参数,我将在下面描述每个参数。
第一个参数
第一个参数是要创建的菜单类型。它可以是垂直或水平。
第二个参数
第二个参数是我们需要用作源的表。
传递给 render 方法的类应该扩展模型抽象类
传递给 render 方法的表标签具有以下结构
如上图网格所示,有很多字段,但有些字段不是必需的,例如 bg_color、bg_hover_color、text_color、text_hover_color,但你可以使用每个字段。这样菜单看起来会更加动态。字段 parent_id 应保持为 parent_id。
第三个参数
传递给 render 方法的第三个参数是类选择器,我们可以用它为菜单添加一些 CSS 样式。如果没有传递类,则 mk_menu 将作为默认类使用。
第四个参数
我们有第四个参数,我们可以用它作为配置,第四个参数应该是数组,它将用于配置。
一些示例
echo Menu::render('vertical', new \App\Tag(), "test");