Laravel5.5 视图 - 创建视图和数据传递示例


Posted in PHP onOctober 21, 2019

创建视图

视图包含应用的 HTML 代码,并将应用的控制器逻辑和表现逻辑进行分离。视图文件存放在 resources/views 目录中。下面是一个简单的视图示例:

<!-- resources/views/greeting.blade.php 视图文件 -->
 
<html>
  <body>
    <h1>Hello, {{ $name }}</h1>
  </body>
</html>

可以通过辅助函数 view ,返回这个视图响应:

Route::get('/', function () {
  return view('greeting', ['name' => 'jack']);
});

view 方法的第一个参数是 resources/views 目录下相应的视图文件的名称,第二个参数是一个数组,表示传递给视图文件的数据。

在这个例子中,我们传递了一个 name 变量,在视图中通过使用 Blade 语法将其显示出来。

当然,视图还可以存放在 resources/views 的子目录中,用“.”号来引用子目录中的视图。

例如,如果视图存放路径是 resources/views/admin/profile.blade.php,那么我们可以这样引用它:

return view('admin.profile', $data);

判断视图是否存在

如果需要判断视图是否存在,可调用 View 门面上的 exists 方法,如果视图存在则返回 true:

use Illuminate\Support\Facades\View;
 
if (View::exists('emails.customer')) {
  //
}

创建第一个有效视图

调用 View 门面上的 first 方法,可以用于创建给定视图数组中的第一个存在的视图:

use Illuminate\Support\Facades\View;
 
return View::first(['custom.admin', 'admin'], $data);

这个功能在应用或扩展包允许视图被自定义或覆盖时很有用。

传递数据到视图

可以简单通过数组方式将数据传递到视图:

return view('greeting', ['name' => 'jack']);

除此之外,还可以通过 with 方法传递独立的数据片段到视图:

$view = view('greeting')->with('name', 'jack');

在视图间共享数据

有时候,我们需要在所有视图之间共享数据片段,这时可以使用视图门面的 share 方法,通常,需要在某个服务提供者的 boot 方法中调用 share 方法,你可以将其添加到 AppServiceProvider 或生成独立的服务提供者来存放这段代码逻辑:

<?php
 
namespace App\Providers;
 
use View;
 
class AppServiceProvider extends ServiceProvider
{
  /**
   * 启动所有应用服务
   *
   * @return void
   */
  public function boot()
  {
    View::share('key', 'value');
  }
 
  /**
   * 注册服务提供者
   *
   * @return void
   */
  public function register()
  {
    //
  }
}

视图 Composer

视图 Composer 是当视图被渲染时的回调函数或类方法。

如果你有一些数据需要在视图每次渲染时都做绑定,可以使用视图 Composer 将逻辑组织到一个单独的地方。

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

<?php
 
namespace App\Providers;
 
use Illuminate\Support\Facades\View;
use Illuminate\Support\ServiceProvider;
 
class ComposerServiceProvider extends ServiceProvider
{
  /**
   * 在容器中注册绑定.
   *
   * @return void
   */
  public function boot()
  {
    // 使用基于类方法的 composers...
    View::composer(
      'profile', 'App\Http\ViewComposers\ProfileComposer'
    );
 
    // 使用基于回调函数的 composers...
    View::composer('dashboard', function ($view) {});
  }
 
  /**
   * 注册服务提供者.
   *
   * @return void
   */
  public function register()
  {
    //
  }
}

注:如果创建一个新的服务提供者来包含视图 Composer 注册,需要添加该服务提供者到配置文件 config/app.php 的 providers 数组中。

现在我们已经注册了视图 Composer,每次 profile 视图被渲染时都会执行 ProfileComposer@compose 方法,接下来我们来定义该 Composer 类:

<?php
 
namespace App\Http\ViewComposers;
 
use Illuminate\View\View;
use Illuminate\Repositories\UserRepository;
 
class ProfileComposer
{
  /**
   * 用户仓库实现.
   *
   * @var UserRepository
   */
  protected $users;
 
  /**
   * 创建一个新的属性composer.
   *
   * @param UserRepository $users
   * @return void
   */
  public function __construct(UserRepository $users)
  {
    // 依赖注入通过服务容器自动解析...
    $this->users = $users;
  }
 
  /**
   * 绑定数据到视图.
   *
   * @param View $view
   * @return void
   */
  public function compose(View $view)
  {
    $view->with('count', $this->users->count());
  }
}

视图被渲染前,Composer 类的 compose 方法被调用,同时 Illuminate\View\View 实例被注入该方法,从而可以使用其 with 方法来绑定数据到视图。

注:所有视图 Composer 都通过服务容器被解析,所以你可以在 Composer 类的构造函数中声明任何你需要的依赖。

添加 Composer 到多个视图

你可以传递视图数组作为 composer 方法的第一个参数来一次性将视图 Composer 添加到多个视图:

View::composer(
  ['profile', 'dashboard'],
  'App\Http\ViewComposers\MyViewComposer'
);
composer 方法还支持 * 通配符,允许将一个 Composer 添加到所有视图:

View::composer('*', function ($view) {
  //
});

视图创建器

视图创建器和视图 Composer 非常类似,不同之处在于前者在视图实例化之后立即失效而不是等到视图即将渲染。

使用 View 门面的 creator 方法即可注册一个视图创建器:

View::creator('profile', 'App\Http\ViewCreators\ProfileCreator');

以上这篇Laravel5.5 视图 - 创建视图和数据传递示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
修改Zend引擎实现PHP源码加密的原理及实践
Apr 14 PHP
php pcntl_fork和pcntl_fork 的用法
Apr 13 PHP
用PHP提取中英文词语以及数字的首字母的方法介绍
Apr 23 PHP
PHP队列用法实例
Nov 05 PHP
php提交表单发送邮件的方法
Mar 20 PHP
PHP根据session与cookie用户登录状态操作类的代码
May 13 PHP
微信利用PHP创建自定义菜单的方法
Aug 01 PHP
yii2实现 &quot;上一篇,下一篇&quot; 功能的代码实例
Feb 04 PHP
PHP实现批量清空删除指定文件夹所有内容的方法
May 30 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
Jul 22 PHP
PHP递归实现文件夹的复制、删除、查看大小操作示例
Aug 11 PHP
详解Yaf框架PHPUnit集成测试方法
Dec 27 PHP
laravel orm 关联条件查询代码
Oct 21 #PHP
浅谈laravel orm 中的一对多关系 hasMany
Oct 21 #PHP
laravel 解决Eloquent ORM的save方法无法插入数据的问题
Oct 21 #PHP
Laravel ORM 数据model操作教程
Oct 21 #PHP
Laravel 5.2 文档 数据库 ―― 起步介绍
Oct 21 #PHP
laravel 解决多库下的DB::transaction()事务失效问题
Oct 21 #PHP
PHP常用函数之获取汉字首字母功能示例
Oct 21 #PHP
You might like
《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
使用ThinkPHP+Uploadify实现图片上传功能
2014/06/26 PHP
在Windows XP下安装Apache+MySQL+PHP环境
2015/02/22 PHP
php自动更新版权信息显示的方法
2015/06/19 PHP
php获取本机真实IP地址实例代码
2016/03/31 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
thinkPHP数据库增删改查操作方法实例详解
2016/12/06 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
js移除事件 js绑定事件实例应用
2012/11/28 Javascript
jquery遍历数组与筛选数组的方法
2013/11/05 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
jquery实现简易的移动端验证表单
2015/11/08 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
2016/05/20 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
2017/06/08 Javascript
js实现随机点名小功能
2017/08/17 Javascript
Node.js实现发送邮件功能
2017/11/06 Javascript
基于JavaScript中字符串的match与replace方法(详解)
2017/12/04 Javascript
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
vue-cli项目配置多环境的详细操作过程
2018/10/30 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
微信小程序学习笔记之目录结构、基本配置图文详解
2019/03/28 Javascript
解决layui数据表格Date日期格式的回显Object的问题
2019/09/19 Javascript
Vue使用Three.js加载glTF模型的方法详解
2020/06/14 Javascript
vue使用exif获取图片旋转,压缩的示例代码
2020/12/11 Vue.js
python实现读Excel写入.txt的方法
2018/04/29 Python
使用python采集脚本之家电子书资源并自动下载到本地的实例脚本
2018/10/23 Python
Python动态参数/命名空间/函数嵌套/global和nonlocal
2019/05/29 Python
Python+OpenCV+图片旋转并用原底色填充新四角的例子
2019/12/12 Python
如何编写python的daemon程序
2021/01/07 Python
深入了解canvas在移动端绘制模糊的问题解决
2019/04/30 HTML / CSS
联想澳大利亚官网:Lenovo Australia
2018/01/18 全球购物
小学教师教学反思
2016/02/24 职场文书
Springboot-cli 开发脚手架,权限认证,附demo演示
2022/04/28 Java/Android
MySQL生成千万测试数据以及遇到的问题
2022/08/05 MySQL