Laravel 5 基礎（九）- 表單

首先讓咱們修改路由，可以增長一個文章的發佈。

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

而後修改控制器

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

咱們返回一個視圖，新建這個視圖。咱們固然能夠直接使用HTML創建表單，但咱們有功能更好的辦法。咱們使用一個開源庫，Jeffrey Way 開發的illuminate\html。安裝依賴庫：

composer require illuminate/html

laravel的庫須要註冊到laravel中才能使用。在 config/app.php 中，咱們能夠看到 laravel 提供的 provider 字段，這裏描述了laravel的庫功能。在Laravel Framewirk Service Providers... 最後添加咱們新增的 HtmlProvider

'Illuminate\Html\HtmlServiceProvider',

咱們不但願使用 Illuminate\Html\FromFacade 這麼長的名字來引入，咱們須要簡短的名字。在當前的 app.php 中找到 aliases 段，在最後添加別名。

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

OK，如今咱們來建立視圖，views/articles/create.blade.php

@extends('layout')

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

    <hr/>

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

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

@stop

訪問 /articles/create 看到了錯誤，Why? 讓咱們測試一下，究竟是哪裏出了問題。在控制器中作出下面的修改：

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

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

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

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

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

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

解決方案就是調整順序：

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

也就是從特殊到普通，之後的路由設置中要時刻注意這個問題。如今咱們在訪問 articles/create 一切OK了。

在瀏覽器中查看一下源代碼，你會發現不只生成了 method 和 action 同時生成了一個隱藏的 _token 字段做爲服務器對窗體的驗證，避免黑客的僞造攻擊。

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

@extends('layout')

@section('content')
    <h1>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

當表單提交的時候，其實是使用 post 方法提交到 articles/create 上的，但根據RESTful的習慣，咱們但願可以 post 到 /articles 上，咱們來修改視圖的表單方法，設定提交的路徑。

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

而後咱們在路由中處理表單提交事件。

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

咱們來處理控制器

//注意：將下面的 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;
    }

咱們能夠直接看到輸入表單的json結果。若是隻須要 title 字段的值，則可使用 Request::get('titel') 。

如何添加到數據庫中呢？藉助模型，咱們能夠直接採用下面的方法，

Article::create($input);

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

若是沒有忘記 Mass Assignment，在咱們的模型中咱們定義了 $fillable 數組，來定義那些字段能夠直接在 create 的時候直接填充。

修改控制器，添加到模型中，並存儲到數據庫。

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

        return redirect('articles');
    }

添加一條記錄試試，很是棒。但別忘了。咱們還有一個字段叫作 published_at ，讓咱們來處理它。

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

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

添加新紀錄在測試一下。

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

public function index() {
        //倒序獲取文章
        //能夠這樣
        //$articles = Article::orderBy('published_at', 'desc')->get();
        //簡單方式，固然還有 oldest()
        $articles = Article::latest('published_at')->get();

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