目的

アプリを作成する上で基本となるCRUD処理を有したLaravelアプリをチュートリアル的に作成する方法をまとめる

実施環境

ハードウェア環境

項目	情報
OS	macOS Catalina(10.15.5)
ハードウェア	MacBook Pro (13-inch, 2020, Four Thunderbolt 3 ports)
プロセッサ	2 GHz クアッドコアIntel Core i5
メモリ	32 GB 3733 MHz LPDDR4
グラフィックス	Intel Iris Plus Graphics 1536 MB

ソフトウェア環境

項目	情報	備考
PHP バージョン	7.4.3	Homwbrewを用いて導入
Laravel バージョン	7.0.8	commposerを用いてこちらの方法で導入→Mac Laravelの環境構築を行う
MySQLバージョン	8.0.19 for osx10.13 on x86_64	Homwbrewを用いてこちらの方法で導入→Mac HomebrewでMySQLをインストールする

前提条件

実施環境に近い環境が構築されていること。
筆者は下記の方法で環境構築を行った。
- Mac Laravelの環境構築を行う
- Mac HomebrewでMySQLをインストールする

前提情報

ソースコードはこちら→https://github.com/miriwo0104/laravel_crud/tree/master
DockerやAWSなどは使用せずにMacのローカルに実施環境と同じLaravel開発環境を構築して実施する。
チュートリアルで実際に筆者が作成したソースコードをGitHubにて公開予定である。
CRUD処理の作成完了を最短目標にしてバリデーションなどは後々設定することとする。
実施環境と同じ環境がDockerやAWSで用意できるなら都度読み替えていただければ実施が可能だと思う。
公式ドキュメントと一冊の技術書を元に本記事を記載する。
- Laravel 7.x
- PHPフレームワーク Laravel Webアプリケーション開発バージョン5.5 LTS対応
- 本記事はシリーズとして内容を分割する予定である。記事のタグ「miriwo_laravelチュートリアル」を本シリーズの記事に付与するのでそのほかの記事がみたい方は活用していただきたい。

この記事の読後感

DBに保存されている投稿を画面に出力することができる。

全ての記事(miriwo_laravelチュートリアル)を通した読後感

Laravelアプリでログインなどのユーザ認証付き投稿アプリの作成ができる。

概要

ルーティングの記載
コントローラの記載
ビューファイルの作成と記載
確認

詳細

ルーティングの記載
1. laravel_crudディレクトリで下記コマンドを実行してルーティングファイルを開く。
```
$ vi routes/web.php 
```
2. 開いたファイルに下記の行を追記する。
  laravel_crud/routes/web.php
```
Route::get('/output', 'ContentController@output')->name('output');
```

コントローラの記載

laravel_crudディレクトリで下記コマンドを実行して作成したコントローラファイルを開く。
```
$ vi app/Http/Controllers/ContentController.php 
```

下記の内容をクラス内に追記する。

laravel_crud/app/Http/Controllers/ContentController.php

public function output()
{
    $contents_get_query = Content::select('*');
    $contents = $contents_get_query->get();

    return view('contents.output', [
        'contents' => $contents,
    ]);
}

すでに記載されている投稿内容を保存するアクション内のリダイレクトの記載を変更する。

laravel_crud/app/Http/Controllers/ContentController.php


public function save(Request $request)
{
    $input_content = new Content();
    $input_content->content = $request['content'];
    $input_content->save();
    //下記を修正
    return redirect(route('output');
}

両内容の追記後のコントローラファイルの内容を下記に記載する。

laravel_crud/app/Http/Controllers/ContentController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
//下記も追記
use App\Models\Content;

class ContentController extends Controller
{
    public function input()
    {
        return view('contents.input');
    }

    public function save(Request $request)
    {
        $input_content = new Content();
        $input_content->content = $request['content'];
        $input_content->save();
        
        return redirect(route('output');
    }

    public function output()
    {
        $contents_get_query = Content::select('*');
        $contents = $contents_get_query->get();
        
        return view('contents.output', [
            'contents' => $contents,
        ]);
    }
}

ビューファイルの作成と記載
1. laravel_crudディレクトリで下記コマンドを実行してビューファイルを作成する。
```
vi resources/views/contents/output.blade.php
```
2. 作成して開いたビューファイルに下記の内容を追記する。
  laravel_crud/resources/views/contents/output.blade.php
```
<h1>output</h1>

@foreach ($contents as $item)
    <hr>
    <p>{{$item['content']}}</p>
@endforeach
```
確認
1. laravel_crudディレクトリで下記コマンドを実行してローカルサーバを起動する。
```
$ php artisan serve
```
2. ブラウザで下記にアクセスする。
  - http://127.0.0.1:8000/output
3. 下記の様に投稿内容が表示されることを確認する。
4. ブラウザで下記にアクセスする。
  - http://127.0.0.1:8000/input
5. テキストボックスに何かしらの文字列を入力して「送信」をクリックする。
6. 下記の画面にリダイレクトすれば本記事の作業は完了である。