这是在windows环境下做的blog实战项目。上篇文章我们实现了ajax异步修改，但是弹窗太丑，这篇文章给大家简单介绍一下，弹窗的引用。然后再介绍一下后台文章分类的创建。希望对大家有所帮助。

一、引用外部弹窗

介绍个弹窗库:

http://layer.layui.com/

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