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

前端技术 2023/09/09 PHP

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

\'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，everything\'s 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框架有所帮助。

本文地址：https://www.stayed.cn/item/23714

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案