Laravel의 MariaDB CRUD (2)

다음 페이지의 계속입니다.
Laravel의 MariaDB CRUD (1)
MariaDB 의 테이블 article 의 모든 데이터를 JSON 으로 표시하는 부분까지 되어 있습니다.
거기에서 테이블 표시를 할 수 있도록합니다.

1) 뷰 준비
mkdir resources/views/layouts

resources/views/layouts/application.blade.php
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>@yield('title')</title>
</head>
<body>
  @yield('content')
</body>
</html>
mkdir resources/views/articles

resources/views/articles/index.blade.php
{{-- layoutsフォルダのapplication.blade.phpを継承 --}}
@extends('layouts.application')

{{-- @yield('title')にテンプレートごとにtitleタグの値を代入 --}}
@section('title', '記事一覧')

{{-- application.blade.phpの@yield('content')に以下のレイアウトを代入 --}}
@section('content')
<h1>こんにちは</h1>
@endsection

2) 컨트롤러 수정

app/Http/Controllers/ArticlesController.php
    public function index()
    {
        //
 $articles = Article::all();
//      return $articles;       // コメントアウト
  return view('articles.index'); // 追加 
    }

4) 서버 시작
이 단계에서의 표시 확인
php artisan serve

브라우저에서,
http://localhost:8000/articles
방문


5) 뷰 수정

resources/views/articles/index.blade.php
{{-- layoutsフォルダのapplication.blade.phpを継承 --}}
@extends('layouts.application')

{{-- @yield('title')にテンプレートごとにtitleタグの値を代入 --}}
@section('title', '記事一覧')

{{-- application.blade.phpの@yield('content')に以下のレイアウトを代入 --}}
@section('content')
<table>
 @foreach ($articles as $article)
        <tr>
    <td>{{$article->title}}</td>
    <td>{{$article->body}}</td>
        </tr>
  @endforeach
</table>
@endsection

6) 컨트롤러 수정

app/Http/Controllers/ArticlesController.php
// 略
    public function index()
    {
        //
 $articles = Article::all();
   return view('articles.index', ['articles' => $articles]);
    }
// 略

7) 서버를 시작하고 브라우저에서 확인

http://localhost:8000/articles


다음 페이지
Laravel의 MariaDB CRUD (3)

좋은 웹페이지 즐겨찾기