小清新博客网站,网站seo查询站长之家,上海网络推广,云南建设网官方网站一 : 删除没有单独的页面,在列表页面写
二 : 删除在列表的页面 1.删除(单/双)的按钮 ① : 在列表文档就绪函数的ajax里面,成功回调函数追加数据里写删除按钮 注意点 : 删除/修改/回显都是根据id来的,记得传id ② : 批删给批删按钮,定义批删的方法 one : 示例(单删) : //循环追…一 : 删除没有单独的页面,在列表页面写
二 : 删除在列表的页面 1.删除(单/双)的按钮 ① : 在列表文档就绪函数的ajax里面,成功回调函数追加数据里写删除按钮 注意点 : 删除/修改/回显都是根据id来的,记得传id ② : 批删给批删按钮,定义批删的方法 one : 示例(单删) : //循环追加表数据for (let x of arr) {$(#table).append(trtdinput typecheckbox classck value\${x.userId}/tdtd\${x.userId}/tdtd\${x.userName}/tdtd\${x.userState0?启用:禁用}/tdtdimg src/file/showImg?imgUrl\${x.imgUrl} alt height100 width75/tdtd\${x.userDel}/tdtd\${x.userTime}/tdtdinput typebutton value删除 onclickdelOne(\${x.userId})input typebutton value修改 onclickuserUpd(\${x.userId})/td/tr)} tow : 示例(批删按钮) %--批删按钮--%
input typebutton value批删 onclickdelAll() 2.给(单删)绑定js事件 ① : 先判断 ② : 添加友情提示 : 弹出确认删除的警告框 ③ : ajax 删除走的是路径传参,不用写请求方式,传id 删除成功走200,刷新,回列表页面 示例 : /*** 单删*/function delOne(userId) {//判断if (!userId){alert(请先输入)//结束return}if (confirm(确定要删除吗)){//ajax$.ajax({url:/user/userDel?userIduserId,type:post,dataType: json,success(res) {console.log(res)if (res200){//刷新location.reload()alert(删除成功)//跳转页面location.hreflist.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 sqlUPDATE t_user SET user_del1 WHERE user_id? ;//打印System.out.println(sql);//执行sqlbaseUpdate(sql,userId);} ② : 批删的sql语句 /*** 删除* param userId*/Overridepublic void userDel(String userId) {//定义sqlString sqlUPDATE t_user SET user_del1 WHERE user_id in (userId) ;//打印System.out.println(sql);//执行sqlbaseUpdate(sql);}
