[Laravel 5 教程学习笔记] 十、Forms 表单有大用

星期五, 2016-04-22 10:01 — shiping1

前面介绍了如何显示列表与单个文章，这一节介绍添加发布文章。首先需要有一个表单，然后需要获取表单的数据并插入到数据库，最后跳转到列表页。

一、注册路由

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

二、修改控制器

添加 create() 方法：

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

三、创建视图

可以通过普通的 form 标签创建表单，但是这里使用 illuminate/html 库来创建。当然还可以使用 laravelcollective/html 库，其操作可以参考文档。

3.1 引入HTML库依赖安装建议见 /node/6895 最后部分

命令行运行：

composer require illuminate/html

(还有一种安装方法是在 composer.json 里面添加

"require": {
   "laravel/framework": "5.0.*",
   "illuminate/html": "^5.0"
},

然后 composer update (不过这个不推荐)

安装过程需要一段时间，可以使用《Windows下安装Laravel 5》中介绍的修改 Composer 源的方法加快安装速度。

安装完成之后，修改 config/app.php 文件，把库注册到 Laravel 中。在 providers 字段中添加HtmlServiceProvider ：

// 添加到 'Illuminate\View\ViewServiceProvider', 后面
'Illuminate\Html\HtmlServiceProvider',

接着通过 aliases 字段为刚才注册的 Provider 设置别名：

// 添加到 'View' => 'Illuminate\Support\Facades\View', 之后
'Form' => 'Illuminate\Html\FormFacade',
'Html' => 'Illuminate\Html\HtmlFacade',

设置别名后，在控制器中调用的时候就不需要输入 Facade 的完整名称，只需要使用别名即可。

3.2 创建视图文件

接着创建视图文件 resources/views/articles/create.blade.php ：

@extends('main')
@section('content')
<h1>Wirte a New Article</h1>
<hr/>
{!! Form::open() !!}
{!! Form::close() !!}
@stop

3.3 调整路由顺序

然后在浏览器访问 http://laravel.dev/articles/create ，发现提示错误：

ModelNotFoundException in Builder.php line 125:
No query results for model [App\Article].

我们已经创建了 create() 方法，而且也创建了视图文件，为什么会出现这个错误呢？查看route.php 文件：

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

注意 {id} 是一个通配符，它会匹配 /articles/ 后面所有的内容，所以当我们访问/articles/create 的时候，它会匹配到 create ，然后进入 ArticlesController@show ，而非 ArticlesController@create 。解决方法很简单，就是调整下这两个路由的顺序：

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

注：以后设置路由都要注意此问题，顺序从特殊到普通。

再次访问 http://laravel.dev/articles/create，一切正常了。查看页面源文件：

laravel-form

可以看到，模版中那一段代码已经为我们生成了一个 form 表单，mothod 默认为POST，action 为当前RUL，并且生成了一个隐藏域 _token ，它可以让表单提交更加安全。

3.4 修改视图

下面修改视图文件：

@extends('main')
@section('content')
<h1>Wirte a New Article</h1>
<hr/>
{!! 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

上面的表单会默认提交到 /articles/create ，而我们希望把它提交到 /articles ，所以需要定义一个新的路由：

Route::post('articles', 'ArticlesController@store');

这个路由中，我们需要接受 POST 提交的数据，存入数据库，然后重定向页面。

接着修改视图文件：

{!! Form::open(['url' => '/articles']) !!}

上面的 url() 也可以用 action() 方法，也可以直接写 /articles 。

3.5 修改控制器文件

//文件顶部删除改行 use Illuminate\Http\Request;
//添加下面的 Facade
use Request;
//Controller中添加 store() 方法
public function store(){
$input = Request::all();
return $input;
}

在表单中添加数据，然后提交，可以到底页面以JSON形式返回了刚才输入的数据。可以使用Request::get('title'); 和 Request::get('body'); 来获取单个字段的值。

现在可以使用 Eloquent ORM 中介绍的方法来向数据库中添加数据了。这里我们不担心 SQL注入等问题，因为Eloquent模型已经帮我们处理好了。并且我们前面已经在 Article 模型中定义了$fillable 字段，模型只接受该字段中定义了的字段属性，其他的字段都会被过滤掉。

public function store(){
$input = Request::all();
Article::create($input);
return redirect('articles');
}

这时再重新提交表单，可以看得成功添加了一条记录。但是我们前面定义的 published_at 还需要处理一下：

// 使用Carbon
use Carbon\Carbon;
//修改store()方法
public function store(){
$input = Request::all();
$input['published_at'] = Carbon::now();
Article::create($input);
return redirect('articles');
}

再次添加数据提交表单，可以看到生成的数据已经完整了。但是还有个小的问题，就是列表页显示的文章顺序是从旧到新的，而我们想要的的从新到旧，所以需要修改 index() 方法：

public function index(){
//方法一
$articles = Article::latest('published_at')->get();
//方法二
//$articles = Article::orderBy('published_at', 'desc')->get();
return view('articles.index', compact('articles'));
//或者也可以使用这种方式
//return view('articles.index')->with('articles', $articles);
}

再次刷新列表页，发现顺序已经变成了从新到旧。

这时，我们再到文章添加页，不填写任何内容，直接提交表单，发现数据库也会多出一条数据，这是因为我们对输入的数据没有做任何的验证，这显然是不行的，下一节将介绍表单验证。

该篇属于专题:《Laravel 5 基础视频教程学习笔记》

下一篇：《[Laravel 5 教程学习笔记] 十一、日期, Mutators 和 Scopes》
上一篇：《[Laravel 5 教程学习笔记] 九、基础的模型、控制器、视图流程》

赞 (23) or 打赏

转载请注明来源：[Laravel 5 教程学习笔记] 十、Forms 表单 - Specs' Blog-就爱PHP

你可能也喜欢：

本文共 20 个回复

Specs 2016/04/07 17:53
@ zeroone 两个都可以用吧？
来自 http://9iphp.com/web/laravel/laravel-froms.html
Yage 2016/01/20 22:46
@ shea 我的也是，查了半天了也没解决！
回复
Specs 2016/01/21 10:02
@ Yage 执行下 composer dump-autoload 试试，或者换 github.com/LaravelCollective/html 这个包
回复

dodo 2015/11/10 17:52
@ dodo 看了后面第12章，验证那块，就明白了嘿嘿
回复
Specs 2015/07/29 11:43
@ 我想去打猎你好像没看完我写的那个，看看3.3和3.4就知道了
回复

Specs 2015/07/29 11:31
@ 我想去打猎提交变成 404 说明你提交的 action 不对吧，或者没有加那个隐藏域
回复
Specs 2015/07/29 10:55
@ 我想去打猎按正常那种写就行，只不过这个用了Bootstrap的样式，把 action 写对，然后加上那个隐藏域
回复
Specs 2015/07/29 11:00
@ 我想去打猎用这个HTML库的话，你可以看下这个文件 github.com/illuminate/html/blob/master/FormBuilder.php
回复

Specs 2015/05/25 10:31
@ yida 我是按一个英文的视频教程写的
回复
王晓东 2016/04/18 17:43
@ yida 你要调用Use::Carbon;
回复

yida 2015/05/24 23:50
請問為什麼沒辦法使用Carbon::now();FatalErrorException in ArticlesController.php line 25:Class 'App\Http\Controllers\Carbon' not found
回复
yida 2015/05/24 23:57
我看到了!! use Carbon\Carbon;抱歉, 问了一个蠢问题博主的教学很详细，我是php新手也能看懂，感谢!!
回复
wenber 2015/07/07 18:40
楼主,//文件顶部删除改行 use Illuminate\Http\Request;//添加下面的 Facadeuse Request;能说一下,这是为什么吗?是用刚引入的html库将laravel本身的request替代了吗?
回复
我想去打猎 2015/07/29 10:48
请问不引用html 库依赖怎么做form表单 {!! Form::label('title', 'Title:') !!} {!! Form::text('title', null, ['class' => 'form-control']) !!} 几乎看不懂。。。。。
回复
我想去打猎 2015/07/29 11:17
@extends('main') @section('content') Wirte a New Article Title: Body: 提交 @stop我把表单改成这样，其它都是按照文章里做的只是没用使用html库，提交数据的时候就404了。。。路由顺序都调了，不知哪里出错了。。。初学者
回复
我想去打猎 2015/07/29 11:19
额我在评论里提交源代码就变成别的了看不到源代码
回复
我想去打猎 2015/07/29 11:35
终于找到原因了是我action 路径一直没搞对用form表单的话 action默认会把路径放到article/create 所以必须要写成create的相对路径上级目录 action=“../articles”
回复
dodo 2015/11/10 13:52
感谢楼主的guide，很喜欢并且实用只是自己有个地方不太明白。为什么需要用Request？--------------//文件顶部删除改行 use Illuminate\Http\Request;//添加下面的 Facadeuse Request;--------------- Illuminate\Http\Request; 和 Request类有什么区别？？
回复
shea 2015/11/12 16:58
博主，又有一个蛋疼的问题，貌似composer require illuminate/html 一直都没成功，我update了好几次也没用，一直出现 Class 'Collective\Html\HtmlServiceProvider' not found的错误
回复
zeroone 2016/04/07 17:44
laravel 5.2 illuminate/html 已经不用官方应该是 laravelcollective/html laravelcollective.com/docs/5.2/html
回复

普通分类:

laravel

You are here

一、注册路由

二、修改控制器