当前位置:首页 > CMS教程 > 其它CMS > 列表

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

发布:smiling 来源: PHP粉丝网  添加日期:2021-05-22 13:36:22 浏览: 评论:0 

本文给大家主要介绍的是Laravel5框架中的子视图以及表单复用的用法,十分的细致全面,对于大家熟练掌握Laravel5框架非常有帮助,有需要的小伙伴可以参考下

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

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 查看路由,哇,一堆的符合我们期望的路由产生了。每一项都仔细查看一下。

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

  1. public function edit($id) { 
  2.   $article = Article::findOrFail($id); 
  3.  
  4.   return view('articles.edit', compact('article')); 

现在创建视图

  1. @extends('layout'
  2.  
  3. @section('content'
  4.   <h1>Edit: {!! $article->title !!} </h1> 
  5.  
  6.   <hr/> 
  7.  
  8.   ... 

好吧,我承认这些代码都是从 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 字段仍然设置为当前日期,后面我们来处理。

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

  1. public function update($id, \Illuminate\Http\Request $request) { 
  2.   $article = Article::findOrFail($id); 
  3.   $article->update($request->all()); 
  4.  
  5.   return redirect('articles'); 

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

  1. public function update($id, Requests\ArticleRequest $request) { 
  2.   $article = Article::findOrFail($id); 
  3.   $article->update($request->all()); 
  4.  
  5.   return redirect('articles'); 

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

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

  1. @if ($errors->any()) 
  2.   <ul class="alert alert-danger"
  3.     @foreach($errors->all() as $error
  4.       <li>{{ $error }}</li> 
  5.     @endforeach 
  6.   </ul> 
  7. @endif 

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

@include('articles.list')

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

  1. <div class="form-group"
  2.   {!! Form::label('title''Title:') !!} 
  3.   {!! Form::text('title', null, ['class' => 'form-control']) !!} 
  4. </div> 
  5.  
  6. <div class="form-group"
  7.   {!! Form::label('body''Body:') !!} 
  8.   {!! Form::textarea('body', null, ['class' => 'form-control']) !!} 
  9. </div> 
  10.  
  11. <div class="form-group"
  12.   {!! Form::label('published_at''Publish On:') !!} 
  13.   {!! Form::input('date''published_at'date('Y-m-d'), ['class' => 'form-control']) !!} 
  14. </div> 
  15.  
  16. <div class="form-group"
  17.   {{--这里要设置变量,依据是编辑还是修改来改变,当然也可以不放置在partial中--}} 
  18.   {!! Form::submit($submitButtonText, ['class' => 'btn btn-primary form-control']) !!} 
  19. </div> 

修改 create.blade.php

  1. @extends('layout'
  2.  
  3. @section('content'
  4.   <h1>Write a New Article</h1> 
  5.  
  6.   <hr/> 
  7.  
  8.   @include('articles.list'
  9.  
  10.   {{--使用我们添加的 illuminate\html 开源库--}} 
  11.   {!! Form::open(['url' => 'articles']) !!} 
  12.     @include('articles.form_partial', ['submitButtonText' => 'Add Article']) 
  13.   {!! Form::close() !!} 
  14.  
  15. @stop 

修改 edit.blade.php

  1. @extends('layout'
  2.  
  3. @section('content'
  4.   <h1>Edit: {!! $article->title !!} </h1> 
  5.  
  6.   <hr/> 
  7.  
  8.   @include('articles.list'
  9.   {{--使用我们添加的 illuminate\html 开源库--}} 
  10.   {!! Form::model($article, ['method' => 'PATCH''url' => 'articles/' . $article->id]) !!} 
  11.   @include('articles.form_partial', ['submitButtonText' => 'Update Article']) 
  12.  
  13.   {!! Form::close() !!} 
  14.  
  15. @stop

Tags: Laravel视图 Laravel表单复用

分享到: