JS贪吃蛇小游戏

来源:http://www.prospettivedarte.com 作者:计算机教程 人气:108 发布时间:2019-05-10
摘要:效果图展示: 后台文章分类列表页模板导的详细步骤 建立数据表 blog_category ,并添加相应的文章字段 使用 php artisan make:model Category 命令,创建 Category.php 模型文件,并编写对应的属性

效果图展示:

  • 后台文章分类列表页模板导的详细步骤

    • 建立数据表blog_category,并添加相应的文章字段
    • 使用php artisan make:model Category命令,创建Category.php模型文件,并编写对应的属性代码
    • Admin文件下使用php artisan make:controller CategoryController命令创建基于CommonControllerCategoryController控制器
    • 在路由文件routes.php中配置文章分类的资源路由,代码如下
    // 文章分类路由Route::resource('category', 'CategoryController');
    
    • 使用php artisan route:list命令找到对文章分类进行CRUD的方法,写到CategoryController控制器中,具体方法代码如下
    //get.admin/category 全部分类列表public function index(){ $categorys = Category::all(); return view('admin.category.index')->with('data',$categorys);}//post.admin/categorypublic function store(){}//get.admin/category/create 添加分类public function create(){}//get.admin/category/{category} 显示单个分类信息public function show(){}//delete.admin/category/{category} 删除单个分类public function destroy(){}//put.admin/category/{category} 更新分类public function update(){}//get.admin/category/{category}/edit 编辑分类public function edit(){}
    
    • 将视图模板中的list.html拷贝到admin下新建的文件category下,并重新命名为index.blade.php,并利用admin.blade.php重新调整代码结构
  • 基本信息展示的详细步骤

    • index.blade.php中修改导航栏的链接为<a href="{{url('admin/info')}}">首页</a> &raquo; 全部分类
    • 根据控制器中传过来的数据调整<table></table>标签的内容和格式,具体代码如下:
    <table > <tr> <th width="5%">排序</th> <th width="5%">ID</th> <th>分类名称</th> <th>标题</th> <th>查看次数</th> <th>操作</th> </tr> @foreach($data as $v) <tr> <td > <input type="text" name="ord[]" value="{{$v->cate_order}}"> </td> <td >{{$v->cate_id}}</td> <td> <a href="#">{{$v->cate_name}}</a> </td> <td>{{$v->cate_title}}</td> <td>{{$v->cate_view}}</td> <td> <a href="#">修改</a> <a href="#">删除</a> </td> </tr> @endforeach</table>
    
  • 后台文章分类页多级分类列表的详细步骤

    • 给数据表blog_category,添加相应的二级分类字段
    • Category.php模型文件中添加如下方法
    /* * 获取分类列表数据 */public function tree(){ $categorys = $this->all(); return $this->getTree($categorys,'cate_name','cate_id','cate_pid');}/* * 获取多级分类列表的数据 */public function getTree($data,$field_name,$field_id='id',$field_pid='pid',$pid=0){ $arr = array(); foreach ($data as $k=>$v) { if ($v->$field_pid == $pid) { $data[$k]["_".$field_name] = $data[$k][$field_name]; $arr[] = $data[$k]; foreach ($data as $m=>$n) { if ($n->$field_pid == $v->$field_id) { $data[$m]["_".$field_name] = '├─ '.$data[$m][$field_name]; $arr[] = $data[$m]; } } } } return $arr;}
    
    • CategoryController.php文件中修改全部分类的方法index,具体代码如下
    //get.admin/category 全部分类列表public function index(){ $categorys = (new Category)->tree(); return view('admin.category.index')->with('data',$categorys);}
    
    • 将视图模板下的admin下的category下的index.blade.php中的展示分类名称的行改为
    <td> <a href="#">{{$v->_cate_name}}</a></td>
    
  • 后台文章分类页Ajax异步修改分类排序的详细步骤

    • 在路由文件routes.php中配置修改文章分类排序的路由,代码如下
    // 修改文章分类排序路由Route::post('cate/changeorder', 'CategoryController@changeOrder');
    
    • CategoryController.php皇牌天下投注网,文件中编写修改文章分类排序的方法changeOrder,具体代码如下
    // 修改文章分类排序public function changeOrder(){ $input = Input::all(); $cate = Category::find($input['cate_id']); $cate->cate_order = $input['cate_order']; $res = $cate->update(); if  { $data = [ 'status' => 0, 'msg' => '分类排序更新成功!', ]; } else { $data = [ 'status' => 1, 'msg' => '分类排序更新失败,请稍后重试!', ]; } return $data;}
    
    • layer文件拷贝到resources下的org
    • layer文件下的layer.js引入到视图模板views下的layouts下的公共php文件admin.blade.php中,具体代码如下
    <script type="text/javascript" src="{{asset('resources/org/layer/layer.js')}}"></script>
    
    • 将视图模板下的admin下的category下的index.blade.php中的展示分类排序的行改为
    <td > <input type="text" onchange="changeOrder(this,{{$v->cate_id}})" value="{{$v->cate_order}}"></td>
    
    • 在视图模板下的admin下的category下的index.blade.php中添加如下js代码
    <script>function changeOrder(obj,cate_id) { var cate_order = $.val(); $.post("{{url('admin/cate/changeorder')}}",{'_token':'{{csrf_token()}}','cate_id':cate_id,'cate_order':cate_order},function { if(data.status == 0) { layer.msg(data.msg, {icon: 6}); } else { layer.msg(data.msg, {icon: 5}); } });}
    

皇牌天下投注网 1

</script>* 在`Category.php`模型文件中修改获取分类列表数据的方法(按照排序的升序进行获取数据),具体代码如下objc/** 获取分类列表数据*/public function tree(){$categorys = $this->orderBy('cate_order','asc')->get();return $this->getTree($categorys,'cate_name','cate_id','cate_pid');}```

 

  • 后台文章分类添加模板分配的详细步骤
    • 将视图模板中的add.html拷贝到category下并修改名称为add.blade.php,并利用admin.blade.php重新调整代码结构
    • 根据数据库中blog_category表的字段设计页面<table></table>的内容
    • 修改导航栏的链接
    • CategoryController.phpcreate方法中返回add.blade.php视图
  • 后台文章父级分类嵌入的详细步骤

    • 修改CategoryController.phpcreate方法,具体代码如下
    //get.admin/category/create 添加分类public function create(){ $data = Category::where('cate_pid',0)->get(); return view('admin.category.add',compact;}
    
    • 编写CategoryController.phpstore方法,具体代码如下
    //post.admin/category 添加分类提交public function store(){ $input = Input::all(); dd;}
    
    • add.blade.php文件中修改父级分类选项的代码,具体如下
    <select name="cate_pid"> <option value="0">==顶级分类==</option> @foreach($data as $d) <option value="{{$d->cate_id}}">{{$d->cate_name}}</option> @endforeach</select>
    
  • 后台文章分类添加数据Validation验证的详细步骤

    • CategoryController.php文件中的添加分类提交的方法store中,进行后台文章分类添加数据Validation验证,具体代码如下
    //post.admin/category 添加分类提交public function store(){ $input = Input::except; $rules = [ 'cate_name' => 'required', ]; $message = [ 'cate_name.required' => '分类名称不能为空!', ]; // 表单输入验证 $validator = Validator::make($input,$rules,$message); if ($validator->passes { return redirect('admin/category'); } else { return back()->withErrors($validator); }}
    
    • add.blade.php文件写上验证错误信息提示的代码,具体如下
  • 后台文章分类编辑的详细步骤

    • CategoryController.php文件中编写edit方法,具体代码如下
    //get.admin/category/{category}/edit 编辑分类public function edit{ $field = Category::find; $data = Category::where('cate_pid',0)->get(); return view('admin.category.edit',compact('field','data'));}
    
    • 拷贝add.blade.php到当前文件并修改名称为edit.blade.php,并修改编辑选项的value
    • 修改edit.blade.php文件中的顶级分类代码如下

具体实现代码如下:

(1)html部分

<select name="cate_pid"> <option value="0">==顶级分类==</option> @foreach($data as $d) <option value="{{$d->cate_id}}" @if($d->cate_id==$field->cate_pid) selected @endif >{{$d->cate_name}}</option> @endforeach</select>

* 修改`category`下的`index.blade.php`中的修改选项的链接为`<a href="{{url('admin/category/'.$v->cate_id.'/edit')}}">修改</a>`
 1 !DOCTYPE html>
 2 <html>
 3     <head>
 4     <meta charset="utf-8" />
 5     <title>贪吃蛇</title>
 6     <link rel="stylesheet" type="text/css" href="main.css">
 7     </head>
 8     <body onselectstart="return false">
 9         <h1 id="alerts">贪吃蛇</h1>
10          <div id="help">
11             当前得分:<strong id="nowscore">0</strong>
12             最高分:<strong id="score">0</strong>
13          </div>
14         <div id="map"></div>     
15         <input type="button" id="btnStart" value="开始游戏" />
16         <script type="text/javascript" src="gamejs.js"></script>
17     </body>
18 </html>
  • 后台文章分类模拟PUT方法提交表单的象征步骤

    • CategoryController.php文件中编写update方法,具体代码如下
    //put.admin/category/{category} 更新分类public function update{ $input = Input::except('_token','_method'); $re = Category::where('cate_id',$cate_id)->update; if{ return redirect('admin/category'); }else{ return back()->with('errors','分类信息更新失败,请稍后重试!'); }}
    
    • edit.blade.php文件中的<form></form>标签中添加如下代码
    <input type="hidden" name="_method" value="put">{{csrf_field()}}
    
  • 后台文章分类删除及Ajax异步模拟DELETE方法的详细步骤

    • CategoryController.phpdestory方法中添加如下代码
    //delete.admin/category/{category} 删除单个分类public function destroy{ $res = Category::where('cate_id',$cate_id)->delete(); // 删除顶级分类时,底下的分类变成顶级分类 Category::where('cate_pid',$cate_id)->update(['cate_pid'=>0]); if  { $data = [ 'status' => 0, 'msg' => '分类删除成功!', ]; } else { $data = [ 'status' => 1, 'msg' => '分类删除失败,请稍后重试!', ]; } return $data;}
    
    • category下的index.blade.php文件中修改删除的链接为<a href="javascript:;" onclick="delCate({{$v->cate_id}})">删除</a>,并添加删除分类的JS代码,具体代码如下
    // 删除分类function delCate { layer.confirm('您确定要删除这个分类吗?', { btn:['确定', '取消'] }, function(){ $.post("{{url('admin/category')}}/" cate_id,{'_method':'delete','_token':"{{csrf_token()}}"}, function  { if(data.status == 0) { location.href = location.href; layer.msg(data.msg, {icon:6}); } else { layer.msg(data.msg, {icon:5}); } }) });}
    
    • 修改category下的各个文件的页面布局

(2)main.css文件代码

 1 * {margin:0; padding:0}
 2 body {
 3   background:white;
 4   -moz-user-select:none;
 5   text-align:center; 
 6   font-size:12px;
 7   }
 8 
 9 table{
10   margin:30px auto 10px auto;
11   overflow:hidden;
12   box-shadow:0px 0px 30px #4EFE93;
13   border:10px solid yellowgreen;
14   border-image: url(border.png);
15   border-image-slice:10;
16   border-image-width:10px;
17   border-image-outset:0;
18   border-image-repeat:repeat;
19   }
20 td {
21   width:20px; 
22   height:20px;
23   border:1px solid white;
24   background:white;
25   }
26 .cover {background:url(body1.png);}
27 .food {
28     background:url(food.png);
29     background-repeat:no-repeat;    
30      }
31 
32 
33 #nowscore{
34   font-size:20px;
35   font-weight: 800;
36   color:blue;
37 }
38 #score{
39   font-size:20px;
40   font-weight: 800;
41   color:red;
42 }
43 #alerts{
44   margin-top:50px;
45   color:brown;
46   font-size:30px;
47   font-weight: 800;
48   }
49 #help {
50   width:420px;
51   margin:0 auto;
52   line-height:17px;
53   color:green;
54   }
55 #help span {
56   float:left;
57   font-size:15px;
58   font-weight: 800;
59   margin-right:10px}
60 #help .box {
61   width:15px;
62   height:15px;
63   margin-right:5px;
64   border:1px solid white;}
65 #btnStart {
66   clear:both; 
67   width:100px;
68   height:30px;
69   margin-top:10px;
70   padding:0; 
71   background:#4EFE93;
72   color:green; 
73   border:1px solid #fff; 
74   border-bottom-color:#000;
75   border-right-color:#000;
76   border-radius:15px;
77   cursor:pointer}
  • 数据库文章表的创建及添加文章模板导入的详细步骤

    • 新建数据表blog_article
    • 使用命令php artisan make:controller ArticleController创建文章控制器
    • route.php文件中配置文章的资源路由,具体代码如下
    // 文章资源路由Route::resource('article', 'ArticleController');
    
    • ArticleController控制器中添加全部文章列表index方法,具体代码如下
    //get.admin/article 全部文章列表public function index(){ echo '全部文章列表';}
    
    • resources下的views下的admin下新建文件article,并拷贝category下的add.blade.php到该文件下,做文字显示的修改工作
    • ArticleController控制器中添加文章create方法,具体代码如下
    //get.admin/article 全部文章列表//get.admin/article/create 添加文章public function create(){ $data = []; return view('admin.article.add',compact;}
    
  • 后台文章添加及百度编辑器Ueditor嵌入的详细步骤

    • 将下载好的编辑器的文件夹拷贝到resources下的org下,并重新命名为ueditor
    • 修改resources下的views下的admin下的article下的add.blade.php文件中的<table></table>里面的代码,具体代码如下
    <table > <tbody> <tr> <th width="120">分类:</th> <td> <select name="cate_id"> @foreach($data as $d) <option value="{{$d->cate_id}}">{{$d->_cate_name}}</option> @endforeach </select> </td> </tr> <tr> <th><i >*</i> 文章标题:</th> <td> <input type="text" name="art_title"> </td> </tr> <tr> <th>编辑:</th> <td> <input type="text" name="art_editor"> </td> </tr> <tr> <th>缩略图:</th> <td> <input type="text" size="50" name="art_thumb"> </td> </tr> <tr> <th>关键词:</th> <td> <input type="text" name="art_tag"> </td> </tr> <tr> <th>描述:</th> <td> <textarea name="art_description"></textarea> </td> </tr> <tr> <th>文章内容:</th> <td> <script type="text/javascript" charset="utf-8" src="{{asset('resources/org/ueditor/ueditor.config.js')}}"></script> <script type="text/javascript" charset="utf-8" src="{{asset('resources/org/ueditor/ueditor.all.min.js')}}"> </script> <script type="text/javascript" charset="utf-8" src="{{asset('resources/org/ueditor/lang/zh-cn/zh-cn.js')}}"></script> <script name="art_content" type="text/plain" style="width:860px;height:500px;"></script> <script type="text/javascript"> var ue = UE.getEditor; </script> <style> .edui-default{line-height: 28px;} div.edui-combox-body,div.edui-button-body,div.edui-splitbutton-body {overflow: hidden; height:20px;} div.edui-box{overflow: hidden; height:22px;} </style> </td> </tr> <tr> <th></th> <td> <input type="submit" value="提交"> <input type="button" onclick="history.go" value="返回"> </td> </tr> </tbody></table>
    
    • 在数据表blog_article中添加cate_id文章分类字段
    • ArticleController控制器中修改添加文章create方法,具体代码如下
    //get.admin/article/create 添加文章public function create(){ $data = (new Category)->tree(); return view('admin.article.add',compact;}
    
  • 后台文章添加缩略图上传之uploadify插件引入的详细步骤

    • 将下载好的uploadify插件的文件夹拷贝到resources下的org
    • 修改resources下的views下的admin下的article下的add.blade.php文件中的缩略图部分的代码,具体代码如下
    <th>缩略图:</th> <td> <input type="text" size="50" name="art_thumb"> <input name="file_upload" type="file" multiple="true"> <script src="{{asset('resources/org/uploadify/jquery.uploadify.min.js')}}" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="{{asset('resources/org/uploadify/uploadify.css')}}"> <script type="text/javascript"> <?php $timestamp = time();?> $(function() { $('#file_upload').uploadify({ 'buttonText' : '图片上传', 'formData' : { 'timestamp' : '<?php echo $timestamp;?>', '_token' : "{{csrf_token()}}" }, 'swf' : "{{asset('resources/org/uploadify/uploadify.swf')}}", 'uploader' : "{{url('admin/upload')}}" }); }); </script> <style> .uploadify{display:inline-block;} .uploadify-button{border:none; border-radius:5px; margin-top:8px;} table.add_tab tr td span.uploadify-button-text{color: #FFF; margin:0;} </style> </td>
    
  • 后台文章添加缩略图上传之文件存储的详步骤

    • 修改commonController.php中的upload方法,具体代码如下
    //图片上传public function upload(){ $file = Input::file('Filedata'); if ($file -> isValid { $entension = $file -> getClientOriginalExtension(); // 上传文件的后缀 $newName = date.mt_rand.'.'.$entension; // 上传文件的路径 $path = $file -> move(base_path().'/uploads',$newName); $filepath = 'uploads/'.$newName; return $filepath; }}
    
    • 修改resources下的views下的admin下的article下的add.blade.php文件中的缩略图部分的代码,具体代码如下
    <tr> <th>缩略图:</th> <td> <input type="text" size="50" name="art_thumb"> <input name="file_upload" type="file" multiple="true"> <script src="{{asset('resources/org/uploadify/jquery.uploadify.min.js')}}" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="{{asset('resources/org/uploadify/uploadify.css')}}"> <script type="text/javascript"> <?php $timestamp = time();?> $(function() { $('#file_upload').uploadify({ 'buttonText' : '图片上传', 'formData' : { 'timestamp' : '<?php echo $timestamp;?>', '_token' : "{{csrf_token()}}" }, 'swf' : "{{asset('resources/org/uploadify/uploadify.swf')}}", 'uploader' : "{{url('admin/upload')}}", 'onUploadSuccess' : function(file, data, response) { $('input[name=art_thumb]').val; $('#art_thumb_img').attr('src','/' data); } }); }); </script> <style> .uploadify{display:inline-block;} .uploadify-button{border:none; border-radius:5px; margin-top:8px;} table.add_tab tr td span.uploadify-button-text{color: #FFF; margin:0;} </style> </td></tr>
    
  • 后台文章添加数据及Validation验证的详细步骤

    • 使用命令php artisan make:mode Article创建文章模型
    • 修改文章模型的命名空间并添加相应的属性
    • ArticleController.php文章控制器中添加添加文章提交的方法store,具体代码如下
    //post.admin/article 添加文章提交public function store(){ $input = Input::except; $input['art_time'] = time(); $rules = [ 'art_title'=>'required', 'art_content'=>'required', ]; $message = [ 'art_title.required'=>'文章名称不能为空!', 'art_content.required'=>'文章内容不能为空!', ]; $validator = Validator::make($input,$rules,$message); if($validator->passes{ $re = Article::create; if{ return redirect('admin/article'); }else{ return back()->with('errors','数据填充失败,请稍后重试!'); } }else{ return back()->withErrors($validator); }}
    
  • 后台文章页列表展示及分页功能实现的详细步骤

    • ArticleController.php文章控制器中修改全部文章列表的方法index,具体代码如下
    //get.admin/article 全部文章列表public function index(){ $data = Article::orderBy('art_id','desc')->paginate; return view('admin.article.index',compact;}
    
    • 将视图模板中的list.html拷贝到article下并重新命名为为index.blade.php,并利用admin.blade.php重新调整代码结构,其中form表单中和样式布局的具体代码如下
    <form action="#" method="post"> <div > <!--快捷导航 开始--> <div > <h3>文章列表</h3> </div> <div > <div > <a href="{{url('admin/article/create')}}"><i ></i>添加文章</a> <a href="{{url('admin/article')}}"><i ></i>全部文章</a> </div> </div> <!--快捷导航 结束--> </div> <div > <div > <table > <tr> <th >ID</th> <th>标题</th> <th>点击</th> <th>编辑</th> <th>发布时间</th> <th>操作</th> </tr> @foreach($data as $v) <tr> <td >{{$v->art_id}}</td> <td> <a href="#">{{$v->art_title}}</a> </td> <td>{{$v->art_view}}</td> <td>{{$v->art_editor}}</td> <td>{{date('Y-m-d',$v->art_time)}}</td> <td> <a href="{{url('admin/article/'.$v->art_id.'/edit')}}">修改</a> <a href="javascript:;" onclick="delArt({{$v->art_id}})">删除</a> </td> </tr> @endforeach </table> <div > {{$data->links()}} </div> </div> </div></form><style> .result_content ul li span { font-size: 15px; padding: 6px 12px; }</style>
    
  • 后台文章编辑的详细步骤

    • ArticleController.php文章控制器中添加编辑文章列表的方法edit,具体代码如下
    //get.admin/article/{article}/edit 编辑文章public function edit{ $data = (new Category)->tree(); $field = Article::find; return view('admin.article.edit',compact('data','field'));}
    
    • 拷贝视图模板article下的add.blade.php并重新命名为为edit.blade.php,并利用admin.blade.php重新调整代码结构,其中form表单中和样式布局的具体代码如下
    <form action="{{url('admin/article/'.$field->art_id)}}" method="post"> <input type="hidden" name="_method" value="put"> {{csrf_field()}} <table > <tbody> <tr> <th width="120">分类:</th> <td> <select name="cate_id"> @foreach($data as $d) <option value="{{$d->cate_id}}" @if($field->cate_id==$d->cate_id) selected @endif >{{$d->_cate_name}}</option> @endforeach </select> </td> </tr> <tr> <th><i >*</i> 文章标题:</th> <td> <input type="text" name="art_title" value="{{$field->art_title}}"> </td> </tr> <tr> <th>编辑:</th> <td> <input type="text" name="art_editor" value="{{$field->art_editor}}"> </td> </tr> <tr> <th>缩略图:</th> <td> <input type="text" size="50" name="art_thumb" value="{{$field->art_thumb}}"> <input name="file_upload" type="file" multiple="true"> <script src="{{asset('resources/org/uploadify/jquery.uploadify.min.js')}}" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="{{asset('resources/org/uploadify/uploadify.css')}}"> <script type="text/javascript"> <?php $timestamp = time();?> $(function() { $('#file_upload').uploadify({ 'buttonText' : '图片上传', 'formData' : { 'timestamp' : '<?php echo $timestamp;?>', '_token' : "{{csrf_token()}}" }, 'swf' : "{{asset('resources/org/uploadify/uploadify.swf')}}", 'uploader' : "{{url('admin/upload')}}", 'onUploadSuccess' : function(file, data, response) { $('input[name=art_thumb]').val; $('#art_thumb_img').attr('src','/blog/' data);
    

注意:具体图片可以自行改动

// alert;});</script><style>.uploadify{display:inline-block;}.uploadify-button{border:none; border-radius:5px; margin-top:8px;}table.add_tab tr td span.uploadify-button-text{color: #FFF; margin:0;}</style></td></tr><tr><th></th><td><img alt="" style="max-width: 350px; max-height:100px;" src="/blog/{{$field->art_thumb}}"></td></tr><tr><th>关键词:</th><td><input type="text" name="art_tag" value="{{$field->art_tag}}"></td></tr><tr><th>描述:</th><td><textarea name="art_description">{{$field->art_description}}</textarea></td></tr>

(3)game.js文件代码

 <tr> <th>文章内容:</th> <td> <script type="text/javascript" charset="utf-8" src="{{asset('resources/org/ueditor/ueditor.config.js')}}"></script> <script type="text/javascript" charset="utf-8" src="{{asset('resources/org/ueditor/ueditor.all.min.js')}}"> </script> <script type="text/javascript" charset="utf-8" src="{{asset('resources/org/ueditor/lang/zh-cn/zh-cn.js')}}"></script> <script name="art_content" type="text/plain" style="width:860px;height:500px;">{!! $field->art_content !!}</script> <script type="text/javascript"> var ue = UE.getEditor; </script> <style> .edui-default{line-height: 28px;} div.edui-combox-body,div.edui-button-body,div.edui-splitbutton-body {overflow: hidden; height:20px;} div.edui-box{overflow: hidden; height:22px;} </style> </td> </tr> <tr> <th></th> <td> <input type="submit" value="提交"> <input type="button" onclick="history.go" value="返回"> </td> </tr> </tbody> </table></form>```* 将视图模板`article`下的`index.blade.php`中修改的链接改为`<a href="{{url('admin/article/'.$v->art_id.'/edit')}}">修改</a>`* 在`ArticleController.php`文章控制器中添加编辑文章列表的方法`update`,具体代码如下```objc//put.admin/article/{article} 更新文章public function update{ $input = Input::except('_token','_method'); $re = Article::where('art_id',$art_id)->update; if{ return redirect('admin/article'); }else{ return back()->with('errors','文章更新失败,请稍后重试!'); }}```

皇牌天下投注网 2皇牌天下投注网 3

  • 后台文章删除的详细步骤

    • ArticleController.php文章控制器中添加编辑文章列表的方法destroy,具体代码如下
    //delete.admin/article/{article} 删除单个文章public function destroy{ $re = Article::where('art_id',$art_id)->delete(); if{ $data = [ 'status' => 0, 'msg' => '文章删除成功!', ]; }else{ $data = [ 'status' => 1, 'msg' => '文章删除失败,请稍后重试!', ]; } return $data;}
    
    • 在视图模板article下的index.blade.php添加删除确认的弹框,具体代码如下
    <script> //删除分类 function delArt { layer.confirm('您确定要删除这篇文章吗?', { btn: ['确定','取消'] //按钮 }, function(){ $.post("{{url('admin/article/')}}/" art_id,{'_method':'delete','_token':"{{csrf_token()}}"},function  { if(data.status==0){ location.href = location.href; layer.msg(data.msg, {icon: 6}); }else{ layer.msg(data.msg, {icon: 5}); } });
    

本文由皇牌天下投注网发布于计算机教程,转载请注明出处:JS贪吃蛇小游戏

关键词:

最火资讯