使用Laravel5.4框架怎么实现一个视图共享数据功能

发布时间：2021-04-13 17:10:39 作者：Leah
来源：亿速云阅读：150

这篇文章给大家介绍使用Laravel5.4框架怎么实现一个视图共享数据功能，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

在视图中共享数据

除了在单个视图中传递指定数据之外，有时候需要在所有视图中传入同一数据，即我们需要在不同视图中共享数据。要实现这一目的，需要使用视图工厂的share方法。

全局帮助函数view和response类似，如果传入参数，则返回Illuminate\View\View实例，不传入参数则返回Illuminate\View\Factory实例。所以我们可以通过在服务提供者的boot方法中使用如下方式实现视图间共享数据:

<?php
namespace App\Providers;
use Illuminate\Support\ServiceProvider;
class AppServiceProvider extends ServiceProvider
{
  /**
   * Bootstrap any application services.
   *
   * @return void
   */
  public function boot()
  {
    //视图间共享数据
    view()->share('name','高伟');
  }
  /**
   * Register any application services.
   *
   * @return void
   */
  public function register()
  {
    //
  }
}

接下来我直接用一个空的Laravel项目做演示，我们在 routes 文件首页(welcome.blade.php)视图：

Route::get('/', function () {
  return view('welcome');
});

然后在视图中输出视图共享数据：

<!DOCTYPE html>
<html>
  <head>
    <title>Laravel</title>
    <style>
      html, body {
        height: 100%;
      }
      body {
        margin: 0;
        padding: 0;
        width: 100%;
        display: table;
        font-weight: 100;
        font-family: 'Lato';
      }
      .container {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
      }
      .content {
        text-align: center;
        display: inline-block;
      }
      .title {
        font-size: 96px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="content">
        <div class="title">Laravel 5</div>
        <h2>hello,{{$name}}</h2>
      </div>
    </div>
  </body>
</html>

视图Composer

上面的一种做法虽然可行，但是在别人下载项目后，共享数据是从数据库中获取的，执行数据迁移的时候会报错。这时候我们就要用到视图Composer，视图Composer通过视图工厂的composer方法实现。该方法的第二个回调参数支持基于控制器动作和闭包函数两种方式。

控制器的动作方式

首先要在服务提供者中注册视图 Composer，我们将会使用辅助函数 view 来访问 Illuminate\Contracts\View\Factory 的底层实现，记住，Laravel 不会包含默认的视图 Composer 目录，我们可以按照自己的喜好组织其路径，例如可以创建一个 App\Http\ViewComposers 目录：

<?php
namespace App\Http\ViewComposers;
use Illuminate\Contracts\View\View;
/**
* 基于类的实现方式
*/
class MottoComposer
{
  /**
   * 共享数据
   * @date  2018-01-13
   * @author 高伟
   * @param View    $view [description]
   * @return [type]      [description]
   */
  public function compose(View $view)
  {
    $view->with('motto', '嘎嘎嘎，我一直在努力！');
  }
}

然后我们在 AppServiceProvider 中继续添加共享数据：

<?php
namespace App\Providers;
use Illuminate\Support\ServiceProvider;
class AppServiceProvider extends ServiceProvider
{
  /**
   * Bootstrap any application services.
   *
   * @return void
   */
  public function boot()
  {
    view()->share('name','高伟');
    // 使用基于类的composers...第一个参数可以指定共享给那个视图,多个视图用数组，共享到全部视图可以用 *
    view()->composer(
      'welcome', 'App\Http\ViewComposers\MottoComposer'
    );
  }
  /**
   * Register any application services.
   *
   * @return void
   */
  public function register()
  {
    //
  }
}

在视图中显示共享数据：

...
<div class="content">
 <div class="title">Laravel 5</div>
 <h2>hello,{{$name}}</h2>
 <p>{{$motto}}</p>
</div>
...

闭包实现方式

闭包的实现方式相对来说简单很多，这里就简单贴书代码:

<?php
namespace App\Providers;
use Illuminate\Support\ServiceProvider;
class AppServiceProvider extends ServiceProvider
{
  /**
   * Bootstrap any application services.
   *
   * @return void
   */
  public function boot()
  {
    view()->share('name','高伟');
    // 使用基于类的composers...
    view()->composer(
      'welcome', 'App\Http\ViewComposers\MottoComposer'
    );
    // 闭包实现方式
    view()->composer('*',function($view)
    {
      $view->with('info','http://www.iwanli.me');
    });
  }
  /**
   * Register any application services.
   *
   * @return void
   */
  public function register()
  {
    //
  }
}

视图中显示数据：

...
<div class="content">
 <div class="title">Laravel 5</div>
 <h2>hello,{{$name}}</h2>
 <p>{{$motto}}</p>
 <p>{{$info}}</p>
</div>
...

关于使用Laravel5.4框架怎么实现一个视图共享数据功能就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

使用Laravel5.4框架怎么实现一个视图共享数据功能

相关阅读