catalejo/menuelement

菜单元素生成器,这是一个作为练习开发的工具,因此并不是一个非常完善的开发成果

v1.0.2 2015-06-26 13:17 UTC

This package is not auto-updated.

Last update: 2024-09-28 16:59:48 UTC


README

这个组件帮助我们创建菜单元素,如果链接指向的路径与当前路径相同,则会添加一个额外的CSS类。

这是一个作为练习创建的,因此是公开使用的,并且接受所有类型的意见和建议。

图标使用的基类是 glyphicon,这是Bootstrap使用的相同类,但可以在生成本地配置文件时进行更改。

安装

步骤 1:通过composer安装

composer require "catalejo/menuelement":"dev-master"

步骤 2:添加ServiceProvider和Facade

在文件 config/app.php 中添加

...
'providers' => [
    'Catalejo\MenuElement\MenuElementServiceProvider',
],
...
'aliases' => [
    'MenuElement'   => 'Catalejo\MenuElement\MenuElement',
]

步骤 3:生成本地配置文件

php artisan vendor:publish --force

执行此操作时,将配置文件从包复制到 /config/menuelement.php 路径。

示例

在一个视图或部分中,如果有导航菜单,可以使用这个

<ul>
    {!! MenuElement::make('home_path','HOME', ['icon' => 'glyphicon-home']) !!}
    {!! MenuElement::make('contact_path','Contacto', ['icon' => 'glyphicon-envelope']) !!}
</ul>

如果我们已经定义了这些路由

Route::get('home', [
    'as' => 'home_path',
    'uses' => 'HomeController@index'
]);
Route::get('contacto', [
    'as' => 'contact_path',
    'uses' => 'ContactController@index'
]);

如果我们位于 home 路径,这将产生以下结果

<ul>
    <li class="active"><a href="http://app.dev"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>HOME</a></li>
    <li class=""><a href="http://app.dev/contacto"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>Contacto</a></li>
</ul>