溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Laravel 5中怎么實現(xiàn)表單復(fù)用

發(fā)布時間:2021-07-19 14:21:20 來源:億速云 閱讀:104 作者:Leah 欄目:開發(fā)技術(shù)

Laravel 5中怎么實現(xiàn)表單復(fù)用,針對這個問題,這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

我們需要處理編輯文章的問題。當(dāng)然我們可以手工添加新的路由,就像這樣:

復(fù)制代碼 代碼如下:


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

讓我們在命令行下使用 artisan 的 route:list 來查看我們當(dāng)前的路由:

復(fù)制代碼 代碼如下:


php artisan route:list

在符合 RESTful 的情況下,可能直接使用 laravel 的 resource 路由是一種好的選擇,然我們將所有的路由都去掉,只添加唯一的一個:

復(fù)制代碼 代碼如下:


Route::resource('articles', 'ArticlesController');

再次使用 php artisan route:list 查看路由,哇,一堆的符合我們期望的路由產(chǎn)生了。每一項都仔細(xì)查看一下。

現(xiàn)在在控制器中添加方法:

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

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

現(xiàn)在創(chuàng)建視圖

@extends('layout')

@section('content')
  <h2>Edit: {!! $article->title !!} </h2>

  <hr/>

  ...

好吧,我承認(rèn)這些代碼都是從 create.blade.php 中拷貝出來的,修改了一下,問題是我們需要重復(fù)嗎?后面我們會處理這個問題,現(xiàn)在來看一下表單的提交問題。在路由中 php artisan route:list ,再看一遍,修改使用了 PATCH 方法,我們來修改視圖:

復(fù)制代碼 代碼如下:


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

在瀏覽器中訪問 /articles/1/edit ,查看一下源代碼,發(fā)現(xiàn)laravel自動生成了 _method=PATCH 的隱藏字段。

一問題是,我們編輯文章,但是文章的信息并沒有顯示出來,我們修改一下視圖:

復(fù)制代碼 代碼如下:


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

OK,everything's ok,除了 published_on 字段仍然設(shè)置為當(dāng)前日期,后面我們來處理。

現(xiàn)在在控制器中添加方法:

  public function update($id, \Illuminate\Http\Request $request) {
    $article = Article::findOrFail($id);
    $article->update($request->all());

    return redirect('articles');
  }

我們在修改的過程中也需要驗證,讓我們復(fù)用我們的 Request 類,將 CreateArticleRequest 更名為更通用的 ArticleRequest,別忘了修改 store 方法中的參數(shù)。

  public function update($id, Requests\ArticleRequest $request) {
    $article = Article::findOrFail($id);
    $article->update($request->all());

    return redirect('articles');
  }

現(xiàn)在剩下的問題是我們的新建和編輯使用了大部分相同的代碼,比如顯示錯誤,但他們存在兩份,我們來修改這個問題。

我們直接在 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 只需用下面語句替換錯誤處理代碼即可:

復(fù)制代碼 代碼如下:


@include('articles.list')

讓我們再來處理表單代碼,表單代碼中除了 form 不大一樣和提交按鈕有區(qū)別,其他都差不多。我們創(chuàng)建一個視圖 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">
  {{--這里要設(shè)置變量,依據(jù)是編輯還是修改來改變,當(dāng)然也可以不放置在partial中--}}
  {!! Form::submit($submitButtonText, ['class' => 'btn btn-primary form-control']) !!}
</div>

修改 create.blade.php

@extends('layout')

@section('content')
  <h2>Write a New Article</h2>

  <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')
  <h2>Edit: {!! $article->title !!} </h2>

  <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

關(guān)于Laravel 5中怎么實現(xiàn)表單復(fù)用問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI