Laravel 五 基础（九）- 表单

Laravel 5 基础（九）- 表单

首先让我们修改路由，能够增加一个文章的发布。

<code>Route::get(&#39;articles/create&#39;, &#39;[email&#160;protected]&#39;);</code>

然后修改控制器

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

我们返回一个视图，新建这个视图。我们当然可以直接使用HTML建立表单，但我们有功能更好的办法。我们使用一个开源库，Jeffrey Way 开发的illuminate\html。安装依赖库：

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

laravel的库需要注册到laravel中才能使用。在 config/app.php 中，我们可以看到 laravel 提供的 provider 字段，这里描述了laravel的库功能。在Laravel Framewirk Service Providers... 最后添加我们新增的 HtmlProvider

<code>&#39;Illuminate\Html\HtmlServiceProvider&#39;,</code>

我们不希望使用 Illuminate\Html\FromFacade 这么长的名字来引入，我们需要简短的名字。在当前的 app.php 中找到 aliases 段，在最后添加别名。

<code>&#39;Form&#39;      => &#39;Illuminate\Html\FormFacade&#39;,&#39;Html&#39;      => &#39;Illuminate\Html\HtmlFacade&#39;,</code>

OK，现在我们来创建视图，views/articles/create.blade.php

<code>@extends(&#39;layout&#39;)@section(&#39;content&#39;)    <h1>Write a New Article</h1>    <hr/>    {{--使用我们添加的 illuminate\html 开源库--}}    {!! Form::open() !!}    {!! Form::close() !!}@stop</code>

访问 /articles/create 看到了错误，Why? 让我们测试一下，到底是哪里出了问题。在控制器中做出下面的修改：

<code>    public function show($id) {        dd(&#39;show&#39;);                $article = Article::findOrFail($id);        return view(&#39;articles.show&#39;, compact(&#39;article&#39;));    }</code>

没错，你没看错，就是在 show 方法中添加 dd() 方法，这个方法简单的输出一个信息然后死掉。我们再来访问 /articles/create ，你看到了什么，你看到输出了 show 。

为什么我们访问 create 结果路由给了我们 show ? 我们来查看一下路由，到底发生了什么。

<code>Route::get(&#39;articles&#39;, &#39;[email&#160;protected]&#39;);Route::get(&#39;articles/{id}&#39;, &#39;[email&#160;protected]&#39;);Route::get(&#39;articles/create&#39;, &#39;[email&#160;protected]&#39;);</code>

上面是我们的路由，注意到 articles/{id} 意味着这是一个通配符，所有在 articles/ 后面的东西都会匹配，你知道了么？我们的 /articles/create 也被他匹配了。OMG！

解决方案就是调整顺序：

<code>Route::get(&#39;articles&#39;, &#39;[email&#160;protected]&#39;);Route::get(&#39;articles/create&#39;, &#39;[email&#160;protected]&#39;);Route::get(&#39;articles/{id}&#39;, &#39;[email&#160;protected]&#39;);</code>

也就是从特殊到普通，以后的路由设置中要时刻注意这个问题。现在我们在访问 articles/create 一切OK了。

在浏览器中查看一下源代码，你会发现不仅生成了 method 和 action 同时生成了一个隐藏的 _token 字段作为服务器对窗体的验证，避免黑客的伪造攻击。

让我们修改我们的视图，添加字段：

<code>@extends(&#39;layout&#39;)@section(&#39;content&#39;)    <h1>Write a New Article</h1>    <hr/>    {{--使用我们添加的 illuminate\html 开源库--}}    {!! Form::open() !!}        <div class="form-group">            {!! Form::label(&#39;title&#39;, &#39;Title:&#39;) !!}            {!! Form::text(&#39;title&#39;, null, [&#39;class&#39; => &#39;form-control&#39;]) !!}        </div>        <div class="form-group">            {!! Form::label(&#39;body&#39;, &#39;Body:&#39;) !!}            {!! Form::textarea(&#39;body&#39;, null, [&#39;class&#39; => &#39;form-control&#39;]) !!}        </div>        <div class="form-group">            {!! Form::submit(&#39;Add Article&#39;, [&#39;class&#39; => &#39;btn btn-primary form-control&#39;]) !!}        </div>    {!! Form::close() !!}@stop</code>

当表单提交的时候，实际上是使用 post 方法提交到 articles/create 上的，但根据RESTful的习惯，我们希望能够 post 到 /articles 上，我们来修改视图的表单方法，设定提交的路径。

<code>{!! Form::open([&#39;url&#39; => &#39;articles&#39;]) !!}</code>

然后我们在路由中处理表单提交事件。

<code>Route::post(&#39;/articles&#39;, &#39;[email&#160;protected]&#39;);</code>

我们来处理控制器

<code>//注意：将下面的 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;    }</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(&#39;articles&#39;);    }</code>

添加一条记录试试，非常棒。但别忘了。我们还有一个字段叫做 published_at ，让我们来处理它。

<code>    public function store() {        $input = Request::all();        $input[&#39;published_at&#39;] = Carbon::now();        Article::create($input);                return redirect(&#39;articles&#39;);    }</code>

添加新纪录在测试一下。

还有一个问题，新添加的应该显示在最前面，我们来修改以下控制器。

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