本文实例讲述了laravel框架学习记录之表单操作，分享给大家供大家参考，具体如下：

1、MVC数据流动

拿到一个laravel项目最基本的是弄清楚它的页面请求、数据流动是怎样进行的，比如当通过get请求index页面时，如何显示如下的学生信息列表：

首先当一个页面请求到达时，需要在routes/web.php中定义路由请求以及对应的处理方法：

Route::get('index','StudentController@getIndex');

然后在.env文件下设置好数据库连接，新建数据库模型Student放在app/目录下，在其中指定对应的数据表为student

1. class Student extends Model 
2. { 
3.   protected $table='student';       //指定数据库 
4.   protected $fillable=['name','age','sex'];  //允许修改的字段 
5. } 

新建控制类StudentController并实现getIndex方法，在getIndex方法中调用student/index.blade.php页面，并通过Student模型查询到学生信息传递给view

1. public static function getIndex(){ 
2.   return view('student.index',['students'=>Student::paginate(5)]); 
3. } 

实现页面视图，在resources/views文件夹下新建student文件夹用于存放student相关页面。

采用模板的思路来实现index页面：新建页面的模板文件layout.blade.php文件，保留其中的公共部分，将其中不同的地方通过@section或者@yield替换。新建index.blade.php继承layout模板公共的部分，并在其中实现index页面自定义的部分

1. @extends('student.layout') 
2. @section('title') 
3.   主页 
4.   @stop 
5. @section('content') 
6.   <!-- index页面自定义内容--> 
7.   @stop 
8.     在自定义内容里通过@foreach将学生数据信息循环显示到列表 
9. @foreach($students as $student) 
10.   <tr> 
11.     <th scope="row">{{$student->id}}</th> 
12.     <td>{{$student->name}}</td> 
13.     <td>{{$student->age}}</td> 
14.     <td>{{$student->sex}}</td> 
15.     <td>{{$student->created_at}}</td> 
16.   </tr> 
17. @endforeach 

这样，当用户通过get请求index页面时，学生数据就从数据库中取出并展示到了页面内。

2、在blade中引入页面资源文件

虽然视图文件放在resources/views目录下，但是blade文件编译完成后将位于public目录下，所以其中的目录是相对于public而言的，页面所需要的静态资源应该放在public目录下并通过asset函数相对public路径来引入。

laravel默认提供了bootstrap与jquery，分别对应于public/css/app.css与public/js/app.js文件，如果需要可以引入。

1. <!-- Bootstrap CSS 文件 --> 
2. <link rel="stylesheet" href="{{ asset('./css/app.css')}}" rel="external nofollow" > 
3. <!-- jQuery 文件 --> 
4. <script src="{{ asset('./js/app.js')}}"></script> 

3、laravel中实现分页

在laravel中可以很便捷地实现分页数据显示，第一步是在controller中分页取出数据库数据并传递给页面：

return view('student.index',['students'=>Student::paginate(5)]);

第二部在页面内渲染分页标签：

1. <ul class="pagination pull-right"> 
2.   {{$students->render()}} 
3. </ul> 

4、表单验证

laravel提供了validate方法来用于验证用户提交的表单是否符合要求，例如在页面通过post提交了学生表单form后，在controller中对其先进行验证，如果正确则存入数据库，否则返回到上一页面并抛出一个异常$errors，在页面中显示错误$errors中的信息

1. //表单验证 
2. $request->validate([ 
3.   'Student.name'=>'required|max:10', 
4.   'Student.age'=>'required|integer', 
5.   'Student.sex'=>'required', 
6. ],[ 
7.   'required'=>':attribute为必填项', 
8.   'max'=>':attribut长度过长', 
9.   'integer'=>':attribute必须为一个整数' 
10. ],[ 
11.   'Student.name'=>'姓名', 
12.   'Student.age'=>'年龄', 
13.   'Student.sex'=>'性别' 
14. ]); 
15. //存入学生数据 
16. $stu=$request->input('Student'); 
17. Student::create($stu); 

validate()中第一个数组中定义字段的验证规则，其中Student.name是在提交的表单中定义的name

input type="text" name="Student[name]" placeholder="请输入学生姓名">

required是你所需要的验证规则，中间用"|"隔开，详细的规则可以看文档

validate()第二个数组自定义验证出错后的提示信息，":attribute"为占位符

validate()第三个数组自定义每个字段的提示名字

在页面中报错如下：

可以通过$errors->all()获取所有错误后循环显示出来

1. @if(count($errors)) 
2.   <div class="alert alert-danger"> 
3.     <ul> 
4.       @foreach($errors->all() as $error) 
5.         <li>{{$error}}</li> 
6.         @endforeach 
7.     </ul> 
8.   </div> 
9.   @endif 

也可以$errors->first()获取指定字段的验证错误，显示在每个输入框之后

<p class="form-control-static text-danger">{{$errors->first('Student.name')}}</p>

当验证失败返回到表单页面后，用户原来的输入信息会消失，这样需要再填一遍，可以通过old方法显示用户原来的输入

<input type="text" name="Student[name]" value="{{old('Student')['name']}}" >

5、错误记录

①、 MethodNotAllowedHttpException No message

这个错误是因为我把表单的post请求发送到了Route::get()定义的路由上，它不会处理post请求，可以把路由通过Route::Match(['get','post'],)来定义

②、Action App\Http\Controllers\StudentController@delete not defined

这个错误发生在我将在blade页面请求跳转到一个action，无法找到该Controller

<a href="{{action('StudentController@delete',['id'=>$student->id])}}" rel="external nofollow" >删除</a>

但当我在routes/web.php下注册了该方法后报错消失

Route::get('delete/{id}','StudentController@delete');

③、The page has expired due to inactivity. Please refresh and try again.

这是由于laravel自动设置了防止CSRF跨域攻击，你需要在表单内添加csrf_filed()来告诉laravel请求的发起人与表单提交者是同一个人。

1. <form class="form-horizontal" method="post" action="{{url('student/create')}}"> 
2.   {{ csrf_field() }}

Tags: laravel表单操作

分享到：