Laravel 5 基础(九)- 表单

首先让咱们修改路由,可以增长一个文章的发布。php

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

而后修改控制器html

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

咱们返回一个视图,新建这个视图。咱们固然能够直接使用HTML创建表单,但咱们有功能更好的办法。咱们使用一个开源库,Jeffrey Way 开发的illuminate\html。安装依赖库:laravel

composer require illuminate/html

laravel的库须要注册到laravel中才能使用。在 config/app.php 中,咱们能够看到 laravel 提供的 provider 字段,这里描述了laravel的库功能。在Laravel Framewirk Service Providers... 最后添加咱们新增的 HtmlProvidergit

'Illuminate\Html\HtmlServiceProvider',

咱们不但愿使用 Illuminate\Html\FromFacade 这么长的名字来引入,咱们须要简短的名字。在当前的 app.php 中找到 aliases 段,在最后添加别名。github

'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? 让咱们测试一下,究竟是哪里出了问题。在控制器中作出下面的修改:json

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!bash

解决方案就是调整顺序:

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

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

在浏览器中查看一下源代码,你会发现不只生成了 methodaction 同时生成了一个隐藏的 _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'));
    }
相关文章
相关标签/搜索