产品模块的添加,修改和删除

Original 2018-12-05 15:30:02 337
abstract:/********************* Product.php 产品控制器 *************************/ <?php namespace app\admin\controller; use app\admin\controller\Common; use app\admin\model\Product
/********************* Product.php 产品控制器 *************************/
<?php
namespace app\admin\controller;

use app\admin\controller\Common;
use app\admin\model\ProductModel;
use think\facade\Request;
use think\facade\Session;

class Product extends Common
{
    public function index()
    {
        //实例化模型
        $product = new ProductModel();
        //查询数据并按照id进行排序每页八条数据
        $products = $product->order('id','desc')->paginate(2);
        //将数据赋值给模板
        $this->view->products = $products;

        //渲染产品列表
        return $this->fetch();
    }

    public function add()
    {
        //渲染产品添加界面
        return $this->fetch();
    }

    public function upload()
    {
        //获取上传图片的信息
        $file = Request::file('img');
        //验证图片并移动到指定目录
        if($info = $file->validate(['ext'=>'jpg,jpeg,png,gif'])->move('upload')){
            //返回上传成功的提示信息
            return json(['errno'=>0,'data'=>['/upload/'.$info->getSaveName()]]);
        }else{
            //返回上传失败的提示信息
            return $file->getError();
        }
    }


    public function DoAdd()
    {
        //获取提交出来的数据
        $data = Request::param();
        //将产品名独立出来
        $title = $data['title'];
        //利用产品名作为查询条件查询对应的数据
        $info = ProductModel::where('title',$title)->find();
        //判断是否查询到相同的产品名称
        if($info == true){
            //返回提示信息
            return ['res'=>0,'msg'=>'产品标题重复!'];
        }
        //加入添加时间
        $data['time'] = time();
        //添加发布管理员
        $data['username'] = Session::get('username');
        //实例化模型
        $product = new ProductModel();
        //进行添加并验证
        if($product->save($data)){
            //返回提示信息
            return ['res'=>1,'msg'=>'发布成功!'];
        }else{
            //返回提示信息
            return ['res'=>0,'msg'=>'发布失败!'];
        }
    }

    public function edit()
    {
        $proId = Request::param('id');
        $product = ProductModel::get($proId);
        $this->view->product = $product;

        //渲染产品修改页面
        return $this->fetch();

    }
    public function DoEdit()
    {
        //获取提交过来的数据
        $data = Request::param();
        $product = new ProductModel();
        $data['time'] = time();
        $data['username'] = Session::get('username');
        $info = $product->save([
            'title'=>$data['title'],
            'desc'=>$data['desc'],
            'content'=>$data['content'],
            'once'=>$data['once'],
            'over_night'=>$data['over_night'],
            'time'=>$data['time'],
            'username'=>$data['username'],
        ],['id'=>$data['id']]);
        if($info){
            return ['res'=>1,'msg'=>'更新成功!'];
        }else{
            return ['res'=>0,'msg'=>'更新失败!'];
        }
    }
    public function del()
    {
        //获取需要删除的新闻id
        $productId = Request::param('id');

        //实例化模型
        $product = new ProductModel();

        //删除并验证
        if($product->destroy($productId)){
            //返回提示信息
            return ['res'=>1,'msg'=>'删除成功!'];
        }else{
            //返回提示信息
            return ['res'=>0,'msg'=>'删除失败!'];
        }

    }

}
/********************** add.html 添加页面 **********************/
{include file="public/head" /}

<body>
<div class="x-body">
    <form class="layui-form">
        <div class="layui-form-item">
            <label for="title" class="layui-form-label">
                <span class="x-red">*</span>新闻标题
            </label>
            <div class="layui-input-inline">
                <input type="text" id="title" name="title" required="" lay-verify="required"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="sort" class="layui-form-label">
                <span class="x-red">*</span>产品分类
            </label>
            <div class="layui-input-inline">
                <select id="sort" name="sort" class="valid">
                    <option value="1">热门产品</option>
                </select>
            </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 layui-form-text">
            <label for="desc" class="layui-form-label">
                内容
            </label>
            <div class="layui-input-block" id="editor">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="once" class="layui-form-label">
                <span class="x-red">*</span>一次价格
            </label>
            <div class="layui-input-inline">
                <input type="text" id="once" name="once" required="" lay-verify="required"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="over_night" class="layui-form-label">
                <span class="x-red">*</span>一夜价格
            </label>
            <div class="layui-input-inline">
                <input type="text" id="over_night" name="over_night" required="" lay-verify="required"
                       autocomplete="off" class="layui-input">
            </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 type="text/javascript" src="__ADMIN__/js/wangEditor.js"></script>
<script>
    layui.use(['form','layer'], function(){
        $ = layui.jquery;
        var form = layui.form
            ,layer = layui.layer;

        //配置wangEditor富文本编辑器
        ////将要用到的对象添加到全局
        var E = window.wangEditor

        //生成editor对象
        var editor = new E('#editor')

        //设置图片上传的控件名称:类似于input的name属性,供接口获取图片信息使用
        editor.customConfig.uploadFileName = 'img'

        //设置服务上的图片上传处理接口脚本
        editor.customConfig.uploadImgServer = '{:url("upload")}'

        //创建出富文件编辑器
        editor.create()

        //自定义验证规则
        form.verify({
            nikename: function(value){
                if(value.length < 5){
                    return '产品标题至少得5个字符啊';
                }
            }
            ,pass: [/(.+){6,12}$/, '密码必须6到12位']
            ,repass: function(value){
                if($('#L_pass').val()!=$('#L_repass').val()){
                    return '两次密码不一致';
                }
            }
        });

        //监听提交
        form.on('submit(add)', function(data){
            console.log(data);
            //发异步,把数据提交给php
            $.post('{:url(\'DoAdd\')}',{
                'title':$('#title').val(),
                'sort':$('#sort').val(),
                'desc':$('#desc').val(),
                'once':$('#once').val(),
                'over_night':$('#over_night').val(),
                'content':editor.txt.html(),
            },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>

/**************************  edit.html 修改页面  *************************/
{include file="public/head" /}

<body>
<div class="x-body">
    <form class="layui-form">
        <div class="layui-form-item">
            <label for="title" class="layui-form-label">
                <span class="x-red">*</span>产品标题
            </label>
            <div class="layui-input-inline">
                <input type="text" id="title" name="title" value="{$product.title}" required="" lay-verify="required"
                       autocomplete="off" class="layui-input">
                <input type="hidden" id="id" name="id" value="{$product.id}">
            </div>
        </div>
        <!--<div class="layui-form-item">-->
            <!--<label for="username" class="layui-form-label">-->
                <!--<span class="x-red">*</span>产品分类-->
            <!--</label>-->
            <!--<div class="layui-input-inline">-->
                <!--<select id="shipping" name="shipping" class="valid">-->
                    <!--<option value="shentong">热门产品</option>-->
                <!--</select>-->
            <!--</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">{$product.desc}</textarea>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label for="desc" class="layui-form-label">
                内容
            </label>
            <div class="layui-input-block" id="editor">
                {:htmlspecialchars_decode($product.content)}
            </div>
        </div>

        <div class="layui-form-item">
            <label for="once" class="layui-form-label">
                <span class="x-red">*</span>一次价格
            </label>
            <div class="layui-input-inline">
                <input type="text" id="once" name="once" value="{$product.once}" required="" lay-verify="required"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="over_night" class="layui-form-label">
                <span class="x-red">*</span>一夜价格
            </label>
            <div class="layui-input-inline">
                <input type="text" id="over_night" name="over_night" value="{$product.over_night}" required="" lay-verify="required"
                       autocomplete="off" class="layui-input">
            </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 type="text/javascript" src="__ADMIN__/js/wangEditor.js"></script>
<script>
    layui.use(['form','layer'], function(){
        $ = layui.jquery;
        var form = layui.form
            ,layer = layui.layer;

        //配置wangEditor富文本编辑器
        ////将要用到的对象添加到全局
        var E = window.wangEditor

        //生成editor对象
        var editor = new E('#editor')

        //设置图片上传的控件名称:类似于input的name属性,供接口获取图片信息使用
        editor.customConfig.uploadFileName = 'img'

        //设置服务上的图片上传处理接口脚本
        editor.customConfig.uploadImgServer = '{:url("upload")}'

        //创建出富文件编辑器
        editor.create()

        //自定义验证规则
        form.verify({
            nikename: function(value){
                if(value.length < 5){
                    return '产品标题至少得5个字符啊';
                }
            }
            ,pass: [/(.+){6,12}$/, '密码必须6到12位']
            ,repass: function(value){
                if($('#L_pass').val()!=$('#L_repass').val()){
                    return '两次密码不一致';
                }
            }
        });

        //监听提交
        form.on('submit(add)', function(data){
            console.log(data);
            //发异步,把数据提交给php
            $.post('{:url(\'DoEdit\')}',{
                'id':$('#id').val(),
                'title':$('#title').val(),
                'desc':$('#desc').val(),
                'content':editor.txt.html(),
                'once':$('#once').val(),
                'over_night':$('#over_night').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>


Correcting teacher:天蓬老师Correction time:2018-12-05 15:38:59
Teacher's summary:每页8条数据,在pageinate()中的参数传的是2?

Release Notes

Popular Entries