Laravel教程

Laravel视图

理解视图

在MVC框架中，字母“V”代表视图（Views）。它分离了应用程序逻辑并展现逻辑。视图文件存储在 resources/views目录。一般来说，视图是包含了应用程序的HTML。

示例

第1步 - 复制下面的代码，并将其保存在 resources/views/test.php

<html>
   <body>
      <h1>Hello, World</h1>
   </body>
</html>

第2步- 添加下面一行在 app/Http/routes.php 文件，为上述视图设置路由。

app/Http/routes.php

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

第3步 - 请访问以下网址查看视图的输出。

http://localhost:8000/test

第4步 - 输出结果如下面所示。

将数据传递到视图

当构建应用程序时，可能需要将数据传递到视图。传递一个数组到视图助手函数。传递一个数组后，我们可以使用它的键在HTML文件中来获得键对应的值。

示例

第1步 - 复制下面的代码，并将其保存在 resources/views/test.php

<html>
   <body>
      <h1><?php echo $name; ?></h1>
   </body>
</html>

第2步- 添加下面一行在 app/Http/routes.php 文件，为上述视图设置路由。

app/Http/routes.php

Route::get('/test', function(){
   return view('test',[‘name’=>’zyiz’]);
});

第3步 - 键name的值将被传递到test.php文件，并且$name将由这个值替换。

第4步 - 请访问以下网址查看视图的输出。

http://localhost:8000/test

第5步 - 如下面输出结果。

所有视图数据共享

我们已经看到如何能够将数据传递给视图，但有时，有必要将数据传递到所有的视图。Laravel使得这更简单。有一个叫作 “share()” 方法，该方法可以用于这一目的。share() 方法带有两个参数，key和value。通常 share() 方法可以从服务提供者的启动方法被调用。我们可以使用任何服务提供者，AppServiceProvider或我们自己的服务提供者。

示例

第1步 - 添加下面一行到文件 - app/Http/routes.php。

app/Http/routes.php

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

第2步-创建两个视图文件-test.php和test2.php的代码相同。以下是两个文件，这将共享数据。将以下代码复制到这两个文件中。resources/views/test.php & resources/views/test2.php

<html>
   <body>
      <h1><?php echo $name; ?></h1>
   </body>
</html>

第3步- 更改启动方法的代码在文件 - app/Providers/AppServiceProvider.php 如下所示.
（在这里，我们使用了共享方法，而且我们通过与所有的视图共享数据。） app/Providers/AppServiceProvider.php

<?php
namespace App\Providers;
use Illuminate\Support\ServiceProvider;

class AppServiceProvider extends ServiceProvider {
   
   /**
   * Bootstrap any application services.
   *
   * @return void
   */

   public function boot(){
      view()->share('name', 'zyiz');
   }

   /**
   * Register any application services.
   *
   * @return void
   */

   public function register(){
      //
   }
}

第4步 - 请访问以下网址。

http://localhost:8000/test

http://localhost:8000/test2

第5步 - 输出结果如下所示。

Blade模板

Blade是一个简单，为Laravel提供的强大模板引擎。Blade是Laravel轻量级模板语言，它的语法非常简单易学。blade模板包含扩展— blade.php 并存储在目录 resources/views.

Blade也支持所有PHP的主要构造器，创造循环和条件 — @for, @foreach, @while, @if 和 @elseif, 使您以避免开在模板到处使用<?php标记。Blade 模板的主要优点是，我们可以设置主模板，这个主模板可以被另一个页面进行扩展。

示例

第1步 - 创建一个主模板，并将其保存在 - resources/views/layouts/master.blade.php.

<html>
   
   <head>
      <title>@yield('title')</title>
   </head>
   
   <body>
      @section('sidebar')
      This is the master sidebar.
      @show
      
      <div class = "container">
         @yield('content')
      </div>
   
   </body>
</html>

步骤2 - 这里，在主模板，

@yield('title') 用于显示的标题的值
@section('sidebar')用于定义命名侧边栏部分
@show 用于显示一个部分内容
@yield('content') 用于显示 content 的内容

第3步 - 现在，创建另一个页面并扩展主模板，并将其保存在 - resources/views/page.blade.php

@extends('layouts.master')
@section('title', 'Page Title')

@section('sidebar')
   @parent
      <p>This is appended to the master sidebar.</p>
   @endsection
   
   @section('content')
      <h2>{{$name}}</h2>
      <p>This is my body content.</p>
   @endsection

第4步 - 这里是每个元素的描述。

@extends('layouts.master') 用于扩展主布局。“layouts.master” — 在这里，layouts 是目录的名称，在这里我们已经存储在主模板和主模板 “master.blade.php”，这里“.master”是指其名字，但这里使用名称而不带扩展 blade.php

@section('title', 'Page Title') ? 设置的标题部分的值
@section('sidebar') ? 定义主布局的子页面侧边栏部分。
@parent ? 在主布局定义中显示侧边栏部分的内容。
<p> ? 这是追加到主侧边栏。</p> 增添一段内容到侧边栏部分
@endsection ? 结束侧边栏部分。
@section('content') ? 定义内容部分。
@section('content') ? 增添段的内容到content 部分。
@endsection ? 结束该内容部分。

第5步 - 现在，建立路由查看此模板。添加下面一行到文件 - app/Http/routes.php

Route::get('blade', function () {
   return view('page',array('name' => 'zyiz'));
});

第6步 - 请访问以下网址查看 blade 模板的例子。

http://localhost:8000/blade

上一篇：Laravel响应

下一篇：Laravel重定向

分类导航

关注微信小程序

扫描二维码
程序员编程王