摘要：控制器代码<?php namespace app\admin\controller; use app\admin\controller\Common; use app\admin\model\ProductModel; use app\admin\model\ProductPicModel; use think\facade\Request;
控制器代码
<?php namespace app\admin\controller; use app\admin\controller\Common; use app\admin\model\ProductModel; use app\admin\model\ProductPicModel; use think\facade\Request; use think\facade\Session; /** * */ class ProductPic extends Common { public function index(ProductPicModel $productPic){ $pics=$productPic->order('id','desc')->paginate(6); //新闻缩略图列表 $count = $productPic->count(1); $this->view->pics=$pics; $this->view->count=$count; return $this->view->fetch(); } public function add(ProductModel $product){ $product=ProductModel::all(); $this->view->product=$product; //添加缩略图 return $this->view->fetch(); } 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 DoAdd(ProductPicModel $productPic){ //获取提交的信息 $data=Request::param(); $data['time']=time(); $data['username']=Session::get('username'); if ($productPic->save($data)) { return ['res'=>1,'msg'=>'发布成功！']; }else{ return ['res'=>0,'msg'=>'发布失败！']; } } public function del(ProductPicModel $productPic){ $picId=Request::param('id'); if($productPic->destroy($picId)){ 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(\'ProductPic/add\')}')"><i class="layui-icon"></i>添加</button> <span class="x-right" style="line-height:40px">共有数据：{$count} 条</span> </xblock> <table class="layui-table"> <thead> <tr> <th>图片ID</th> <th>所属产品</th> <th>产品图片</th> <th>发布管理员</th> <th>发布日期</th> <th >操作</th> </tr> </thead> <tbody> {volist name='pics' id='pic'} <tr> <td>{$pic.id}</td> <td>{:GetProduct($pic.product_id)}</td> <td><img src="{$pic.pic}"></td> <td>{$pic.username}</td> <td>{$pic.time|date='Y-m-d H:s:i'}</td> <td class="td-manage"> <a title="删除" onclick="member_del(this,'{$pic.id}')" href="javascript:;"> <i class="layui-icon"></i> </a> </td> </tr> {/volist} </tbody> </table> <div class="page"> </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(data.msg,{icon:1,time:1000}); }); } </script> </body> </html>4.视图中add.html代码
4.
{include file="/public/header"} <body> <div class="x-body"> <form class="layui-form"> <div class="layui-form-item"> <label for="sort" class="layui-form-label"> <span class="x-red">*</span>选择产品 </label> <div class="layui-input-inline"> <select name="product_id" id="product_id"> {volist name="product" id="products"} <option value="{$products.id}">{$products.title}</option> {/volist} </select> </div> </div> <div class="layui-form-item"> <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="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; var $ = layui.jquery, 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="pic" id="pic" value="'+res.data +'" />') } }); //监听提交 form.on('submit(add)', function(data){ console.log(data); //发异步，把数据提交给php $.post('{:url("DoAdd")}',{ 'product_id':$('#product_id').val(), 'pic':$('#pic').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>5.截图
批改老师：韦小宝批改时间：2018-11-15 09:04:15
老师总结：一如既往写的很不错！每次的代码都很完整！项目都快写完了吧！继续加油吧！！
