前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >laravel框架学习记录之表单操作详解

laravel框架学习记录之表单操作详解

作者头像
砸漏
发布2020-10-20 10:39:23
12.6K0
发布2020-10-20 10:39:23
举报
文章被收录于专栏:恩蓝脚本恩蓝脚本

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

1、MVC数据流动

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

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

代码语言:javascript
复制
Route::get('index','StudentController@getIndex');

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

代码语言:javascript
复制
class Student extends Model
{
  protected $table='student';       //指定数据库
  protected $fillable=['name','age','sex'];  //允许修改的字段
}

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

代码语言:javascript
复制
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页面自定义的部分

代码语言:javascript
复制
@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文件,如果需要可以引入。

代码语言:javascript
复制
<!-- 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中分页取出数据库数据并传递给页面:

代码语言:javascript
复制
return view('student.index',['students'= Student::paginate(5)]);

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

代码语言:javascript
复制
<ul class="pagination pull-right" 
  {{$students- render()}}
</ul 

4、表单验证

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

代码语言:javascript
复制
//表单验证
$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

代码语言:javascript
复制
input type="text" name="Student[name]" placeholder="请输入学生姓名" 

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

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

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

在页面中报错如下:

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

代码语言:javascript
复制
@if(count($errors))
  <div class="alert alert-danger" 
    <ul 
      @foreach($errors- all() as $error)
        <li {{$error}}</li 
        @endforeach
    </ul 
  </div 
  @endif

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

代码语言:javascript
复制
<p class="form-control-static text-danger" {{$errors- first('Student.name')}}</p 

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

代码语言:javascript
复制
<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

代码语言:javascript
复制
<a href="{{action('StudentController@delete',['id'= $student- id])}}" rel="external nofollow"  删除</a 

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

代码语言:javascript
复制
Route::get('delete/{id}','StudentController@delete');

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

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

代码语言:javascript
复制
<form class="form-horizontal" method="post" action="{{url('student/create')}}" 
  {{ csrf_field() }}

更多关于Laravel相关内容感兴趣的读者可查看本站专题:《Laravel框架入门与进阶教程》、《php优秀开发框架总结》、《php面向对象程序设计入门教程》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
数据库
云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档