首頁  >  文章  >  後端開發  >  Laravel 5 基礎(九)- 表單

Laravel 5 基礎(九)- 表單

WBOY
WBOY原創
2016-08-08 09:26:50879瀏覽

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

<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>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了。

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

讓我們修改我們的視圖,新增欄位:

<code>@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</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教程有興趣的朋友有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn