摘要：控制器代码：<?php namespace app\admin\controller; use app\admin\controller\Common; use app\admin\model\SlideModel; use think\facade\Request; use think\facade\Session; class
控制器代码：
<?php namespace app\admin\controller; use app\admin\controller\Common; use app\admin\model\SlideModel; use think\facade\Request; use think\facade\Session; class Slide extends Common { public function index(SlideModel $slide){ $data=$slide->order('id','desc')->paginate(4); $count = $slide->count(1); $this->view->data=$data; $this->view->count = $count; //渲染模板 return $this->fetch(); } public function add(){ //渲染模板 return $this->fetch(); } public function DoAdd(SlideModel $slide){ $data=Request::param(); $data['time']=time(); $data['username']=Session::get('username'); if($slide->save($data)){ return ['res'=>1,'msg'=>'添加成功！']; }else{ return ['res'=>0,'msg'=>'添加失败！']; } } public function upload(){ $file=Request::file('file'); if ($info=$file->validate(['ext'=>'jpg,jpeg,png,gif'])->move('upload')) { $fileName='/upload/'.$info->getSaveName(); return json([1,'上传成功','data'=>$fileName]); }else{ return $file->getError(); } } public function del(SlideModel $slide){ $slideId=Request::param('id'); if($slide->destroy($slideId)){ return ['res'=>1,'msg'=>'删除成功']; }else{ return ['res'=>0,'msg'=>'删除失败']; } } } ?>3.视图中index.html代码
{include file="/public/header"} <body> <div class="x-nav"> <span class="layui-breadcrumb"> <a href="">首页</a> <a href="">演示</a> <a> <cite>导航元素</cite></a> </span> <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新"> <i class="layui-icon" style="line-height:30px">ဂ</i></a> </div> <div class="x-body"> <xblock> <button class="layui-btn" onclick="x_admin_show('添加用户','{:url(\'add\')}')"><i class="layui-icon"></i>添加</button> <span class="x-right" style="line-height:40px">共有数据：{$count} 条</span> </xblock> <table class="layui-table layui-form"> <thead> <tr> <th width="70">轮播图ID</th> <th>轮播图</th> <th width="200">轮播图说明</th> <th width="200">管理员</th> <th width="200">发布时间</th> <th width="200">操作</th> </thead> <tbody> {volist name='data' id='datas'} <tr> <td>{$datas.id}</td> <td> <img src="{$datas.pic}"> </td> <td>{$datas.desc}</td> <td>{$datas.username}</td> <td>{$datas.time|date='Y-m-d H:i:s'}</td> <td class="td-manage"> <button class="layui-btn-danger layui-btn layui-btn-xs" onclick="member_del(this,'{$datas.id}')" href="javascript:;"><i class="layui-icon"></i>删除 </button> </td> </tr> {/volist} </tbody> </table> <div class="page"> <div> </div> </div> </div> <script> layui.use('laydate', function(){ var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#start' //指定元素 }); //执行一个laydate实例 laydate.render({ elem: '#end' //指定元素 }); }); /*用户-删除*/ function member_del(obj,id){ layer.confirm('确认要删除吗？',function(index){ //发异步删除数据 $.get('{:url("del")}','id='+id,function(data){ if (data.res==1) { $(obj).parents("tr").remove(); layer.msg(data.msg,{icon:1,time:1000});} }) $(obj).parents("tr").remove(); layer.msg('已删除!',{icon:1,time:1000}); }); } </script> </body> </html>4.视图中add.html代码
{include file="/public/header"} <body> <div class="x-body"> <form class="layui-form"> <div> <label class="layui-form-label">轮播图</label> <div class="layui-input-block"> <button type="button" class="layui-btn" id="upload" >图片上传</button> <div class="layui-upload-list" id="thumbnail"></div> </div> </div> <div class="layui-form-item"> <label for="desc" class="layui-form-label"> <span class="x-red">*</span>轮播图说明 </label> <div class="layui-input-inline"> <textarea placeholder="请输入内容" id="desc" name="desc" class="layui-textarea"></textarea> </div> </div> <div class="layui-form-item"> <label for="L_repass" class="layui-form-label"> </label> <button class="layui-btn" lay-filter="add" lay-submit=""> 增加 </button> </div> </form> </div> <script src="__ADMIN__/lib/layui/layui.js"></script> <script> layui.use(['form', 'layer','upload'], function () { $ = layui.jquery; var form = layui.form , layer = layui.layer, upload = layui.upload; upload.render({ elem: '#upload', url: "{:url('upload')}", multiple: true, before: function(obj){ //预读本地文件示例，不支持ie8 obj.preview(function(index, file, result){ $('#thumbnail').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">') }); }, done: function(res){ //上传完毕 $('#thumbnail').append('<input type="hidden" name="slide_pic" id="slide_pic" value="'+res.data +'" />') } }); //监听提交 form.on('submit(add)', function(data){ console.log(data); //发异步，把数据提交给php $.post('{:url("DoAdd")}',{ 'pic':$('#slide_pic').val(), 'desc':$('#desc').val(), },function (data){ if(data.res == 1){ layer.alert(data.msg, {icon: 6},function () { // 获得frame索引 var index = parent.layer.getFrameIndex(window.name); //关闭当前frame parent.layer.close(index); }); }else{ layer.alert(data.msg, {icon: 6},function () { // 获得frame索引 var index = parent.layer.getFrameIndex(window.name); //关闭当前frame parent.layer.close(index); }); } }) return false; }); }); </script> </body> </html>
批改老师：韦小宝批改时间：2018-11-16 13:58:33
老师总结：这是要写完了啊！不错啊！不要骄傲！继续加油吧！！！
