Laravel 5框架学习之子视图和表单复用


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

复制代码 代码如下:

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

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

复制代码 代码如下:

php artisan route:list

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

复制代码 代码如下:

Route::resource(articles, ArticlesController);

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

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

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

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

现在创建视图

@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 的隐藏字段 。

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

复制代码 代码如下:

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

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

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

  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

以上就是本文给大家介绍的全部内容了,希望能够对大家熟练掌握Laravel5框架有所帮助 。