本篇文章為大家展示了使用laravel框架怎么實現(xiàn)表單操作,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
成都創(chuàng)新互聯(lián)公司成都網(wǎng)站建設(shè)按需網(wǎng)站開發(fā),是成都網(wǎng)站營銷推廣公司,為純水機提供網(wǎng)站建設(shè)服務(wù),有成熟的網(wǎng)站定制合作流程,提供網(wǎng)站定制設(shè)計服務(wù):原型圖制作、網(wǎng)站創(chuàng)意設(shè)計、前端HTML5制作、后臺程序開發(fā)等。成都網(wǎng)站制作熱線:135182197921、MVC數(shù)據(jù)流動
拿到一個laravel項目最基本的是弄清楚它的頁面請求、數(shù)據(jù)流動是怎樣進行的,比如當(dāng)通過get請求index頁面時,如何顯示如下的學(xué)生信息列表:
首先當(dāng)一個頁面請求到達時,需要在routes/web.php中定義路由請求以及對應(yīng)的處理方法:
Route::get('index','StudentController@getIndex');
然后在.env文件下設(shè)置好數(shù)據(jù)庫連接,新建數(shù)據(jù)庫模型Student放在app/目錄下,在其中指定對應(yīng)的數(shù)據(jù)表為student
class Student extends Model { protected $table='student'; //指定數(shù)據(jù)庫 protected $fillable=['name','age','sex']; //允許修改的字段 }
新建控制類StudentController并實現(xiàn)getIndex方法,在getIndex方法中調(diào)用student/index.blade.php頁面,并通過Student模型查詢到學(xué)生信息傳遞給view
public static function getIndex(){ return view('student.index',['students'=>Student::paginate(5)]); }
實現(xiàn)頁面視圖,在resources/views文件夾下新建student文件夾用于存放student相關(guān)頁面。
采用模板的思路來實現(xiàn)index頁面:新建頁面的模板文件layout.blade.php文件,保留其中的公共部分,將其中不同的地方通過@section或者@yield替換。新建index.blade.php繼承l(wèi)ayout模板公共的部分,并在其中實現(xiàn)index頁面自定義的部分
@extends('student.layout') @section('title') 主頁 @stop @section('content') @stop 在自定義內(nèi)容里通過@foreach將學(xué)生數(shù)據(jù)信息循環(huán)顯示到列表 @foreach($students as $student)@endforeach {{$student->id}} {{$student->name}} {{$student->age}} {{$student->sex}} {{$student->created_at}}
這樣,當(dāng)用戶通過get請求index頁面時,學(xué)生數(shù)據(jù)就從數(shù)據(jù)庫中取出并展示到了頁面內(nèi)。
2、在blade中引入頁面資源文件
雖然視圖文件放在resources/views目錄下,但是blade文件編譯完成后將位于public目錄下,所以其中的目錄是相對于public而言的,頁面所需要的靜態(tài)資源應(yīng)該放在public目錄下并通過asset函數(shù)相對public路徑來引入。
laravel默認(rèn)提供了bootstrap與jquery,分別對應(yīng)于public/css/app.css與public/js/app.js文件,如果需要可以引入。
3、laravel中實現(xiàn)分頁
在laravel中可以很便捷地實現(xiàn)分頁數(shù)據(jù)顯示,第一步是在controller中分頁取出數(shù)據(jù)庫數(shù)據(jù)并傳遞給頁面:
return view('student.index',['students'=>Student::paginate(5)]);
第二部在頁面內(nèi)渲染分頁標(biāo)簽:
4、表單驗證
laravel提供了validate方法來用于驗證用戶提交的表單是否符合要求,例如在頁面通過post提交了學(xué)生表單form后,在controller中對其先進行驗證,如果正確則存入數(shù)據(jù)庫,否則返回到上一頁面并拋出一個異常$errors,在頁面中顯示錯誤$errors中的信息
//表單驗證 $request->validate([ 'Student.name'=>'required|max:10', 'Student.age'=>'required|integer', 'Student.sex'=>'required', ],[ 'required'=>':attribute為必填項', 'max'=>':attribut長度過長', 'integer'=>':attribute必須為一個整數(shù)' ],[ 'Student.name'=>'姓名', 'Student.age'=>'年齡', 'Student.sex'=>'性別' ]); //存入學(xué)生數(shù)據(jù) $stu=$request->input('Student'); Student::create($stu);
validate()中第一個數(shù)組中定義字段的驗證規(guī)則,其中Student.name
是在提交的表單中定義的name
input type="text" name="Student[name]" placeholder="請輸入學(xué)生姓名">
required是你所需要的驗證規(guī)則,中間用"|"隔開,詳細的規(guī)則可以看文檔
validate()第二個數(shù)組自定義驗證出錯后的提示信息,":attribute"為占位符
validate()第三個數(shù)組自定義每個字段的提示名字
在頁面中報錯如下:
可以通過$errors->all()
獲取所有錯誤后循環(huán)顯示出來
@if(count($errors))@endif@foreach($errors->all() as $error)
- {{$error}}
@endforeach
也可以$errors->first()
獲取指定字段的驗證錯誤,顯示在每個輸入框之后
{{$errors->first('Student.name')}}
當(dāng)驗證失敗返回到表單頁面后,用戶原來的輸入信息會消失,這樣需要再填一遍,可以通過old方法顯示用戶原來的輸入
5、錯誤記錄
①、 MethodNotAllowedHttpException No message
這個錯誤是因為我把表單的post請求發(fā)送到了Route::get()
定義的路由上,它不會處理post請求,可以把路由通過Route::Match(['get','post'],)
來定義
②、Action App\Http\Controllers\StudentController@delete not defined
這個錯誤發(fā)生在我將在blade頁面請求跳轉(zhuǎn)到一個action,無法找到該Controller
$student->id])}}" rel="external nofollow" >刪除
但當(dāng)我在routes/web.php下注冊了該方法后報錯消失
Route::get('delete/{id}','StudentController@delete');
③、The page has expired due to inactivity. Please refresh and try again.
這是由于laravel自動設(shè)置了防止CSRF跨域攻擊,你需要在表單內(nèi)添加csrf_filed()
來告訴laravel請求的發(fā)起人與表單提交者是同一個人。