Laravel教程:视图(MVC框架之v)

理解视图

在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’=>’Yiibai’]);
});
第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', 'Yiibai');
   }

   /**
   * 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' => 'Yiibai'));
});
第6步 - 请访问以下网址查看 blade 模板的例子。

http://localhost:8000/blade

THE END