Laravel 五 基础（十一）- 子视图和表单复用

Laravel 5 基础（十一）- 子视图和表单复用

我们需要处理编辑文章的问题。当然我们可以手工添加新的路由，就像这样：

<code>Route::get(&#39;/articles/{id}/edit&#39;, &#39;[email&#160;protected]&#39;);</code>

让我们在命令行下使用 artisan 的 route:list 来查看我们当前的路由：

<code>php artisan route:list</code>

在符合 RESTful 的情况下，可能直接使用 laravel 的 resource 路由是一种好的选择，然我们将所有的路由都去掉，只添加唯一的一个：

<code>Route::resource(&#39;articles&#39;, &#39;ArticlesController&#39;);</code>

再次使用 <code>php artisan route:list</code> 查看路由，哇，一堆的符合我们期望的路由产生了。每一项都仔细查看一下。

现在在控制器中添加方法：

<code>    public function edit($id) {        $article = Article::findOrFail($id);        return view(&#39;articles.edit&#39;, compact(&#39;article&#39;));    }</code>

现在创建视图

<code>@extends(&#39;layout&#39;)@section(&#39;content&#39;)    <h1>Edit: {!! $article->title !!} </h1>    <hr/>    ...</code>

好吧，我承认这些代码都是从 create.blade.php 中拷贝出来的，修改了一下，问题是我们需要重复吗？后面我们会处理这个问题，现在来看一下表单的提交问题。在路由中 <code>php artisan route:list</code> ，再看一遍，修改使用了 PATCH 方法，我们来修改视图：

<code>{!! Form::open([&#39;method&#39; => &#39;PATCH&#39;, &#39;url&#39; => &#39;articles/&#39; . $article->id]) !!} </code>

在浏览器中访问 /articles/1/edit ，查看一下源代码，发现laravel自动生成了 _method=PATCH 的隐藏字段。

一问题是，我们编辑文章，但是文章的信息并没有显示出来，我们修改一下视图：

<code> {!! Form::model($article, [&#39;method&#39; => &#39;PATCH&#39;, &#39;url&#39; => &#39;articles/&#39; . $article->id]) !!}</code>

OK，everything's ok，除了 published_on 字段仍然设置为当前日期，后面我们来处理。

现在在控制器中添加方法：

<code>    public function update($id, \Illuminate\Http\Request $request) {        $article = Article::findOrFail($id);        $article->update($request->all());        return redirect(&#39;articles&#39;);    }</code>

我们在修改的过程中也需要验证，让我们复用我们的 Request 类，将 CreateArticleRequest 更名为更通用的 ArticleRequest，别忘了修改 store 方法中的参数。

<code>    public function update($id, Requests\ArticleRequest $request) {        $article = Article::findOrFail($id);        $article->update($request->all());        return redirect(&#39;articles&#39;);    }</code>

现在剩下的问题是我们的新建和编辑使用了大部分相同的代码，比如显示错误，但他们存在两份，我们来修改这个问题。

我们直接在 views/articles 下面新建文件 list.blade.php，并把错误处理代码从 create.blade.php 中拷贝出来：

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

在 create.blade.php 只需用下面语句替换错误处理代码即可：

<code>@include(&#39;articles.list&#39;)</code>

让我们再来处理表单代码，表单代码中除了 form 不大一样和提交按钮有区别，其他都差不多。我们创建一个视图 articles/form_partial.blade.php，将代码拷贝出来

<code><div class="form-group">    {!! Form::label(&#39;title&#39;, &#39;Title:&#39;) !!}    {!! Form::text(&#39;title&#39;, null, [&#39;class&#39; => &#39;form-control&#39;]) !!}</div><div class="form-group">    {!! Form::label(&#39;body&#39;, &#39;Body:&#39;) !!}    {!! Form::textarea(&#39;body&#39;, null, [&#39;class&#39; => &#39;form-control&#39;]) !!}</div><div class="form-group">    {!! Form::label(&#39;published_at&#39;, &#39;Publish On:&#39;) !!}    {!! Form::input(&#39;date&#39;, &#39;published_at&#39;, date(&#39;Y-m-d&#39;), [&#39;class&#39; => &#39;form-control&#39;]) !!}</div><div class="form-group">    {{--这里要设置变量，依据是编辑还是修改来改变，当然也可以不放置在partial中--}}    {!! Form::submit($submitButtonText, [&#39;class&#39; => &#39;btn btn-primary form-control&#39;]) !!}</div></code>

修改 create.blade.php

<code>@extends(&#39;layout&#39;)@section(&#39;content&#39;)    <h1>Write a New Article</h1>    <hr/>    @include(&#39;articles.list&#39;)    {{--使用我们添加的 illuminate\html 开源库--}}    {!! Form::open([&#39;url&#39; => &#39;articles&#39;]) !!}        @include(&#39;articles.form_partial&#39;, [&#39;submitButtonText&#39; => &#39;Add Article&#39;])    {!! Form::close() !!}@stop</code>

修改 edit.blade.php

<code>@extends(&#39;layout&#39;)@section(&#39;content&#39;)    <h1>Edit: {!! $article->title !!} </h1>    <hr/>    @include(&#39;articles.list&#39;)    {{--使用我们添加的 illuminate\html 开源库--}}    {!! Form::model($article, [&#39;method&#39; => &#39;PATCH&#39;, &#39;url&#39; => &#39;articles/&#39; . $article->id]) !!}    @include(&#39;articles.form_partial&#39;, [&#39;submitButtonText&#39; => &#39;Update Article&#39;])    {!! Form::close() !!}@stop</code>