ThinkPHP5实现答题管理系统(二)

简介: 好的,现在我们来实现删除题目模板的功能,删除功能不难做,主要我们这次实现的是批量删除功能。一.思路整理首先我们删除模板是根据模板的id来删除的,不管是单项删除还是批量删除,我们这里使用layui获取当前行的功能就能获取模板的id其次不管单项删除还是批量删除,只要将id放入数组中,后端对数组进行遍历,就能达到单项删除/批量删除二.代码实现思路实现以后,我们上代码。

好的,现在我们来实现删除题目模板的功能,删除功能不难做,主要我们这次实现的是批量删除功能。

一.思路整理

首先我们删除模板是根据模板的id来删除的,不管是单项删除还是批量删除,我们这里使用layui获取当前行的功能就能获取模板的id

其次不管单项删除还是批量删除,只要将id放入数组中,后端对数组进行遍历,就能达到单项删除/批量删除

二.代码实现

思路实现以后,我们上代码。

View层:

 var id_array = []; //获取选中行
            // 获取选中行 这里我们可以选择删除 这里的id_array是一个隐藏的值 device对应device_id user对应code survry对应model_id
            table.on('checkbox(test)', function(obj) { //监听复选框
                if (obj.type == 'all') {
                    if (obj.checked == true) {
                        var data = table.cache.dataCheck; //批量操作的表格复选框
                        id_array = [];
                        for (var l = 0; l < data.length; l++) {
                            id_array.push(data[l].model_id);
                        }
                        console.log(id_array);
                    } else {
                        id_array = [];
                    }
                } else {
                    if (obj.checked == true) {
                        id_array.push(obj.data.model_id);
                        console.log(id_array);
                    } else {
                        var index = id_array.indexOf(obj.data.model_id);
                        id_array.splice(index, 1);
                        console.log(id_array);
                    }
                }
            });

            $('#btn-delete-all').click(function() { //删除全部通过一个获取选中行的值,来删除
                layer.confirm('您确定要删除这些数据吗?', function(index) {
                    //打开正在加载中弹出层
                    layer.msg('加载中', {
                        icon: 16,
                        shade: 0.01,
                        time: '9999999'
                    });
                    var url = "{:url('survey/del_model')}";
                    var data = {
                        model_id: id_array //这里将当前的model_id传到后端
                    }
                    $.post(url, data, function(data) {
                        layer.close(layer.index); //关闭正在加载中弹出层
                        console.log(id_array);
                        if (data.code == 1) {
                            layer.msg(data.msg, {
                                icon: 6
                            });
                            location.reload();
                        } else {
                            layer.msg(data.msg, {
                                icon: 5
                            });
                        }
                    }, "json");
                });

            });

首先对数据表格进行监听,如果数据表格的当前行被选中,则往id_array数组中push一个id,有多少个,push多少个,而后我们将数组用ajax上传,键名为model_id.

Controller层:

    //删除
    public function del_model()
    {
        //我们将选中行的id_array赋给了device_id /a时进行批量操作的 是进行批量删除的
        $model_id = input('post.model_id/a');
        if (empty($model_id)) {
            returnjson([3, 'warning', '']);
        }
        $str_device_id = implode(',', $model_id);//将数组分割为字符串
        $where['model_id'] = array('in', $str_device_id);
        $is_answer = db('psg_qsn_r')->where($where)->select();
        if (!empty($is_answer)) {
            returnjson([2, '抱歉,这份题被人答过了,无法删除', $model_id]);
        }
        $del_res = db('qsn_model')->where($where)->delete();
        if ($del_res) {
            returnjson([1, 'succes', $model_id]);
        } else {
            returnjson([2, 'fail', $model_id]);
        }
    }

这里进行说明一下,ThinkPHP对数组上传,要加入/a进行识别,表明为数组,这里对数组进行了非空判断,以及用implode()函数将数组分割为字符串,进行批量查询,如果题目被人答过了,返回回答过,如果没有被答过题,就删除题目。

我们来试验一下。


img_aaf25921d88f73856d704c481b9e701d.gif
1.gif

成功啦,下一节我们讲对应某一套题目模板下的题目的增删。

相关文章
|
5月前
|
移动开发
订水商城H5实战教程-01需求分析
订水商城H5实战教程-01需求分析
|
小程序 数据安全/隐私保护
点餐小程序实战教程01需求分析
点餐小程序实战教程01需求分析
|
4月前
|
PHP
Thinkphp校园新闻发布系统源码 毕业设计项目实例
Thinkphp校园新闻发布系统源码 毕业设计项目实例
40 6
|
4月前
基于thinkphp5的书店管理系统学习笔记分享
基于thinkphp5的书店管理系统学习笔记分享
16 0
|
5月前
|
JavaScript 小程序 Java
订餐|网上订餐系统|基于springboot的网上订餐系统设计与实现(源码+数据库+文档)
订餐|网上订餐系统|基于springboot的网上订餐系统设计与实现(源码+数据库+文档)
127 0
|
5月前
|
小程序 JavaScript 前端开发
点餐小程序实战教程06-首页开发
点餐小程序实战教程06-首页开发
|
5月前
|
Web App开发 Java 关系型数据库
javaWeb在线考试系统
javaWeb在线考试系统
|
5月前
|
小程序 前端开发 Java
基于微信小程序的驾校报名系统设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的驾校报名系统设计与实现(源码+lw+部署文档+讲解等)
127 0
|
5月前
|
安全 关系型数据库 PHP
网上书城|基于PHP实现网上书店商城藉项目
网上书城|基于PHP实现网上书店商城藉项目
|
5月前
|
关系型数据库 MySQL 应用服务中间件
javaweb网上宠物商城管理系统分前后台(源码+数据库+开题报告+ppt+文档)
javaweb网上宠物商城管理系统分前后台(源码+数据库+开题报告+ppt+文档)