分享每一天-hieu-le/active 根据 url 生成对应导航的 active 状态

hieu-le/active 根据 url 生成对应导航的 active 状态

PHP 1544 0 创建时间：2020-08-31 16:31:30

laravel

#### hieu-le/active 根据 url 生成对应导航的 active 状态

##### 安装

```php
composer require hieu-le/active
```
##### laravel版本对应扩展包的版本
```php
The helper class for Laravel applications to get active class base on current url.

Since version 7.0, the major version of this library will match the major version of Laravel.

Laravel version	Active library version
7.x    			------------7.x
6.x				------------4.x
5.x				------------3.x
4.x				------------1.x
```
##### 修改 config/app 文件，添加 ServiceProvider：

在 providers 数组内追加如下内容
```php
'providers' => [
    ...
    HieuLe\Active\ActiveServiceProvider::class,
],
```

在 aliases 数组内追加如下内容
```php
'aliases' => [
    ...
    'Active' => HieuLe\Active\Facades\Active::class,
],
```
##### 用例
只要了解 active_class 函数即可快速上手，此函数的定义如下：
```php
<?php
    /**
     * Get the active class if the condition is not falsy
     *
     * @param        $condition
     * @param string $activeClass
     * @param string $inactiveClass
     *
     * @return string
     */
    function active_class($condition, $activeClass = 'active', $inactiveClass = '')
```
如果当前的 url 满足指定条件 ($condition) ，此函数将返回 $activeClass，否则返回 $inactiveClass。

此扩展包提供了一批函数让我们更方便的进行 $condition 判断：

1. if_uri () - 判断当前的 url 是否满足指定的 url；
2. if_uri_pattern () - 判断当前的 url 是否含有指定的字符；
3. if_query () - 判断指定的 GET 变量是否符合设置的值；
4. if_route () - 判断当前对应的路由是否是指定的路由；
5. if_route_pattern () - 判断当前的路由是否包含指定的字符；
6. if_route_param () - 判断当前的 url 有无指定的路由参数。

具体的使用方法如下： 
```php
Route::get('/phphub/active/', function () {

/*
    |--------------------------------------------------------------------------
    | 当 URL 为 http://localhost/phphub/active 时，都将输出 activate，否则输出 inactivate
    |--------------------------------------------------------------------------
    */
    echo active_class(if_route('phphub.active'), 'activate', 'inactivate') . '<br>';
    echo active_class(if_uri('phphub/active'), 'activate', 'inactivate') . '<br>';

/*
    |--------------------------------------------------------------------------
    | 当 URL 为
    |     http://localhost/php/active
    |     http://localhost/phphub/active
    |     http://localhost/php-monkey/active
    | 都将输出 activate
    |--------------------------------------------------------------------------
    */
    echo active_class(if_uri_pattern('php*/active'), 'activate', 'inactivate') . '<br>';
    echo active_class(if_route_pattern('php*.active'), 'activate', 'inactivate') . '<br>';

/*
    |--------------------------------------------------------------------------
    | 当 URL 为 http://localhost/phphub/active?name=monkey 时输出 activate，否则输出 inactivate
    |--------------------------------------------------------------------------
    */
    echo active_class(if_query('name', 'monkey'), 'activate', 'inactivate');

})->name('phphub.active');

Route::get('/phphub/{id}/active', function () {
    /*
    |--------------------------------------------------------------------------
    | 当 URL 为 http://localhost/phphub/1/active 时输出 activate，否则输出 inactivate
    |--------------------------------------------------------------------------
    */
    echo active_class(if_route_param('id', '1'), 'activate', 'inactivate');
});
```
##### 效果:

```php
<div class="text-center tt-mt30 btns three">
    <a class="tt-btn {{ active_class(if_route('users.show')) }}" href="{{ route('users.show', $user->id) }}">简介</a>
    <a class="tt-btn {{ active_class(if_route('users.cases')) }}" href="{{ route('users.cases', $user->id) }}">作品</a>
    <a class="tt-btn {{ active_class(if_route('users.jobs')) }}" href="{{ route('users.jobs', $user->id) }}">招聘</a>
</div>
```
##### 文档地址:
https://www.hieule.info/products/laravel-active-version-3-released

hieu-le/active 根据 url 生成对应导航的 active 状态

商品推荐

广告推荐

推荐文章