项目搭建+删除(单/批)

一 : 删除没有单独的页面,在列表页面写

二 : 删除在列表的页面

1.删除(单/双)的按钮

        ① : 在列表文档就绪函数的ajax里面,成功回调函数追加数据里写删除按钮

                注意点 : 删除/修改/回显都是根据id来的,记得传id

        ② : 批删给批删按钮,定义批删的方法

one : 示例(单删) : 

//循环追加表数据for (let x of arr) {$("#table").append(`<tr><td><input type="checkbox" class="ck" value="\${x.userId}"></td><td>\${x.userId}</td><td>\${x.userName}</td><td>\${x.userState==0?'启用':'禁用'}</td><td><img src="/file/showImg?imgUrl=\${x.imgUrl}" alt="" height="100" width="75"></td><td>\${x.userDel}</td><td>\${x.userTime}</td><td><input type="button" value="删除" onclick="delOne(\${x.userId})"><input type="button" value="修改" onclick="userUpd(\${x.userId})"></td>/tr>`)}

tow : 示例(批删按钮)

<%--批删按钮--%>
<input type="button" value="批删" onclick="delAll()">

2.给(单删)绑定js事件

        ① : 先判断

        ② : 添加友情提示 : 弹出确认删除的警告框

        ③ : ajax

                        删除走的是路径传参,不用写请求方式,传id

                        删除成功走200,刷新,回列表页面

示例 : 

/*** 单删*/function delOne(userId) {//判断if (!userId){alert("请先输入")//结束return}if (confirm("确定要删除吗")){//ajax$.ajax({url:"/user/userDel?userId="+userId,type:"post",dataType: "json",success(res) {console.log(res)if (res===200){//刷新location.reload()alert("删除成功")//跳转页面location.href="list.jsp"}}})}}

3.给(批删)写js事件

        ① : 定义数组

        ② : 获取选中的复选框

        ③ : 获取选中复选框的值

        ④ : 添加进数组里

        ⑤ : 将数组转换成字符串

        ⑥ : 调用单删的方法

//批删function delAll() {//定义数组let arr=[];//获取选中的复选框$(".ck:checked").each(function () {//获取被选中的复选框的值let userId =$(this).val()//添加进数组里arr.push(userId)})//将数组转字符串let s = arr.join(",");//调用单删除方法delOne(s)}

4.全选/全不选

//全选/全不选$(document).on('click',"#check",function () {$('.ck').prop("checked",this.checked)})

 三 : 删除的Controller

1. 接参 : 接路径传参传过来的id

2. 传给service 带着id传过去

3. 响应 200

        注意点 : 单删/批删走一个Controller,写一个就可以了

示例 : 

/*** 删除*/protected void userDel(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//接参String userId = req.getParameter("userId");//传给serviceservice.userDel(userId);//响应resp.getWriter().println(JSONObject.toJSONString(200));}

四 : 删除service层

1.调用dao层方法,处理返回值 (单/批走一个service)

/*** 删除* @param userId*/@Overridepublic void userDel(String userId) {//调用方法userDao.userDel(userId);}

五 : dao层

1.定义sql    2.执行sql

                ① : 单删的sql语句

/*** 删除* @param userId*/@Overridepublic void userDel(String userId) {//定义sql  in ("+userId+") String sql="UPDATE t_user SET user_del=1 WHERE user_id=? ";//打印System.out.println(sql);//执行sqlbaseUpdate(sql,userId);}

                ② : 批删的sql语句

/*** 删除* @param userId*/@Overridepublic void userDel(String userId) {//定义sqlString sql="UPDATE t_user SET user_del=1 WHERE user_id in ("+userId+") ";//打印System.out.println(sql);//执行sqlbaseUpdate(sql);}