這是在windows環境下做的blog實戰項目。上篇文章我們實現了ajax異步修改，但是彈窗太丑，這篇文章給大家簡單介紹一下，彈窗的引用。然后再介紹一下后臺文章分類的創建。希望對大家有所幫助。

一、引用外部彈窗

介紹個彈窗庫:

1）下載：

【laravel】blog項目實戰筆記-彈窗外部插件的引用及后臺文章分類的添加編輯等

2）然后將壓縮包里的這個文件拖到? 步驟3）的路徑下

【laravel】blog項目實戰筆記-彈窗外部插件的引用及后臺文章分類的添加編輯等

3）下面這個圖的路徑里

【laravel】blog項目實戰筆記-彈窗外部插件的引用及后臺文章分類的添加編輯等

4）然后引用

<script></script>

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-&gt;all();?????????????????????????????????????????????????//這個是去所有數據 $categroy?=?$this-&gt;orderby('cate_order','asc')-&gt;get();?//改成只取一條 return?$this-&gt;getTree($categroy); }

二、后臺文章分類添加模板分配以及父級分類嵌入

展示頁面view：

靜態讀取：

<select><option>=頂級分類=</option> <option>精品界面</option> <option>推薦界面</option></select>

動態讀取：

<select><option>=頂級分類=</option> @foreach($data?as?$d) <option>cata_id}}"&gt;{{$d-&gt;cata_name}}</option> @endforeach </select>

控制器：

controller //GET?home/category/create?添加分類 public?function?create(){ $data?=?CategroyModel::where('cate_pid',0)-&gt;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)&gt;0) @if(is_object($errors)) @foreach($errors-&gt;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'=&gt;'required' ]; $message?=?[ 'cate_name.required'=&gt;'分類名稱不能為空!', ]; $validator=?Validator::make($input,$rules,$message); if($validator-&gt;passes()){ //?用create將數據都存進數據庫 $res?=?CategroyModel::create($input); //如果添加成功后返回列表頁面 if($res){ return?redirect('home/category');//成功返回列表頁面 }else{ return?back()-&gt;with('errors','數據填充失敗!'); } }else{ //dd($validator-&gt;errors()-&gt;all()); return?back()-&gt;withErrors($validator); } //?dd($input); } model?: protected?$guarded?=[];//不可編輯字段包含哪些?$fillable?$guarded屬性

四、后臺文章分類編輯及模擬put方法

頁面展示view：

cate_id)}}”?method=”post”?autocomplete=”off”> ????????//修改傳參方法 ??{{csrf_field()}}???//csrf認證

編輯分類

??@if(count((array)$errors)>0)??????//報錯信息提示 ??????????????@if(is_object($errors)) ?????????????????@foreach($errors->all()?as?$error) ????????????????????{{$error}} ?????????????????@endforeach ??????????????@else ?????????????????{{$errors}} ??????????????@endif ???????????@endif

父級分類

分類名稱 cate_name}}”??class=”form-control”?placeholder=”在此處輸入欄目名稱”??autocomplete=”off”>

分類標題 cate_title}}”??class=”form-control”?placeholder=”在此處輸入欄目別名”??autocomplete=”off”>

關鍵字 cate_keyword}}”???class=”form-control”?placeholder=”在此處輸入欄目關鍵字”?autocomplete=”off”>

排序 cate_order}}”??class=”form-control”?placeholder=”在此處輸入欄目關鍵字”?autocomplete=”off”>

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)-&gt;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)-&gt;update($input); //如果添加成功后返回列表頁面 if($res){ //如果成功跳轉到列表頁面 return?redirect('home/category'); }else{ return?back()-&gt;with('errors','數據填充失敗!'); } }

以上步驟是我學習的筆記，我把要操作的步驟或重點的記了下來，如果哪有不懂可以留言。謝謝大家支持。希望能為小白提供幫助，如果想看更多blog項目信息，關注我，下一篇繼續分享。

文章版權歸作者所有，未經允許請勿轉載。

THE END

PHP框架
# laravel