LoginSignup
35
27

More than 5 years have passed since last update.

Laravel5.7: 簡単な画面表示を試す

Last updated at Posted at 2017-05-25

Laravelに慣れるため、簡単な画面表示を作ってみます。

親記事

Laravel 5.7で基本的なCRUDを作る - Qiita

ルーティングを試す

:link: readouble.com: ルーティング
ルートを追加します。

routes/web.php
Route::get('foo', function () {
    return 'Foo!';
});

ブラウザでhttps://(アプリ名)/fooにアクセスするとFoo!と表示されます。
001.png

コントローラを試す

:link: readouble.com: コントローラ

Artisanコマンドでコントローラを生成します。

PowerShell
> php artisan make:controller FooController

生成したファイルにfoo1アクションを追加します。

app/Http/Controllers/FooController.php
    public function foo1()
    {
        return 'Foo1!!';
    }

ルートを追加します。

routes/web.php
Route::get('foo/foo1', 'FooController@foo1');

ブラウザでhttps://(アプリ名)/foo/foo1にアクセスするとFoo1!!と表示されます。
002.png

ビューを試す

:link: readouble.com: ビュー

resources/views/foo/を作り、その中にfoo2.blade.phpを作ります。

resources/views/foo/foo2.blade.php
<h1>{{ $title }}</h1>
<p>{{ $body }}</p>

コントローラにfoo2アクションを追加します。

app/Http/Controllers/FooController.php
    public function foo2()
    {
        return view('foo.foo2', [
            'title' => 'Foo2',
            'body' => 'My first Laravel.'
        ]);
    }

ルートを追加します。

routes/web.php
Route::get('foo/foo2', 'FooController@foo2');

003.png

DBからデータを取得する

以前の記事で作成したデータベースのusersテーブルから一人の情報を取得します。

Userモデルはデフォルトでapp/User.phpに存在しています。
コントローラでApp\Userをインポートします。
また、foo3も追加します。

app/Http/Controllers/FooController.php
  namespace App\Http\Controllers;

  use Illuminate\Http\Request;
+ use App\User;

  class FooController extends Controller
  {
+     public function foo3()
+     {
+         $user = User::find(1);
+         return view('foo.foo3', [
+             'user' => $user
+         ]);
+     }

:link: readouble.com: 1つのレコードを取得する find() について

ビューを作ります。

resources/views/foo/foo3.blade.php
<ul>
    <li>Name: {{ $user->name }}</li>
    <li>Email: {{ $user['email'] }}</li>
</ul>
<hr>
@php
    var_dump($user);
@endphp

:link: readouble.com: ビュー内で純粋なPHPを実行する @php について

ルートを追加します。

routes/web.php
Route::get('foo/foo3', 'FooController@foo3');

ブラウザでhttps://(アプリ名)/foo/foo3にアクセスして、ユーザー名とメールアドレス、そしてユーザー番号1番のオブジェクトの中身が表示されれば成功です。

004.png

35
27
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
35
27