laravel postをeditしよう

postController

public function edit(Post $post){
		return view('posts.edit')->with('post', $post);
    }

updateはget, postではなくpatch

@section('container')
<h1>
	<a href="{{ url('/') }}" class="header-menu">Back</a>
	Edit Post</h1>
<form method="post" action="{{ url('/posts', $post->id) }}">
	{{ csrf_field() }}
	{{ method_field('patch') }}
	<p>
		<input type="text" name="title" placeholder="enter title" value="{{ old('title', $post->title) }}">
		@if ($errors->has('title'))
		<span class="error">{{ $errors->first('title')}}</span>
		@endif
	</p>
	<p>
		<textarea name="body" placeholder="enter body">{{ old('body', $post->body)}}</textarea>
		@if ($errors->has('body'))
		<span class="error">{{ $errors->first('body')}}</span>
		@endif
	</p>
	<p>
		<input type="submit" value="Update">
	</p>
</form>
@endsection

なるほど、慣れるまで少し時間がかかるかも。

Routingはpatchにする。

Route::get('/', 'PostsController@index');
// Route::get('/posts/{id}', 'PostsController@show');
Route::get('/posts/{post}', 'PostsController@show')->where('post','[0-9]');
Route::get('/posts/create', 'PostsController@create');
Route::post('/posts', 'PostsController@store');
Route::get('/posts/{post}/edit', 'PostsController@edit');
Route::patch('/posts/{post}', 'PostsController@update');

PostsController.php
functionのupdateを追加

public function update(Request $request, Post $post){
    	$this->validate($request, [
    		'title' => 'required|min:3',
    		'body' => 'required',
    	]);
    	$post->title = $request->title;
    	$post->body = $request->body;
    	$post->save();
    	return redirect('/');
    }

laravel formのvalidation

public function store(Request $request){
    	$this->validate($request, [
    		'title' => 'required|min:3',
    		'body' => 'required',
    	]);
    	$post = new Post();
    	$post->title = $request->title;
    	$post->body = $request->body;
    	$post->save();
    	return redirect('/');
    }
}
@section('container')
<h1>
	<a href="{{ url('/') }}" class="header-menu">Back</a>
	New Post</h1>
<form method="post" action="{{ url('/posts') }}">
	{{ csrf_field() }}
	<p>
		<input type="text" name="title" placeholder="enter title" value="{{ old('title') }}">
		@if ($errors->has('title'))
		<span class="error">{{ $errors->first('title')}}</span>
		@endif
	</p>
	<p>
		<textarea name="body" placeholder="enter body">{{ old('body')} }</textarea>
		@if ($errors->has('body'))
		<span class="error">{{ $errors->first('body')}}</span>
		@endif
	</p>
	<p>
		<input type="submit" value="Add">
	</p>
</form>
@endsection

ぎょえーーーーーーーーーーーーーー

記事の新規作成

routing

Route::get('/', 'PostsController@index');
// Route::get('/posts/{id}', 'PostsController@show');
Route::get('/posts/{post}', 'PostsController@show')->where('post','[0-9]+');
Route::get('/posts/create', 'PostsController@create');

index.blade.php

@section('container')
<h1>
	<a href="{{ url('/posts/create') }}" class="header-menu">New Post</a>
	Blog Posts
</h1>
<ul>
	{{-- 
	@foreach ($posts as $post)
	<li><a href="">{{ $post->title }}</a></li>
	@endforeach
	--}}

	@forelse ($posts as $post)
	<li><a href="{{ action('PostsController@show', $post) }}">{{ $post->title }}</a></li>
	@empty
	<li>No posts yet</li>
	@endforelse
</ul>
@endsection

@extends('layouts.default')

@section('title', 'New Post')

@section('container')
<h1>
	<a href="{{ url('/') }}" class="header-menu">Back</a>
	New Post</h1>
<form method="post" action="{{ url('/posts') }}">
	{{ csrf_field() }}
	<p>
		<input type="text" name="title" placeholder="enter title">
	</p>
	<p>
		<textarea name="body" placeholder="enter body"></textarea>
	</p>
	<p>
		<input type="submit" value="Add">
	</p>
</form>
@endsection

なんじゃこりゃー 洒落にならん。

getではなく、postにします。

Route::get('/', 'PostsController@index');
// Route::get('/posts/{id}', 'PostsController@show');
Route::get('/posts/{post}', 'PostsController@show')->where('post','[0-9]');
Route::get('/posts/create', 'PostsController@create');
Route::post('/posts', 'PostsController@store');

resources/viewsの中に共通化コンポーネント

resources/viewsの中に共通化コンポーネントを作成する
ああああああああああ、cake.phpを思い出してきた。。。

default.blade.php

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>@yield('title')</title>
	<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
	<div class="container">
		@yield('content')
	</div>
</body>
</html>

index.blade.php


@extends('layouts.default')

{{-- 
@section('title')
Blog Posts
@endsection
--}}

@section('title', 'Blog Posts')

@section('container')
<h1>Blog Posts</h1>
<ul>
	{{-- 
	@foreach ($posts as $post)
	<li><a href="">{{ $post->title }}</a></li>
	@endforeach
	--}}

	@forelse ($posts as $post)
	<li><a href="{{ action('PostsController@show', $post) }}">{{ $post->title }}</a></li>
	@empty
	<li>No posts yet</li>
	@endforelse
</ul>
@endsection

show.blade.php

@extends('layouts.default')

@section('title', $post->title)

@section('container')
<h1>{{ $post->title }}</h1>
<p>{!! nl2br(e($post->body)) !!}</p>
@endsection

うわーーーーーーーーーーー 酒飲みてーーーーーーーーーーーーーーー

laravel 詳細ページ

routingから
/posts/{id} とする。

Route::get('/', 'PostsController@index');
Route::get('/posts/{id}', 'PostsController@show');

postController.php

public function show($id){
    	// $post = Post::find($id);
    	$posts = Post::findOrFail($id);
		return view('posts.show')->with('posts', $posts);
    }

show.Blade.php

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>{{ $posts->title }}</title>
	<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
	<div class="container">
		<h1>{{ $posts->title }}</h1>
		<p>{!! nl2br(e($posts->body)) !!}</p>
	</div>
</body>
</html>

implicit binding
なんかまた新しいの出てきた

 public function show(Post $post){
    	// $post = Post::find($id);
    	// $posts = Post::findOrFail($id);
		return view('posts.show')->with('post', $post);
    }

ぎょえーーーーーーーーーー

laravelのcss

public/css フォルダの中
style.css

body {
	font-family: Verdana, sans-serif;
	font-size: 14px;
}

.container {
		width: 400px;
		margin: 20px auto;	
}

h1 {
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
}

ul > li {
		margin-bottom: 5px;
}

ふむふむ

bladeの@forelseという書き方

コメントアウトは{{– –}}
@forelse, @emptyで出し分け出来る。

<ul>
			{{-- 
			@foreach ($posts as $post)
			<li><a href="">{{ $post->title }}</a></li>
			@endforeach
			--}}

			@forelse ($posts as $post)
			<li><a href="">{{ $post->title }}</a></li>
			@empty
			<li>No posts yet</li>
			@endforelse
		</ul>
class PostsController extends Controller
{
    //
    public function index(){
    	// $posts = Post::orderBy('created_at', 'desc')->get();
    	// $posts = Post::latest()->get();
    	$posts = [];
    	// dd($posts->toArray()); // dump die
    	// return view('posts.index', ['posts' => $posts]);
    	return view('posts.index')->with('posts', $posts);
    }

}

ぎゃー

Laravel controllerを編集

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Post;

class PostsController extends Controller
{
    //
    public function index(){
    	$posts = Post::all();
    	dd($posts->toArray()); // dump die
    	return view('posts.index');
    }

}

うわー どうしよ、これ。困った。。

orderBy, latest()でfetchできる。

class PostsController extends Controller
{
    //
    public function index(){
    	// $posts = Post::orderBy('created_at', 'desc')->get();
    	$posts = Post::latest()->get();
    	dd($posts->toArray()); // dump die
    	return view('posts.index');
    }

}
class PostsController extends Controller
{
    //
    public function index(){
    	// $posts = Post::orderBy('created_at', 'desc')->get();
    	$posts = Post::latest()->get();
    	// dd($posts->toArray()); // dump die
    	// return view('posts.index', ['posts' => $posts]);
    	return view('posts.index')->with('posts', $posts);
    }

}
<body>
	<div class="container">
		<h1>Blog Posts</h1>
		<ul>
			@foreach ($posts as $post)
			<li><a href="">{{ $post->title }}</a></li>
			@endforeach
		</ul>
	</div>
</body>

Laravelでviewをつくっていく

resources/views の中にpostsフォルダを作成し、その中にindex.blade.phpファイルを作成する。

PostsController.php

namespace App\Http\Controllers;
use Illuminate\Http\Request;
class PostsController extends Controller
{
    //
    public function index(){
    	return view('posts.index');
    }

}

html

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>Blog Posts</title>
</head>
<body>
	<div class="container">
		<h1>Blog Posts</h1>
		<ul>
			<li><a href="">title</a></li>
			<li><a href="">title</a></li>
			<li><a href="">title</a></li>
		</ul>
	</div>
</body>
</html>

[vagrant@localhost myblog]$ php artisan serve –host 192.168.35.10 –port 8000
Laravel development server started:
[Sun Sep 9 12:24:50 2018] 192.168.35.1:57370 [200]: /favicon.ico

なんだこれ