変更履歴

2021/09/12 validationのリダイレクト処理を編集しました。

2023/05/11 $validator->fails()のくだりでタイポと返り値が間違ってたので修正しました

1. チュートリアル説明
2. プログラミングの準備(エディタ、dockerの用意、環境構築)
3. 認証機能を追加してログイン機能を実装する
4. ブログのタイトルと記事を登録する(今ここ)
5. ブログの記事へタグを登録する
6. ブログの一覧表示、編集機能の実装
7. ブログの検索機能の実装
8. ユーザーへの通知機能の実装

articlesテーブルの作成

http://localhost:3000

• １対１
• １対多
• 多対多

php artisan make:migration create_articles_table

<?php


use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;


class CreateArticlesTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('articles', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('title');//<-追加
            $table->text('content');//<-追加
            $table->unsignedBigInteger('user_id');//<-追加
            $table->timestamps();

　　　　　　　//↓追加
            $table->foreign('user_id')
                ->references('id')
                ->on('users')
                ->onDelete('cascade');
        });
    }


    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('articles');
    }
}

public function up()

php artisan migrate

public function down()

php artisan migrate:rollback

$table->bigIncrements('id');
$table->string('title');
$table->text('content');
$table->unsignedBigInteger('user_id');
$table->timestamps();


$table->foreign('user_id')
    ->references('id')
    ->on('users')
    ->onDelete('cascade');

$table->timestamps();

$table->foreign('user_id')
    ->references('id')
    ->on('users')
    ->onDelete('cascade');

$table->unsignedBigInteger('user_id');

php artisan migrate

http://localhost:4040/

modelの作成

php artisan make:model Article

<?php


namespace App;


use Illuminate\Database\Eloquent\Model;


class Article extends Model
{
    //
}

<?php


namespace App;


use Illuminate\Database\Eloquent\Model;


class Article extends Model
{
    ↓追加
    protected $fillable = [
        'title', 'content', 'user_id',
    ];
}

modelを使ってブログ保存処理を実装する

<?php


namespace App\Http\Controllers;


use Illuminate\Support\Facades\Auth;//<-追加
use App\Article;//<-追加
use Illuminate\Http\Request;


class ArticleController extends Controller
{
    public function new ()
    {
        return view('article.new');
    }


    public function create(Request $request)
    {
        //↓色々追加
        $title = $request->get('title');
        $content = $request->get('content');
        $user_id = Auth::id();
        Article::create(
            [
                'title' => $title,
                'content' => $content,
                'user_id' => $user_id,
            ]
        );


        return redirect('/');
    }
}

$title = $request->get('title');

Article::create(
    [
        //↓key     ↓value
        'title' => $title,
        'content' => $content,
        'user_id' => $user_id,
    ]
); 

保存したデータを表示する

Route::get('/article/show/{id}', 'ArticleController@show')->name('article.show');

public function show(Request $request)
{
    $id = $request->route('id');
    $article = Article::find($id);
    return view(
        'article.show',
        [
            'article' => $article,
        ]
    );
}

$id = $request->route('id');

$article = Article::find($id);

return view(
    'article.show',
    [
        'article' => $article,
    ]
);

public function create(Request $request)
{
    $title = $request->get('title');
    $content = $request->get('content');
    $user_id = Auth::id();
    //↓変数追加
    $article = Article::create(
        [
            'title' => $title,
            'content' => $content,
            'user_id' => $user_id,
        ]
    );


    return redirect()->route('article.show', ['id' => $article->id]);//←リダイレクトの書き方を変更
}

$article = Article::create(

return redirect()->route('article.show', ['id' => $article->id]);

@extends('layouts.app')
@section('content')
    title: {{$article->title}}
    <br>
    内容:
    <br>
    {!!nl2br(e($article->content))!!}
@endsection

{{$article->title}}

'article' => $article,

'test' => $article,

title: {{$test->title}}

{!!nl2br(e($article->content))!!}

middleware,validationなどを設定する

Route::get('/article/new', 'ArticleController@new')->name('article.new')->middleware('auth');
Route::post('/article/create', 'ArticleController@create')->name('article.create')->middleware('auth');

->middleware('auth');

• ブログ投稿ページには行けない
• ブログを投稿できない

Route::get('/article/show/{id}', 'ArticleController@show')->name('article.show')->where('id', '\d+');

->where('id', '\d+');

'\d+'

http://localhost:8080/public/article/show/a

public function show(Request $request)
{
    $id = $request->route('id');
    $article = Article::find($id);
    ↓//追加
    if (!isset($article)) {
        abort(404);
    }
    return view(
        'article.show',
        [
            'article' => $article,
        ]
    );
}

if (!isset($article)) {
    abort(404);
}

<?php


namespace App\Http\Controllers;


use Illuminate\Support\Facades\Validator;//<-追加
use Illuminate\Support\Facades\Auth;
use App\Article;
use Illuminate\Http\Request;


class ArticleController extends Controller
{
    public function new ()
    {
        return view('article.new');
    }


    public function create(Request $request)
    {
        //↓色々追加
        $validator = Validator::make($request->all(), [
            'title' => [
                'required',
                'string',
                'max:25',
            ],
            'content' => [
                'required',
                'string',
                'max:4000',
            ],
        ]);
        $validator->validate();
        $title = $request->get('title');
        $content = $request->get('content');
        $user_id = Auth::id();
        $article = Article::create(
            [
                'title' => $title,
                'content' => $content,
                'user_id' => $user_id,
            ]
        );


        return redirect()->route('article.show', ['id' => $article->id]);
    }
　　　　　　　　//~~省略
}

$validator = Validator::make($request->all(), [
    'title' => [
        'required',
        'string',
        'max:25',
    ],
    'content' => [
        'required',
        'string',
        'max:4000',
    ],
]);

$validator->validate();

@extends('layouts.app')
@section('content')
    <form action="{{route('article.create')}}" method="post">
        @csrf
        <input name="title" type="text" value="{{old('title')}}">//←編集
        <textarea name="content" cols="30" rows="10">{{old('content')}}</textarea>//←編集
        <input type="submit">
    </form>
@endsection

ArticleモデルにUserモデルを取得するリレーションを設定する

public function user()
{
    return $this->belongsTo('App\User');
}

return $this->belongsTo('App\User');

hasMany('App\Article')

@extends('layouts.app')
@section('content')
    投稿者: {{$article->user->name}}//←追加
    <br>
    title: {{$article->title}}
    <br>
    内容:
    <br>
    {!!nl2br(e($article->content))!!}
@endsection

{{$article->user->name}}