编程学习网 > PHP技术 > laravel > Laravel 5框架学习之子视图和表单复用
2019
12-23

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

清华大佬耗费三个月吐血整理的几百G的资源，免费分享！....>>>

Laravel 5框架学习之子视图和表单复用
我们需要处理编辑文章的问题。当然我们可以手工添加新的路由，就像这样：


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

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


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



1
Route::resource('articles', 'ArticlesController');
再次使用 php artisan route:list 查看路由，哇，一堆的符合我们期望的路由产生了。每一项都仔细查看一下。

现在在控制器中添加方法：
1
2
3
4
5
public function edit($id) {
  $article = Article::findOrFail($id);
  
  return view('articles.edit', compact('article'));
}
现在创建视图



1
2
3
4
5
6
7
8
@extends('layout')
  
@section('content')
  <h1>Edit: {!! $article->title !!} </h1>
  
  <hr/>
  
  ...
好吧，我承认这些代码都是从 create.blade.php 中拷贝出来的，修改了一下，问题是我们需要重复吗？后面我们会处理这个问题，现在来看一下表单的提交问题。在路由中 php artisan route:list ，再看一遍，修改使用了 PATCH 方法，我们来修改视图：



1
{!! Form::open(['method' => 'PATCH', 'url' => 'articles/' . $article->id]) !!}
在浏览器中访问 /articles/1/edit ，查看一下源代码，发现laravel自动生成了 _method=PATCH 的隐藏字段。

一问题是，我们编辑文章，但是文章的信息并没有显示出来，我们修改一下视图：
1
{!! Form::model($article, ['method' => 'PATCH', 'url' => 'articles/' . $article->id]) !!}

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

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


1
2
3
4
5
6
public function update($id, \Illuminate\Http\Request $request) {
  $article = Article::findOrFail($id);
  $article->update($request->all());
  
  return redirect('articles');
}
我们在修改的过程中也需要验证，让我们复用我们的 Request 类，将 CreateArticleRequest 更名为更通用的 ArticleRequest，别忘了修改 store 方法中的参数。



1
2
3
4
5
6
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 中拷贝出来：
1
2
3
4
5
6
7
@if ($errors->any())
  <ul class="alert alert-danger">
    @foreach($errors->all() as $error)
      <li>{{ $error }}</li>
    @endforeach
  </ul>
@endif
在 create.blade.php 只需用下面语句替换错误处理代码即可：



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



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
@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



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
@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框架有所帮助。

扫码二维码 获取免费视频学习资料

Python编程学习

查 看2022高级编程视频教程免费获取