如何編寫Laravel 5框架的表單

這篇文章主要介紹“如何編寫Laravel 5框架的表單”，在日常操作中，相信很多人在如何編寫Laravel 5框架的表單問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”如何編寫Laravel 5框架的表單”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

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

Route::get('articles/create', 'ArticlesController@create');

然后修改控制器

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

    public function create() {
        return view('articles.create');
    }

我們返回一個(gè)視圖，新建這個(gè)視圖。我們當(dāng)然可以直接使用HTML建立表單，但我們有功能更好的辦法。我們使用一個(gè)開源庫(kù)，Jeffrey Way 開發(fā)的illuminate\html。安裝依賴庫(kù)：

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

composer require illuminate/html

laravel的庫(kù)需要注冊(cè)到laravel中才能使用。在 config/app.php 中，我們可以看到 laravel 提供的 provider 字段，這里描述了laravel的庫(kù)功能。在Laravel Framewirk Service Providers... 最后添加我們新增的 HtmlProvider

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

'Illuminate\Html\HtmlServiceProvider',

我們不希望使用 Illuminate\Html\FromFacade 這么長(zhǎng)的名字來(lái)引入，我們需要簡(jiǎn)短的名字。在當(dāng)前的 app.php 中找到 aliases 段，在最后添加別名。

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

'Form'      => 'Illuminate\Html\FormFacade',
'Html'      => 'Illuminate\Html\HtmlFacade',

OK，現(xiàn)在我們來(lái)創(chuàng)建視圖，views/articles/create.blade.php

@extends('layout')

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

  <hr/>

  {{--使用我們添加的 illuminate\html 開源庫(kù)--}}
  {!! Form::open() !!}

  {!! Form::close() !!}

@stop

訪問(wèn) /articles/create 看到了錯(cuò)誤，Why? 讓我們測(cè)試一下，到底是哪里出了問(wèn)題。在控制器中做出下面的修改：

  public function show($id) {
    dd('show');
    
    $article = Article::findOrFail($id);

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

沒錯(cuò)，你沒看錯(cuò)，就是在 show 方法中添加 dd() 方法，這個(gè)方法簡(jiǎn)單的輸出一個(gè)信息然后死掉。我們?cè)賮?lái)訪問(wèn) /articles/create ，你看到了什么，你看到輸出了 show 。

為什么我們?cè)L問(wèn) create 結(jié)果路由給了我們 show ? 我們來(lái)查看一下路由，到底發(fā)生了什么。

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

Route::get('articles', 'ArticlesController@index');
Route::get('articles/{id}', 'ArticlesController@show');
Route::get('articles/create', 'ArticlesController@create');

上面是我們的路由，注意到 articles/{id} 意味著這是一個(gè)通配符，所有在 articles/ 后面的東西都會(huì)匹配，你知道了么？我們的 /articles/create 也被他匹配了。OMG！

解決方案就是調(diào)整順序：

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

Route::get('articles', 'ArticlesController@index');
Route::get('articles/create', 'ArticlesController@create');
Route::get('articles/{id}', 'ArticlesController@show');

也就是從特殊到普通，以后的路由設(shè)置中要時(shí)刻注意這個(gè)問(wèn)題?，F(xiàn)在我們?cè)谠L問(wèn) articles/create 一切OK了。

在瀏覽器中查看一下源代碼，你會(huì)發(fā)現(xiàn)不僅生成了 method 和 action 同時(shí)生成了一個(gè)隱藏的 _token 字段作為服務(wù)器對(duì)窗體的驗(yàn)證，避免黑客的偽造攻擊。

讓我們修改我們的視圖，添加字段：

@extends('layout')

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

  <hr/>

  {{--使用我們添加的 illuminate\html 開源庫(kù)--}}
  {!! Form::open() !!}
    <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::submit('Add Article', ['class' => 'btn btn-primary form-control']) !!}
    </div>

  {!! Form::close() !!}

@stop

當(dāng)表單提交的時(shí)候，實(shí)際上是使用 post 方法提交到 articles/create 上的，但根據(jù)RESTful的習(xí)慣，我們希望能夠 post 到 /articles 上，我們來(lái)修改視圖的表單方法，設(shè)定提交的路徑。

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

{!! Form::open(['url' => 'articles']) !!}

然后我們?cè)诼酚芍刑幚肀韱翁峤皇录?/p>

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

Route::post('/articles', 'ArticlesController@store');

我們來(lái)處理控制器

//注意：將下面的 use 語(yǔ)句刪除，我們使用 facade 接口中的 Request
//use App\Http\Requests\Request;

//引入下面的命名空間中的 Request
use Illuminate\Support\Facades\Request;

  public function store() {
    //使用 Illuminate\Html\Request 來(lái)返回全部的表單輸入字段
    $input = Request::all();

    //我們直接返回$input，來(lái)看一下
    return $input;
  }

我們可以直接看到輸入表單的json結(jié)果。如果只需要 title 字段的值，則可以使用 Request::get('titel') 。

如何添加到數(shù)據(jù)庫(kù)中呢？借助模型，我們可以直接采用下面的方法，

Article::create($input);

就這么簡(jiǎn)單，就是這么任性

如果沒有忘記 Mass Assignment，在我們的模型中我們定義了 $fillable 數(shù)組，來(lái)定義那些字段可以直接在 create 的時(shí)候直接填充。

修改控制器，添加到模型中，并存儲(chǔ)到數(shù)據(jù)庫(kù)。

  public function store() {
    $input = Request::all();
    Article::create($input);

    return redirect('articles');
  }

添加一條記錄試試，非常棒。但別忘了。我們還有一個(gè)字段叫做 published_at ，讓我們來(lái)處理它。

  public function store() {
    $input = Request::all();
    $input['published_at'] = Carbon::now();

    Article::create($input);
    
    return redirect('articles');
  }

添加新紀(jì)錄在測(cè)試一下。

還有一個(gè)問(wèn)題，新添加的應(yīng)該顯示在最前面，我們來(lái)修改以下控制器。

 public function index() {
    //倒序獲取文章
    //可以這樣
    //$articles = Article::orderBy('published_at', 'desc')->get();
    //簡(jiǎn)單方式，當(dāng)然還有 oldest()
    $articles = Article::latest('published_at')->get();

    return view('articles.index', compact('articles'));
  }

到此，關(guān)于“如何編寫Laravel 5框架的表單”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！