laravel框架学习记录之表单操作详解
本文实例讲述了laravel框架学习记录之表单操作。分享给大家供大家参考,具体如下:
1、mvc数据流动
拿到一个laravel项目最基本的是弄清楚它的页面请求、数据流动是怎样进行的,比如当通过get请求index页面时,如何显示如下的学生信息列表:
首先当一个页面请求到达时,需要在routes/web.php中定义路由请求以及对应的处理方法:
route::get('index','studentcontroller@getindex');
然后在.env文件下设置好数据库连接,新建数据库模型student放在app/目录下,在其中指定对应的数据表为student
class student extends model { protected $table='student'; //指定数据库 protected $fillable=['name','age','sex']; //允许修改的字段 }
新建控制类studentcontroller并实现getindex方法,在getindex方法中调用student/index.blade.php页面,并通过student模型查询到学生信息传递给view
public static function getindex(){ return view('student.index',['students'=>student::paginate(5)]); }
实现页面视图,在resources/views文件夹下新建student文件夹用于存放student相关页面。
采用模板的思路来实现index页面:新建页面的模板文件layout.blade.php文件,保留其中的公共部分,将其中不同的地方通过@section或者@yield替换。新建index.blade.php继承layout模板公共的部分,并在其中实现index页面自定义的部分
@extends('student.layout') @section('title') 主页 @stop @section('content') <!-- index页面自定义内容--> @stop 在自定义内容里通过@foreach将学生数据信息循环显示到列表 @foreach($students as $student) <tr> <th scope="row">{{$student->id}}</th> <td>{{$student->name}}</td> <td>{{$student->age}}</td> <td>{{$student->sex}}</td> <td>{{$student->created_at}}</td> </tr> @endforeach
这样,当用户通过get请求index页面时,学生数据就从数据库中取出并展示到了页面内。
2、在blade中引入页面资源文件
虽然视图文件放在resources/views目录下,但是blade文件编译完成后将位于public目录下,所以其中的目录是相对于public而言的,页面所需要的静态资源应该放在public目录下并通过asset函数相对public路径来引入。
laravel默认提供了bootstrap与jquery,分别对应于public/css/app.css与public/js/app.js文件,如果需要可以引入。
<!-- bootstrap css 文件 --> <link rel="stylesheet" href="{{ asset('./css/app.css')}}" rel="external nofollow" > <!-- jquery 文件 --> <script src="{{ asset('./js/app.js')}}"></script>
3、laravel中实现分页
在laravel中可以很便捷地实现分页数据显示,第一步是在controller中分页取出数据库数据并传递给页面:
return view('student.index',['students'=>student::paginate(5)]);
第二部在页面内渲染分页标签:
<ul class="pagination pull-right"> {{$students->render()}} </ul>
4、表单验证
laravel提供了validate方法来用于验证用户提交的表单是否符合要求,例如在页面通过post提交了学生表单form后,在controller中对其先进行验证,如果正确则存入数据库,否则返回到上一页面并抛出一个异常$errors,在页面中显示错误$errors中的信息
//表单验证 $request->validate([ 'student.name'=>'required|max:10', 'student.age'=>'required|integer', 'student.sex'=>'required', ],[ 'required'=>':attribute为必填项', 'max'=>':attribut长度过长', 'integer'=>':attribute必须为一个整数' ],[ 'student.name'=>'姓名', 'student.age'=>'年龄', 'student.sex'=>'性别' ]); //存入学生数据 $stu=$request->input('student'); student::create($stu);
validate()中第一个数组中定义字段的验证规则,其中student.name
是在提交的表单中定义的name
input type="text" name="student[name]" placeholder="请输入学生姓名">
required是你所需要的验证规则,中间用"|"隔开,详细的规则可以看
validate()第二个数组自定义验证出错后的提示信息,":attribute"为占位符
validate()第三个数组自定义每个字段的提示名字
在页面中报错如下:
可以通过$errors->all()
获取所有错误后循环显示出来
@if(count($errors)) <div class="alert alert-danger"> <ul> @foreach($errors->all() as $error) <li>{{$error}}</li> @endforeach </ul> </div> @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请求的发起人与表单提交者是同一个人。
<form class="form-horizontal" method="post" action="{{url('student/create')}}"> {{ csrf_field() }}