Laravel 5 基礎(十一)- 子視圖和表單複用

咱們須要處理編輯文章的問題。固然咱們能夠手工添加新的路由,就像這樣:php

Route::get('/articles/{id}/edit', 'ArticleController@edit');

讓咱們在命令行下使用 artisanroute:list 來查看咱們當前的路由:html

php artisan route:list

在符合 RESTful 的狀況下,可能直接使用 laravel 的 resource 路由是一種好的選擇,然咱們將全部的路由都去掉,只添加惟一的一個:laravel

Route::resource('articles', 'ArticlesController');

再次使用 php artisan route:list 查看路由,哇,一堆的符合咱們指望的路由產生了。每一項都仔細查看一下。瀏覽器

如今在控制器中添加方法:bash

public function edit($id) {
        $article = Article::findOrFail($id);

        return view('articles.edit', compact('article'));
    }

如今建立視圖url

@extends('layout')

@section('content')
    <h1>Edit: {!! $article->title !!} </h1>

    <hr/>

    ...

好吧,我認可這些代碼都是從 create.blade.php 中拷貝出來的,修改了一下,問題是咱們須要重複嗎?後面咱們會處理這個問題,如今來看一下表單的提交問題。在路由中 php artisan route:list ,再看一遍,修改使用了 PATCH 方法,咱們來修改視圖:命令行

{!! Form::open(['method' => 'PATCH', 'url' => 'articles/' . $article->id]) !!}

在瀏覽器中訪問 /articles/1/edit ,查看一下源代碼,發現laravel自動生成了 _method=PATCH 的隱藏字段。code

一問題是,咱們編輯文章,可是文章的信息並無顯示出來,咱們修改一下視圖:orm

{!! Form::model($article, ['method' => 'PATCH', 'url' => 'articles/' . $article->id]) !!}

OK,everything's ok,除了 published_on 字段仍然設置爲當前日期,後面咱們來處理。htm

如今在控制器中添加方法:

public function update($id, \Illuminate\Http\Request $request) {
        $article = Article::findOrFail($id);
        $article->update($request->all());

        return redirect('articles');
    }

咱們在修改的過程當中也須要驗證,讓咱們複用咱們的 Request 類,將 CreateArticleRequest 改名爲更通用的 ArticleRequest,別忘了修改 store 方法中的參數。

public function update($id, Requests\ArticleRequest $request) {
        $article = Article::findOrFail($id);
        $article->update($request->all());

        return redirect('articles');
    }

如今剩下的問題是咱們的新建和編輯使用了大部分相同的代碼,好比顯示錯誤,但他們存在兩份,咱們來修改這個問題。

咱們直接在 views/articles 下面新建文件 list.blade.php,並把錯誤處理代碼從 create.blade.php 中拷貝出來:

@if ($errors->any())
    <ul class="alert alert-danger">
        @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </ul>
@endif

create.blade.php 只需用下面語句替換錯誤處理代碼便可:

@include('articles.list')

讓咱們再來處理表單代碼,表單代碼中除了 form 不大同樣和提交按鈕有區別,其餘都差很少。咱們建立一個視圖 articles/form_partial.blade.php,將代碼拷貝出來

<div class="form-group">
    {!! Form::label('title', 'Title:') !!}
    {!! Form::text('title', null, ['class' => 'form-control']) !!}
</div>

<div class="form-group">
    {!! Form::label('body', 'Body:') !!}
    {!! Form::textarea('body', null, ['class' => 'form-control']) !!}
</div>

<div class="form-group">
    {!! Form::label('published_at', 'Publish On:') !!}
    {!! Form::input('date', 'published_at', date('Y-m-d'), ['class' => 'form-control']) !!}
</div>

<div class="form-group">
    {{--這裏要設置變量,依據是編輯仍是修改來改變,固然也能夠不放置在partial中--}}
    {!! Form::submit($submitButtonText, ['class' => 'btn btn-primary form-control']) !!}
</div>

修改 create.blade.php

@extends('layout')

@section('content')
    <h1>Write a New Article</h1>

    <hr/>

    @include('articles.list')

    {{--使用咱們添加的 illuminate\html 開源庫--}}
    {!! Form::open(['url' => 'articles']) !!}
        @include('articles.form_partial', ['submitButtonText' => 'Add Article'])
    {!! Form::close() !!}

@stop

修改 edit.blade.php

@extends('layout')

@section('content')
    <h1>Edit: {!! $article->title !!} </h1>

    <hr/>

    @include('articles.list')
    {{--使用咱們添加的 illuminate\html 開源庫--}}
    {!! Form::model($article, ['method' => 'PATCH', 'url' => 'articles/' . $article->id]) !!}
    @include('articles.form_partial', ['submitButtonText' => 'Update Article'])

    {!! Form::close() !!}

@stop
相關文章
相關標籤/搜索