Laravel 5架構學習之表單_php執行個體

來源:互聯網
上載者:User
首先讓我們修改路由,能夠增加一個文章的發布。

複製代碼 代碼如下:
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')  

Write a New Article

{{--使用我們添加的 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')  

Write a New Article

{{--使用我們添加的 illuminate\html 開源庫--}} {!! Form::open() !!} {!! Form::label('title', 'Title:') !!} {!! Form::text('title', null, ['class' => 'form-control']) !!} {!! Form::label('body', 'Body:') !!} {!! Form::textarea('body', null, ['class' => 'form-control']) !!} {!! Form::submit('Add Article', ['class' => 'btn btn-primary form-control']) !!} {!! 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;//引入下面的命名空間中的 Requestuse 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'));  }

以上所述就是本文的全部內容了,希望能夠對大家學習Laravel5架構有所協助。

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.