【Laravel】第二回自動販売機システムを作ろう！〜マスタメンテナンス画面の作成〜

マイケル

どうもみなさんこんにちは！
マイケルです！

エレキベア

クマ〜〜〜〜！！

マイケル

今回は前回に引き続き、
自動販売機システムを作っていきます！

↓前回の記事

【Laravel】第一回自動販売機システムを作ろう！〜全体設計とテーブル作成〜

エレキベア

前回はテーブル作成までだったクマね

マイケル

うん！
ここから実際に画面をつくっていくぞ！
今回はメンテナンス画面の作成です！！

参考書籍
メンテナンス画面の仕様
メンテナンス画面の開発
おわりに

参考書籍

マイケル

基本的な実装方法などは、
前回に引き続きこちらを参考にして進めていきます。

PHPフレームワーク Laravel入門第2版

エレキベア

やったるクマ〜〜〜〜！！

メンテナンス画面の仕様

マイケル

復習になりますが、
メンテナンス画面の仕様は以下の通りです！

マイケル

juiceテーブルのマスタメンテナンス画面となっており、
前レコードの登録・検索・更新・削除の処理が行えるようになっています！

エレキベア

いわゆるCRUDシステムというわけクマね

CRUDとは

主にデータベース管理システムについて用いられ、
Create(生成)、Read(読み取り)、Update(更新)、Delete(削除)の機能のことである！

マイケル

その通り！
CRUDはWEBアプリの基本だね！

マイケル

この画面を使うと、以下のように画面上でテーブル内容の編集ができます。

エレキベア

これは楽しみクマね〜〜〜〜

PHPフレームワーク Laravel入門第2版

￥2,673

メンテナンス画面の開発

マイケル

今回作るのは下記の赤枠の範囲です！
MVCモデルの定義に沿って、Model、View、Controllerの各内容を紹介していきます！

エレキベア

やったるクマ〜〜〜！！
ところでMVCモデルって何クマ？？

マイケル

MVCモデルはWEBアプリケーションの考え方の一つで、

・Model → DBデータのやり取り
・View → 画面の表示
・Controller → Modelの操作やViewの表示等、処理を制御する

といった役割に分けて作成する考えなんだ！

エレキベア

なるほどクマね〜〜
LaravelはMVCモデルを採用してるのクマね

マイケル

そういうことだ！
さっそく見ていこう！

Model

マイケル

まずはDBデータのやり取りを行うために、
下記コマンドでjuiceテーブルのModelクラスを作ります！

php artisan make:model Juice

↑juiceテーブルのModelクラス作成

マイケル

するとappフォルダ配下にファイルが作成されるため、
$table -> テーブル名
$primaryKey -> 主キー項目名
を記述します！

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Juice extends Model
{
    protected $table = 'juice';
    protected $primaryKey = 'id';
    protected $guarded = array('id');
}

↑テーブル名、主キーを設定

エレキベア

$guardedは何の設定クマ？

マイケル

$guardedはModelクラスを使って更新を行うときに、
値を反映しない項目を定義するんだ！

マイケル

今回の場合だとIDは自動インクリメントで設定されるから、
更新項目として設定する必要がないわけだからね。

エレキベア

そういうことクマね
Modelクラスは簡潔でわかりやすいクマ

View

マイケル

Modelを作成したら次はViewの作成だ！
Laravelでは Blade というテンプレートエンジンを使用して記述することができます！

マイケル

app/resources/views配下に下記フォルダ・ファイルを作成しましょう！

■ juiceapp.blade.php
格納先：app/resources/views/layouts

<html>
<head>
    <title>***ENEGY SOUL***</title>
    <style>
        body { font-family:Arial; font-size:16pt; color:#555555; background-color:#f5f5f5; margin:5px;}
        hr { margin:5px 20px; border-top:1px dashed #555555; }
        .title-area { position:relative; background-color:#333333; height:100px; width:100%; }
        .title-area span { position:absolute; top:10px; left:15px; color:#eeeeee; font-size:45pt; text-align:left; letter-spacing:-4pt; }
        .message-area { position:relative; height:50px; width:100%; font-size:13pt; overflow-y: scroll; }
        .message-area .msg { position:absolute; left:15px; }
        .message-area .err_msg { position:absolute; left:15px; color:red; }
        .footer { text-align:left; font-size:10pt; margin:10px; border-top:solid 1px #ccc; color:#ccc; }
        .juice-table th { background-color:#999; color:#fff; padding:5px 10px; }
        .juice-table td { vertical-align:top; border: solid 1px #aaa; color:#999; padding:5px 5px; }
        .juice-table .ju_image { width:70px; }
        .juice-table .buttun-area { background-color:none; border:none; display:table-cell; vertical-align:middle; }
        .juice-table .ins_button { background-color:#333333; height:45px; width:80px; border-radius:7%; color:#eee; font-size:15px; cursor:pointer; }
        .juice-table .upd_button { background-color:#0066FF; height:45px; width:80px; border-radius:7%; color:#eee; font-size:15px; cursor:pointer; }
        .juice-table .del_button { background-color:#FF3333; height:45px; width:80px; border-radius:7%; color:#eee; font-size:15px; cursor:pointer; }
        .image-table td { border:none; }
        .juice-table-title { font-size:18px; margin:15px 0px 0px 0px; }
    </style>
</head>
<body>
    <div class="title-area">
        <span>@yield('title')</span>
    </div>
    <div class="message-area">
        @yield('message')
    </div>
    <hr size="1">
    <div class="content">
        @yield('content')
    </div>
    <div class="footer">
        @yield('footer')
    </div>
</body>
</html>

■ index.blade.php
格納先：app/resources/views/edit

@extends('layouts.juiceapp')

@section('title', 'ENEGY SOUL*')

@section('message')
    @if (count($errors) > 0)
        <span class="err_msg">
            @foreach ($errors->all() as $error)
                <div>・{{$error}}</div>
            @endforeach
        </span>
    @else
        <span class="msg">
            <div>・マスタメンテナンス画面でござる。</div>
        </span>
        @endif
@endsection

@section('content')
    <div class="juice-table-title">■新規追加</div>
    <table class="juice-table">
        <tr><th>自動販売機ID</th><th>ジュース名</th><th>価格</th><th>在庫</th><th>画像</th><td class="buttun-area"></td></tr>
        <form action="/edit" method="post" enctype="multipart/form-data">
            @csrf
            <tr>
                <td><input type="number" name="m_id" value="{{old('m_id')}}" min="1" max="100"></td>
                <td><input type="text" name="name" value="{{old('name')}}"></td>
                <td><input type="number" name="price" value="{{old('price')}}" min="1" max="1000">円</td>
                <td><input type="number" name="stock" value="{{old('stock')}}" min="0" max="100">個</td>
                <td><input id="image" type="file" name="image" value="{{old('image')}}"></td>
                <td class="buttun-area">
                    <input type="submit" class="ins_button" name="insert_juice" value="登録">
                </td>
            </tr>
        </form>
    </table>
    <hr size="1">
    <div class="juice-table-title">■テーブル情報</div>
    <table class="juice-table">
        <tr><th>ジュースID</th><th>自動販売機ID</th><th>ジュース名</th><th>価格</th><th>在庫</th><th>画像</th><td class="buttun-area"></td><td class="buttun-area"></td></tr>
        @if (isset($juice_list))
            @foreach ($juice_list as $juice)
                <form action="/edit" method="post" enctype="multipart/form-data">
                    @csrf
                    <tr>
                        <input type="hidden" name="id" value="{{$juice->id}}">
                        <td>{{$juice->id}}</td>
                        <td><input type="number" name="m_id" value="{{$juice->m_id}}"></td>
                        <td><input type="text" name="name" value="{{$juice->name}}"></td>
                        <td><input type="number" name="price" value="{{$juice->price}}">円</td>
                        <td><input type="number" name="stock" value="{{$juice->stock}}">個</td>
                        <td>
                            <table class="image-table">
                                <tr>
                                    <td><img name="ju_image" class="ju_image" src="data:image/jpeg;base64,{{$juice->ju_image}}" alt="image"></td>
                                    <td><input id="image" type="file" name="image"></td>
                                </tr>
                            </table>
                        </td>
                        <td class="buttun-area">
                            <input type="submit" class="upd_button" name="update_juice" value="更新">
                        </td>
                        <td class="buttun-area">
                            <input type="submit" class="del_button" name="delete_juice" value="削除">
                        </td>
                    </tr>
                </form>
            @endforeach
        @endif
    </table>
@endsection

@section('footer')
    copyright 2020 都会のエレキベア.
@endsection

・セクション機能による継承

エレキベア

どうして１画面なのに２つのファイルに分かれてるクマ？

マイケル

Bladeでは「セクション」という機能を使うことで
ページを継承して作成することができるんだ！

マイケル

書き方は下記のように

継承元で @yield を指定した箇所に対して
継承先で @section で設定する

ような使い方をするよ！

<html>
・・・略・・・
<body>
    <div class="title-area">
        <span>@yield('title')</span>
    </div>
    <div class="message-area">
        @yield('message')
    </div>
    <hr size="1">
    <div class="content">
        @yield('content')
    </div>
    <div class="footer">
        @yield('footer')
    </div>
</body>
</html>

↑継承元

@extends('layouts.juiceapp')

@section('title', ＊＊＊titleに設定したい内容＊＊＊)

@section('message')
＊＊＊　messageエリアに出力したい内容　＊＊＊
@endsection

@section('content')
＊＊＊　contentエリアに出力したい内容　＊＊＊
@endsection

@section('footer')
＊＊＊　footerエリアに出力したい内容　＊＊＊
@endsection

↑継承先

エレキベア

これで簡単にテンプレートが作れるというわけクマね

マイケル

そういうことだ！
システム全体で共通の構成がある場合はこうして作っておくと
他の画面の記述量も減るし、統一感もでるんだ！

エレキベア

これは便利クマ

・データの登録

マイケル

データの登録エリアはこんな感じ！
入力エリアとformのアクションを記述しています！


    <div class="juice-table-title">■新規追加</div>
    <table class="juice-table">
        <tr><th>自動販売機ID</th><th>ジュース名</th><th>価格</th><th>在庫</th><th>画像</th><td class="buttun-area"></td></tr>
        <form action="/edit" method="post" enctype="multipart/form-data">
            @csrf
            <tr>
                <td><input type="number" name="m_id" value="{{old('m_id')}}" min="1" max="100"></td>
                <td><input type="text" name="name" value="{{old('name')}}"></td>
                <td><input type="number" name="price" value="{{old('price')}}" min="1" max="1000">円</td>
                <td><input type="number" name="stock" value="{{old('stock')}}" min="0" max="100">個</td>
                <td><input id="image" type="file" name="image" value="{{old('image')}}"></td>
                <td class="buttun-area">
                    <input type="submit" class="ins_button" name="insert_juice" value="登録">
                </td>
            </tr>
        </form>
    </table>

エレキベア

大体一般的なHTMLの記述クマね
「{{old(‘XXX’)}}」と書かれているのは何クマ？

マイケル

そこはControllerの実装で説明する入力チェックの時に、
エラーの場合にも入力値を残すための記述なんだ！

エレキベア

これがないと値が消えてしまうクマね

マイケル

それから画像の登録も行うため、
formには enctype=”multipart/form-data” も記述しているよ！

・データの表示と更新

マイケル

そしてデータの表示と更新処理は以下のような感じになっています！


    <div class="juice-table-title">■テーブル情報</div>
    <table class="juice-table">
        <tr><th>ジュースID</th><th>自動販売機ID</th><th>ジュース名</th><th>価格</th><th>在庫</th><th>画像</th><td class="buttun-area"></td><td class="buttun-area"></td></tr>
        @if (isset($juice_list))
            @foreach ($juice_list as $juice)
                <form action="/edit" method="post" enctype="multipart/form-data">
                    @csrf
                    <tr>
                        <input type="hidden" name="id" value="{{$juice->id}}">
                        <td>{{$juice->id}}</td>
                        <td><input type="number" name="m_id" value="{{$juice->m_id}}"></td>
                        <td><input type="text" name="name" value="{{$juice->name}}"></td>
                        <td><input type="number" name="price" value="{{$juice->price}}">円</td>
                        <td><input type="number" name="stock" value="{{$juice->stock}}">個</td>
                        <td>
                            <table class="image-table">
                                <tr>
                                    <td><img name="ju_image" class="ju_image" src="data:image/jpeg;base64,{{$juice->ju_image}}" alt="image"></td>
                                    <td><input id="image" type="file" name="image"></td>
                                </tr>
                            </table>
                        </td>
                        <td class="buttun-area">
                            <input type="submit" class="upd_button" name="update_juice" value="更新">
                        </td>
                        <td class="buttun-area">
                            <input type="submit" class="del_button" name="delete_juice" value="削除">
                        </td>
                    </tr>
                </form>
            @endforeach
        @endif
    </table>

マイケル

Controllerから $juice_list 変数で受け取って、
for文で回して出力しています！

マイケル

また、行ごとに更新処理を行うため、formも行ごとに定義しています。

エレキベア

画像の表示部分だけ少し複雑クマね

マイケル

それは、base64で保存されている画像データを表示するために
src=”data:image/jpeg;base64,{{$juice->ju_image}}”
といった形で記述しているんだ！

エレキベア

画像表示は一手間いるわけクマね

Controller

マイケル

そして最後にViewとModelを繋ぐControllerの作成だ！
下記コマンドでクラスを作成して処理を記述しましょう！

php artisan make:controller EditController

↑EditControllerクラスの作成

<?php

namespace App\Http\Controllers;

use App\Juice;
use App\Http\Requests\EditRequest;
use Illuminate\Http\Request;

class EditController extends Controller
{
    public function index(Request $request)
    {
        // Juiceテーブルのデータを取得
        $juice_list = Juice::all();
        return view('edit.index', ['juice_list'=>$juice_list]);
    }

    public function edit(Request $request)
    {
        // *** INSERT ***
        if (isset($_POST['insert_juice'])) {
            $image = base64_encode(file_get_contents($request->image));
            Juice::create([
                'm_id'=>$request->m_id,
                'name'=>$request->name,
                'price'=>$request->price,
                'stock'=>$request->stock,
                'ju_image'=>$image,
            ]);
        // *** UPDATE ***
        } elseif (isset($_POST['update_juice'])) {
            // 更新処理(画像含む)
            if (isset($request->image)) {
                $image = base64_encode(file_get_contents($request->image));
                Juice::where('id', $request->id)->update([
                    'm_id'=>$request->m_id,
                    'name'=>$request->name,
                    'price'=>$request->price,
                    'stock'=>$request->stock,
                    'ju_image'=>$image,
                    ]);
            // 更新処理(画像無し)
            } else {
                Juice::where('id', $request->id)->update([
                    'm_id'=>$request->m_id,
                    'name'=>$request->name,
                    'price'=>$request->price,
                    'stock'=>$request->stock,
                    ]);
            }
        // *** DELETE ***
        } elseif (isset($_POST['delete_juice'])) {
            Juice::find($request->id)->delete();
        }
        return redirect('/edit');
    }
}

マイケル

index()メソッドが初期表示処理、
edit()メソッドが更新処理になるよ！

エレキベア

edit()メソッドはごちゃごちゃ書かれてるクマね

マイケル

これはリクエストで受け付けた後に、
submitの名前で処理を分岐しているからなんだ！


    public function edit(Request $request)
    {
        // *** INSERT ***
        if (isset($_POST['insert_juice'])) {
・・・略・・・
        // *** UPDATE ***
        } elseif (isset($_POST['update_juice'])) {
・・・略・・・
        // *** DELETE ***
        } elseif (isset($_POST['delete_juice'])) {
・・・略・・・
        }
        return redirect('/edit');
    }

↑POSTリクエストでの処理分岐

エレキベア

なるほどクマ
POSTリクエストの中に、送信元のsubmitボタン名が
含まれてるかどうか見ているクマね

マイケル

その通り！
こうすることでformの中で複数の処理を行うことができるんだ！

マイケル

そしてModelクラスを使用したCRUD処理の部分は下記になります。


        // *** 検索 ***
        $juice_list = Juice::all();

        // *** 登録 ***
        $image = base64_encode(file_get_contents($request->image));
        Juice::create([
            'm_id'=>$request->m_id,
            'name'=>$request->name,
            'price'=>$request->price,
            'stock'=>$request->stock,
            'ju_image'=>$image,
        ]);
        
        // *** 更新 ***
        $image = base64_encode(file_get_contents($request->image));
        Juice::where('id', $request->id)->update([
            'm_id'=>$request->m_id,
            'name'=>$request->name,
            'price'=>$request->price,
            'stock'=>$request->stock,
            'ju_image'=>$image,
        ]);
        
        // *** 削除 ***
        Juice::find($request->id)->delete();

↑CRUD処理の実装（抜粋）

エレキベア

ここも画像ファイルの部分だけ一手間加えてるクマね

マイケル

これも先ほどと同じで、base64に変換しているからだね。
それ以外の項目は基本的にリクエストから取得してそのまま登録・更新しているよ！

エレキベア

これだけでDB処理が行えるのは便利クマね

・Routeの設定（下部２行を追加）

マイケル

Controllerに記述した処理を呼ぶために、
routes フォルダ内の、 web.php ファイルを修正します！

<?php

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

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

Route::get('edit', 'EditController@index');
Route::post('edit', 'EditController@edit');

↑Routeの設定

マイケル

こうすることで、
「/edit」のGETリクエストの場合にはindex()メソッドが、
POSTリクエストの場合はedit()メソッド
が呼ばれるようになります！

マイケル

試しに
http://【サーバアドレス】/edit
でアクセスしてみると画面が表示されるはずです！

エレキベア

画面が表示されたクマ〜〜〜〜

・バリデーションの実装

マイケル

そして次はバリデーションを実装します！
これはViewとCotrollerの間に挟まる、
FormRequest というクラスを作成することで簡潔にチェックすることができます！

マイケル

FormRequestクラスを下記コマンドで作成し、
処理を記述しましょう！

php artisan make:request EditRequest

↑EditRequestクラス作成

<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;

class EditRequest extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        if ($this->path() == 'edit')
        {
            return true;
        }
        return false;
    }

    /**
     * バリデーションルールの定義
     *
     * @return array
     */
    public function rules()
    {
        // 登録処理のみ画像設定チェックを実施
        if (isset($_POST['insert_juice'])) {
            $image_validation = ['required'];
        } else {
            $image_validation = [];
        }
        // バリデーション
        return [
            'm_id'=>'required|digits_between:1,100',
            'name'=>'required',
            'price'=>'required|digits_between:1,1000',
            'stock'=>'required|digits_between:0,100',
            'image'=>$image_validation,
        ];
    }

    /**
     * エラーメッセージの定義
     * 
     * @return array
     */
    public function messages()
    {
        return [
            'm_id.required'=>'【自動販売機ID】自動販売機IDを入力するでござる。',
            'm_id.digits_between'=>'【自動販売機ID】自動販売機IDには1以上、100以下の数字を入力するでござる。',
            'name.required'=>'【ジュース名】ジュース名を入力するでござる。',
            'price.required'=>'【価格】価格を入力するでござる。',
            'price.digits_between'=>'【価格】価格には1円以上、1000円以下の数字を入力するでござる。',
            'stock.required'=>'【在庫】在庫を入力するでござる。',
            'stock.digits_between'=>'【在庫】在庫には0個以上、100個以下の数字を入力するでござる。',
            'image.required'=>'【画像】画像を設定するでござる。',
        ];
    }
}

マイケル

それぞれ、

・authorize()メソッド -> チェックするパスの定義
・rules()メソッド -> チェック内容の定義
・messages()メソッド -> エラーメッセージの定義
を記述します！


    public function authorize()
    {
        if ($this->path() == 'edit')
        {
            return true;
        }
        return false;
    }

↑チェックを実施するパスの設定


    /**
     * バリデーションルールの定義
     *
     * @return array
     */
    public function rules()
    {
        // 登録処理のみ画像設定チェックを実施
        if (isset($_POST['insert_juice'])) {
            $image_validation = ['required'];
        } else {
            $image_validation = [];
        }
        // バリデーション
        return [
            'm_id'=>'required|digits_between:1,100',
            'name'=>'required',
            'price'=>'required|digits_between:1,1000',
            'stock'=>'required|digits_between:0,100',
            'image'=>$image_validation,
        ];
    }

↑チェック内容の定義


    /**
     * エラーメッセージの定義
     * 
     * @return array
     */
    public function messages()
    {
        return [
            'm_id.required'=>'【自動販売機ID】自動販売機IDを入力するでござる。',
            'm_id.digits_between'=>'【自動販売機ID】自動販売機IDには1以上、100以下の数字を入力するでござる。',
            'name.required'=>'【ジュース名】ジュース名を入力するでござる。',
            'price.required'=>'【価格】価格を入力するでござる。',
            'price.digits_between'=>'【価格】価格には1円以上、1000円以下の数字を入力するでござる。',
            'stock.required'=>'【在庫】在庫を入力するでござる。',
            'stock.digits_between'=>'【在庫】在庫には0個以上、100個以下の数字を入力するでござる。',
            'image.required'=>'【画像】画像を設定するでござる。',
        ];
    }

↑エラーメッセージの定義

エレキベア

rules()メソッドだけ
「登録処理のみ画像設定チェックを実施」って書かれているクマね

マイケル

これは、更新処理の時には画像参照で設定しなくていいように
個別で分岐処理を入れているんだ！

マイケル

あとはControllerクラスの引数を「EditRequest」に変更すれば
リクエスト時にはチェック処理が実施されます！


class EditController extends Controller
{
・・・略・・・

    public function edit(EditRequest $request)
    {

・・・略・・・

    }
}

↑引数を「EditRequest」に変更する

エレキベア

これだけでいいクマね
エラーメッセージの表示はどうするクマ？？

マイケル

Viewのときに説明していなかったけど、
$errors 変数をチェックすることでエラー有無を判断できるんだ！

マイケル

だから下記のようにしてあげると
エラーがある場合は処理が中断されてメッセージが表示されるようになるよ！


@section('message')
    @if (count($errors) > 0)
        <span class="err_msg">
            @foreach ($errors->all() as $error)
                <div>・{{$error}}</div>
            @endforeach
        </span>
    @else
        <span class="msg">
            <div>・マスタメンテナンス画面でござる。</div>
        </span>
        @endif
@endsection

↑エラーメッセージ表示部分

エレキベア

これで実装完了クマね！

・文字化けの対処

マイケル

最後に補足ですが、
formに「enctype=”multipart/form-data”」を指定している影響で、
日本語の文字が文字化けする場合があります。

マイケル

その場合、 php.ini の文字コード指定を下記のように指定することで解消するはずです！

[mbstring]
; language for internal character representation.
; This affects mb_send_mail() and mbstring.detect_order.
; http://php.net/mbstring.language
mbstring.language = Japanese

; Use of this INI entry is deprecated, use global internal_encoding instead.
; internal/script encoding.
; Some encoding cannot work as internal encoding. (e.g. SJIS, BIG5, ISO-2022-*)
; If empty, default_charset or internal_encoding or iconv.internal_encoding is used.
; The precedence is: default_charset < internal_encoding < iconv.internal_encoding
mbstring.internal_encoding = UTF-8

; Use of this INI entry is deprecated, use global input_encoding instead.
; http input encoding.
; mbstring.encoding_traslation = On is needed to use this setting.
; If empty, default_charset or input_encoding or mbstring.input is used.
; The precedence is: default_charset < intput_encoding < mbsting.http_input
; http://php.net/mbstring.http-input
mbstring.http_input = pass

; Use of this INI entry is deprecated, use global output_encoding instead.
; http output encoding.
; mb_output_handler must be registered as output buffer to function.
; If empty, default_charset or output_encoding or mbstring.http_output is used.
; The precedence is: default_charset < output_encoding < mbstring.http_output
; To use an output encoding conversion, mbstring's output handler must be set
; otherwise output encoding conversion cannot be performed.
; http://php.net/mbstring.http-output
mbstring.http_output = pass

; enable automatic encoding translation according to
; mbstring.internal_encoding setting. Input chars are
; converted to internal encoding by setting this to On.
; Note: Do _not_ use automatic encoding translation for
;       portable libs/applications.
; http://php.net/mbstring.encoding-translation
mbstring.encoding_translation = Off

; automatic encoding detection order.
; "auto" detect order is changed according to mbstring.language
; http://php.net/mbstring.detect-order
mbstring.detect_order = auto

↑文字コードの設定

エレキベア

文字コードの問題はあるあるクマね〜〜〜

マイケル

ここまででメンテナンス画面の実装は完了です！
思う存分メンテナンスしましょう！

PHPフレームワーク Laravel入門第2版

￥2,673

おわりに

マイケル

・・・と、ここまでざっと実装の解説をしましたが
いかがだったでしょうか？

エレキベア

情報量が多かったクマが
これだけでCRUDシステムが作れるのは楽に感じたクマ

マイケル

分からなかったり、もっと詳細な内容が知りたいと思った方は
参考書・ネット等でがんがん調べてみてくださいね！

マイケル

というわけで次回は最終回（予定）！
メインの購入画面を実装していくぞ！

エレキベア

やったるクマ〜〜〜〜！！

マイケル

それでは今日はこの辺で！
アデュー！！

【Laravel】第二回自動販売機システムを作ろう！〜マスタメンテナンス画面の作成〜〜完〜

PHPフレームワーク Laravel入門第2版

￥2,673

PHPフレームワーク Laravel実践開発

￥2,673

PHPフレームワークLaravel Webアプリケーション開発

￥3,871

【Laravel】第二回 自動販売機システムを作ろう！ 〜マスタメンテナンス画面の作成〜

参考書籍

メンテナンス画面の仕様

メンテナンス画面の開発

Model

View

Controller

おわりに

【Laravel】第二回自動販売機システムを作ろう！〜マスタメンテナンス画面の作成〜