Laravel 5 基礎（九）- 表單

首先讓我們修改路由，能夠增加一個文章的發布。

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

然後修改控制器

<code>    public function create() {
        return view('articles.create');
    }</code>

我們回傳一個視圖，新建這個視圖。我們當然可以直接使用HTML建立表單，但我們有功能更好的方法。我們使用一個開源函式庫，Jeffrey Way 開發的illuminatehtml。安裝相依性庫：

<code>composer require illuminate/html</code>

laravel的庫需要註冊到laravel才能使用。在 config/app.php 中，我們可以看到 laravel 提供的 provider 字段，這裡描述了laravel的庫功能。在Laravel Framewirk Service Providers... 最後加入我們新增的 HtmlProvider

<code>'Illuminate\Html\HtmlServiceProvider',</code>

我們不希望使用 IlluminateHtmlFromFacade 這麼長的名字來引入，我們需要簡短的名字。在目前的 app.php 找到 aliases 段，最後加上別名。

<code>'Form'      => 'Illuminate\Html\FormFacade',
'Html'      => 'Illuminate\Html\HtmlFacade',</code>

OK，現在我們來建立視圖，views/articles/create.blade.php

<code>@extends('layout')

@section('content')
    <h1 id="Write-a-New-Article">Write a New Article</h1>

    <hr>

    {{--使用我们添加的 illuminate\html 开源库--}}
    {!! Form::open() !!}

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

@stop</code>

訪問 /articles/create 看到了錯誤，Why? 讓我們測試一下，到底是哪裡出了問題。在控制器中做出下面的修改：

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

        return view('articles.show', compact('article'));
    }</code>

沒錯，你沒看錯，就是在 show 方法中加入 dd() 方法，這個方法簡單的輸出一個訊息然後死掉。我們再來訪問 /articles/create ，你看到了什麼，你看到輸出了 show 。

為什麼我們訪問 create 結果路由給了我們 show ? 我們來查看一下路由，到底發生了什麼。

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

上面是我們的路由，注意到 articles/{id} 意味著這是一個通配符，所有在 articles/ 後面的東西都會匹配，你知道了什麼？我們的 /articles/create 也被他配對了。 OMG！

解決方案就是調整順序：

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

也就是從特殊到普通，以後的路由設定要時時注意這個問題。現在我們在訪問 articles/create 一切OK了。

在瀏覽器中查看一下原始程式碼，你會發現不僅產生了 method 和 action 同時產生了一個隱藏的 _token 欄位作為伺服器對窗體的驗證，避免駭客的偽造攻擊。

讓我們修改我們的視圖，新增欄位：

<code>@extends('layout')

@section('content')
    <h1 id="Write-a-New-Article">Write a New Article</h1>

    <hr>

    {{--使用我们添加的 illuminate\html 开源库--}}
    {!! 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</code>

當表單提交的時候，實際上是使用post 方法提交到articles/create 上的，但根據RESTful的習慣，我們希望能夠post 到/articles 上，我們來修改視圖的表單方法，設定提交的路徑。

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

然後我們在路由中處理表單提交事件。

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

我們來處理控制器

<code>
//注意：将下面的 use 语句删除，我们使用 facade 接口中的 Request
//use App\Http\Requests\Request;

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

    public function store() {
        //使用 Illuminate\Html\Request 来返回全部的表单输入字段
        $input = Request::all();

        //我们直接返回$input，来看一下
        return $input;
    }</code>

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

如何加入資料庫呢？借助模型，我們可以直接採用下面的方法，

<code>Article::create($input);</code>

就這麼簡單，就是這麼任性

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

修改控制器，加入到模型中，並儲存到資料庫。

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

        return redirect('articles');
    }</code>

新增一筆記錄試試，非常棒。但別忘了。我們還有一個欄位叫做 published_at ，讓我們來處理它。

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

        Article::create($input);
        
        return redirect('articles');
    }</code>

添加新紀錄在測試一下。

還有一個問題，新加入的應該顯示在最前面，我們來修改以下控制器。

<code>	public function index() {
        //倒序获取文章
        //可以这样
        //$articles = Article::orderBy('published_at', 'desc')->get();
        //简单方式，当然还有 oldest()
        $articles = Article::latest('published_at')->get();

        return view('articles.index', compact('articles'));
    }</code>

以上就介紹了Laravel 5 基礎（九）- 表單，包括了方面的內容，希望對PHP教程有興趣的朋友有所幫助。