【laravel】blog專案實戰筆記-彈跳視窗外部插件的引用及後台文章分類的新增編輯等

演明
發布: 2021-09-10 15:32:26
原創
1306 人瀏覽過

這是在Windows環境下做的blog實戰專案。上篇文章我們實作了Ajax非同步修改,但彈跳窗太醜,這篇文章給大家簡單介紹一下,彈跳窗的引用。然後再介紹一下後台文章分類的建立。希望對大家有幫助。

一、引用外部彈跳視窗

介紹個彈窗庫:

http://layer.layui.com/

1)下載:

【laravel】blog專案實戰筆記-彈跳視窗外部插件的引用及後台文章分類的新增編輯等

2)然後將壓縮套件裡的這個檔案拖曳到 步驟3)的路徑下

【laravel】blog專案實戰筆記-彈跳視窗外部插件的引用及後台文章分類的新增編輯等

3)下面這個圖的路徑裡

【laravel】blog專案實戰筆記-彈跳視窗外部插件的引用及後台文章分類的新增編輯等

#4)然後引用

登入後複製

5)下一步怎麼去用

function onchangeOrder(obj,cate_id){ var cate_order=$(obj).val(); $.post( "{{url('home/cate/changeorder')}}", {'_token':'{{csrf_token()}}','cate_id':cate_id,'cate_order':cate_order}, function(data){ //alert(data.msg); layer.msg(data.msg, {icon: 6}); }); }
登入後複製

6)更新成功後的圖示

【laravel】blog專案實戰筆記-彈跳視窗外部插件的引用及後台文章分類的新增編輯等

function onchangeOrder(obj,cate_id){ var cate_order=$(obj).val(); $.post( "{{url('home/cate/changeorder')}}", {'_token':'{{csrf_token()}}','cate_id':cate_id,'cate_order':cate_order}, function(data){ //alert(data.msg); //layer.msg(data.msg, {icon: 6}); if(data.status==0){ layer.msg(data.msg, {icon: 6}); }else{ layer.msg(data.msg, {icon: 5}); } }); }
登入後複製

頁面的完成了,還有就是真正的排序

public function Tree(){ //$categroy = $this->all(); //这个是去所有数据 $categroy = $this->orderby('cate_order','asc')->get(); //改成只取一条 return $this->getTree($categroy); }
登入後複製

二、後台文章分類新增模板指派以及父級分類嵌入

展示頁面view:

//向后台提交的数据, action="{url('home/category')}"申请的路由 输入框 文本框
登入後複製

靜態讀取:

登入後複製

動態讀取:

登入後複製

控制器:

controller //GET home/category/create 添加分类 public function create(){ $data = CategroyModel::where('cate_pid',0)->get(); return view('home/categroy/add',compact('data')); } // POST home/category 填加分类提交 public function store(){ $input=Input::all(); //获取前端的所有提交的数据 dd($input); }
登入後複製

三、後台文章分類新增資料Validation驗證及入庫

##view錯誤訊息提示:

@if(count((array)$errors)>0) @if(is_object($errors)) @foreach($errors->all() as $error) {{$error}} @endforeach @else {{$errors}} @endif @endif controller: // POST home/category 填加分类提交 public function store(){ //除了token值,其余都要存进数据库,用except排出放将token排除,全部用all $input=Input::except('_token'); $rules = [ 'cate_name'=>'required' ]; $message = [ 'cate_name.required'=>'分类名称不能为空!', ]; $validator= Validator::make($input,$rules,$message); if($validator->passes()){ // 用create将数据都存进数据库 $res = CategroyModel::create($input); //如果添加成功后返回列表页面 if($res){ return redirect('home/category');//成功返回列表页面 }else{ return back()->with('errors','数据填充失败!'); } }else{ //dd($validator->errors()->all()); return back()->withErrors($validator); } // dd($input); } model : protected $guarded =[];//不可编辑字段包含哪些 $fillable $guarded属性
登入後複製

四、後台文章分類編輯及模擬put方法

頁面展示view:

//修改传参方法 {{csrf_field()}} //csrf认证

编辑分类

@if(count((array)$errors)>0) //报错信息提示 @if(is_object($errors)) @foreach($errors->all() as $error) {{$error}} @endforeach @else {{$errors}} @endif @endif
登入後複製

value:是指預設值

控制器controller:

// GET home/category/{category}/edit 编辑分类 //接受前端传过来的参数 public function edit($cate_id){ //查询当前这条的数据 $res = CategroyModel::find($cate_id); //data数据是读取所有cate_pid等于0的顶级分类 $data = CategroyModel::where('cate_pid',0)->get(); //把本来的数据分配到页面当中然后再做修改 return view('home.categroy.edit',compact('res','data')); } // PUT home/category/{category} 更新分类 //这个参数通过get方法传过来的参数 public function update($cate_id){ //剔除不要的参数 $input=Input::except('_method','_token'); //update更新cate_id等于2的这条数据 $res = CategroyModel::where('cate_id',$cate_id)->update($input); //如果添加成功后返回列表页面 if($res){ //如果成功跳转到列表页面 return redirect('home/category'); }else{ return back()->with('errors','数据填充失败!'); } }
登入後複製
以上步驟是我學習的筆記,我把要操作的步驟或重點的記了下來,如果哪有不懂可以留言。謝謝大家支持。希望能為小白提供幫助,如果想看更多blog項目信息,請關注我,下一篇繼續分享。

以上是【laravel】blog專案實戰筆記-彈跳視窗外部插件的引用及後台文章分類的新增編輯等的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!