Laravel 5框架學習之表單

2024-05-04 23:34:04

字體：大中小

來源：轉載

供稿：網友

Laravel 5.0 新引入的表單請求 (Form Request) 特性提供了集規范性 (差不多就是 "最佳實踐" 的意思) 和便捷性 (這是比之前任何一種選擇都更強大也更便捷的方式) 于一體的, 在 Laravel 中執行數據檢查和驗證的新手段.

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

復制代碼代碼如下:

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'));

}