当前位置：首页 > article >正文

0415-批量删除操作

article 2026/1/22 16:40:23

关于删除的全部代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery-3.7.1.min.js"></script>
<srcipt src="js/jquery.cookie.min.js"></script>
<script src="js/student.js" defer></script>
<style type="text/css">.page{display:flex;margin-left:-40px;}.page li{list-style:none;border:1px solid #444;font-size:14px;padding:5px;cursor:pointer;margin-right:5px;}.page li.current{background:#444;color:#fff;}
</style></head>
<body>
<input type='button' value='添加'' class='add'>
<input type='button' value='批量删除' class='deteleMore'><table border='1'><thead><tr><th><input type='checkbox' class='checkAll'></th><th>id</th><th>name</th><th>age</th><th>sex</th><th>操作</th></tr></thead><tbody></tbody></table><!--<div class='addModel'>姓名:<input type='text' class='addName'><br>性别:<input type='text' class='addSex'><br>年龄:<input type='text' class='addAge'><br><input type='button' value="添加" class='addBtn'><input type='button' value="取消" class='back'></div>  --><ul class="page"></ul></body>
</html>

//查找学生
var page=1
var pageSize=6
var loadData=function(){$.ajax({url:"SearchServlett",type:"get",data:{page,pageSize},success:function(value){var arr = value.data$("tbody").empty()for(var i=0;i<arr.length;i++){$("tbody").append("<tr>"+"<th><input type='checkbox' class='delitem' index='"+arr[i].id+"'></th>"+"<td>"+arr[i].id+"</td>"+"<td>"+arr[i].name+"</td>"+"<td>"+arr[i].age+"</td>"+"<td>"+arr[i].sex+"</td>"+"<td><input type='button' value='修改 ' class='update' index='"+arr[i].id+"'>  <input type='button' value='删除'  class='delete' index='"+arr[i].id+"'> </td>"+"</tr>")}},error:function(){alert("出错啦！")},})
}
loadData()
//加载页码
$.ajax({url:"GetCountServlet",type:"get",success:function(value){$(".page").append("<li class='first'>首页</li>")$(".page").append("<li class='prev'>上一页</li>")for(var i=0;i<Math.ceil(value.num/pageSize);i++){if(i==0){$(".page").append("<li class='current item'>"+(i+1)+"</li>")}else{$(".page").append("<li class='item'>"+(i+1)+"</li>")}}$(".page").append("<li class='next'>下一页</li>")$(".page").append("<li class='last'>尾页</li>")},error:function(){alert("出错啦！")},
})
//任意页码切换
$(".page").on("click",".item",function(){//数据切换page=$(this).text()loadData()//样式切换$(this).addClass("current")$(this).siblings().removeClass("current")
})
//首页
$(".page").on("click",".first",function(){//数据切换page=1loadData()//样式切换$(".item").removeClass("current")$(".item").first().addClass("current")
})
//尾页
$(".page").on("click",".last",function(){//数据切换page=$(".item").lengthloadData()//样式切换$(".item").removeClass("current")$(".item").last().addClass("current")
})//上一页切换
$(".page").on("click",".prev",function(){if(page==1){alert("已经是第一页啦！")return}//数据切换page--loadData()//样式切换//.eq() 方法用于从匹配的元素集合中获取指定索引位置的元素$(".item").removeClass("current")$(".item").eq(page-1).addClass("current")
})//下一页切换
$(".page").on("click",".next",function(){if(page==$(".item").length){alert("已经是最后一页啦")return}//数据切换page++loadData()//样式切换$(".item").removeClass("current")$(".item").eq(page-1).addClass("current")})//批量删除
$(".deteleMore").on("click",function(){// 初始化一个空字符串，用于存储选中的id（格式如："1,2,3"）var ids="";//$(".delItem:checked")选择所有 被勾选的复选框（class为 delItem 且状态为 checked 的元素）//循环拿到index的值，// 遍历所有被选中的复选框for(var i=0;i<=$(".delitem:checked").length-1;i++){// 如果是最后一个选中的元素，不加逗号if(i==$(".delitem:checked").length-1){ids+=$(".delitem:checked").eq(i).attr("index")}else{ids+=$(".delitem:checked").eq(i).attr("index")+","}}if(ids.length==0){alert("请至少删除一项")return }//弹出确认对话框，防止误操作。if(confirm("确定删除？")){$.ajax({url:"DeteleMoreServlet",type:"post",data:{ids},success:function(value){alert(value)location.reload()},error:function(){alert("出错啦")}})}else{alert("未执行删除操作")}
})
//全选
$(".checkAll").on("click",function(){//.prop()	DOM元素的当前属性（property）	动态值（如 checked, disabled, selected）//.attr()	HTML标签的原始属性（attribute）	静态值（如 id, class, data-*）	检查全选复选框（class="checkAll"）是否被勾选if($(".checkAll").prop("checked")){// // 如果全选按钮被勾选，将所有单项复选框（class="delItem"）设置为勾选状态$(".delitem").prop("checked",true)}else{// // 如果全选按钮取消勾选，将所有单项复选框（class="delItem"）设置为未勾选状态$(".delitem").prop("checked",false)}
})
//反选
$("tbody").on("click",".delitem",function(){var flag=truefor(var i=0;i<=$(".delitem").length-1;i++){flag=flag & $(".delitem").eq(i).prop("checked")}if(flag){$(".checkAll").prop("checked",true)}else{$(".checkAll").prop("checked",false)}
})//添加小模块呈现
$(".add").click(function(){//页面跳转location.href="add.html";
})//修改小模块回显+信息在小模块复现
//未来元素:HTML里没有，在js里追加的元素 传入包含未来元素的HTML元素
$("tbody").on("click",".update",function(){$.cookie("id",$(this).attr("index"));location.href="update.html";
})
//删除
$("tbody").on("click",".delete",function(){var id = $(this).attr("index")$.ajax({url:"DeleteServlet",type:"post",data:{id},success:function(value){alert(value)location.reload()},error:function(){alert("出错啦")},})
})

package com.qc.servlet;import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.qc.db.MysqlUtil;/*** Servlet implementation class DeteleMoreServlet*/
@WebServlet("/DeteleMoreServlet")
public class DeteleMoreServlet extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public DeteleMoreServlet() {super();// TODO Auto-generated constructor stub}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubresponse.getWriter().append("Served at: ").append(request.getContextPath());}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {String ids=request.getParameter("ids");String sql="delete from student where id in("+ids+")";int num=MysqlUtil.del(sql);String res="删除失败";if(num>0) {res="删除成功";}response.setCharacterEncoding("utf-8");response.getWriter().write(res);}}

0415-批量删除操作

关于删除的全部代码： <!DOCTYPE html> <html> <head> <meta charset"UTF-8"> <title>Insert title here</title> <script src"js/jquery-3.7.1.min.js"></script> <srcipt src"js/jqu…...

编程日记 2025/12/17 11:49:22

Day08 【基于余弦相似度实现的表示型文本匹配】

基于余弦相似度实现的表示型文本匹配目标数据准备参数配置数据处理初始化方法加载数据编码句子补齐与截断重写父类两个方法采样策略加载词表和方案模型构建SentenceEncoder类SiameseNetwork类优化器配置主程序验证与评估推理预测测试结果目标本文基于给定的词表&#xff…...

编程日记 2025/11/30 3:38:34

【leetcode hot 100 72】编辑距离

解法一：递归解法二：（动态规划）①定义：dp[i][j]为word1中前i个字符转化为word2中前j个字符所需操作数;dp[m1][n1] ②初始状态：dp[0][j]j(0变为j，需要j步)，dp[i][0]i(i变为0&#xff…...

编程日记 2026/1/20 18:44:05

Dubbo、HTTP、RMI之间的区别

Dubbo、HTTP、RMI之间的区别如下： 表格复制特性DubboHTTPRMI通信机制基于Netty的NIO异步通信，采用长连接，支持多种序列化方式基于标准的HTTP协议，无状态，每次请求独立基于Java原生的RMI机制，支持Java对…...

编程日记 2026/1/9 8:02:43

Java练习——day1（反射）

文章目录练习1练习2练习3思考封装原则与反射合理使用反射“破坏”封装的场景练习1 编写代码，通过反射获取String类的所有公共方法名称，并按字母顺序打印。示例代码： import java.lang.reflect.Method; import java.util.Arrays;public …...

编程日记 2026/1/20 16:45:18

golang的slice扩容过程

Go 语言中的切片扩容机制是 Go 运行时的一个关键部分，它确保切片在动态增加元素时能够高效地管理内存。这个机制是在 Go 运行时内部实现的，涉及了内存分配、数据拷贝和容量调整。扩容的实现主要体现在 runtime.growslice 函数中。下面我们将深入分析 Go …...

编程日记 2026/1/19 20:17:47

Swift —— delegate 设计模式

一、什么是 delegate 模式所谓 delegate 就是代理模式。简单来说，delegate 模式就是在类的函数里运行完一段代码后，你可以通过一个符合某个代理协议的属性来调代理的方法。其中，代理方法就是回调函数。二、delegate 模式与闭包比的优势 …...

编程日记 2026/1/10 5:03:09

Docker 安装 Elasticsearch 8.x

Docker 安装 Elasticsearch 8.x 前言一、准备工作二、设置容器的目录结构三、启动一个临时的容器来复制配置文件四、复制配置文件到本地目录五、删除临时容器六、创建并运行容器，挂载本地目录七、修改文件配置监听端口八、端口配置：Host 网络模式 vs Por…...

编程日记 2026/1/20 19:48:29

Vue工程化开发脚手架Vue CLI

开发Vue有两种方式核心包传统开发模式：基于html / css / js 文件，直接引入核心包，开发 Vue。工程化开发模式：基于构建工具（例如：webpack）的环境中开发Vue。脚手架Vue CLI Vue CLl 是 Vue 官方…...

编程日记 2026/1/20 16:39:05

开源智慧巡检——无人机油田AI视频监控的未来之力

油田巡检，关乎能源命脉，却常受困于广袤地形、高危环境和人工效率瓶颈。管道泄漏、设备故障、非法闯入——这些隐患稍有疏忽，便可能酿成大患。传统巡检已无法满足现代油田对安全与效率的需求，而无人机油田巡检系统正以智能化之力重…...

编程日记 2026/1/22 8:29:01

数字ic后端设计从入门到精通（含fusion compiler, tcl教学）

pin 在集成电路设计中，特别是在使用工具如 Fusion Compiler 时，理解“引脚”（pin）的基础知识对于设计、优化和验证电路至关重要。以下是从 Fusion Compiler 的角度出发，关于引脚（pin）的基础知识…...

编程日记 2025/11/28 8:19:24

Django从零搭建卖家中心登陆与注册实战

在电商系统开发中，卖家中心是一个重要的组成部分，而用户注册与登陆则是卖家中心的第一步。本文将详细介绍如何使用Django框架从零开始搭建一个功能完善的卖家注册页面，包括前端界面设计和后端逻辑实现。一、项目概述我们将创建一个名为sel…...

编程日记 2026/1/20 19:12:37

MySQL表的使用（4）

首先回顾一下之前所学的增删查改，这些覆盖了平时使用的80% 我们上节课中学习到了MySQL的约束其中Primary key 是主键约束，我们今天要学习的是外键约束插入一个表外键约束父表子表这条记录中classid为5时候，不能插入； 删除…...

编程日记 2026/1/20 20:47:00

ollama修改配置使用多GPU，使用EvalScope进行模型压力测试，查看使用负载均衡前后的性能区别

文章目录省流结论机器配置不同量化模型占用显存1. 创建虚拟环境2. 创建测试jsonl文件3. 新建测试脚本3. 默认加载方式，单卡运行模型3.1 7b模型输出213 tok/s3.1 32b模型输出81 tok/s3.1 70b模型输出43tok/s 4. 使用负载均衡，多卡运行4.1 7b模型输出217t…...

编程日记 2026/1/12 21:56:28

深入定制 QSlider——实现精准点击跳转与拖拽区分

在使用 Qt 编写界面应用时，QSlider 是一个常用的滑动控件。但你可能会注意到，默认情况下点击滑轨（groove）区域时，滑块并不会直接跳到鼠标点击的位置，而是按照内部的分页步进（page step）行为响应。此外，垂直 Slider 在点击最底部时还存在 releaseEvent（或 sliderRelea…...

编程日记 2025/11/29 20:09:45

Dijkstra算法求解最短路径—— 从零开始的图论讲解(2)

前言在本系列第一期:从零开始的图论讲解(1)——图的概念,图的存储,图的遍历与图的拓扑排序-CSDN博客笔者给大家介绍了图的概念,如何存图,如何简单遍历图,已经什么是图的拓扑排序按照之前的学习规划，今天笔者将继续带大家深入了解图论中的一个核心问题&#x…...

编程日记 2026/1/21 23:26:05

Java Spring Cloud框架使用及常见问题

Spring Cloud作为基于Spring Boot的分布式微服务框架，显著简化了微服务架构的开发与管理。其核心优势包括集成Eureka、Ribbon、Hystrix等组件，提供一站式服务发现、负载均衡、熔断容错等解决方案，支持动态配置与消息总线，实现高效…...

编程日记 2025/11/30 11:48:12

Transformer: Attention Is All You Need Paper 地址：https://arxiv.org/abs/1706.03762 Paper 代码：https://github.com/tensorflow/tensor2tensor Paper 作者：Ashish Vaswani,Noam Shazeer,Niki Parmar,Jakob Uszkoreit,Llion Jones,Aidan…...

编程日记 2026/1/20 17:26:11

DeepSeek：穿透行业知识壁垒的搜索引擎攻防战

DeepSeek：穿透行业知识壁垒的搜索引擎攻防战文 / 产业智能观察组（人机协同创作） 一、搜索引擎的"认知折叠"危机 2024年Q1数据显示，百度搜索结果前10页中，61.7%的内容存在"伪专业化"现象——看似…...

编程日记 2026/1/7 20:26:31

AF3 generate_chain_data_cache脚本解读

AlphaFold3 generate_chain_data_cache 脚本在源代码的scripts文件夹下。该脚本从指定目录中批量解析 mmCIF/PDB 文件的工具，并将每个链的基本信息（序列、分辨率、是否属于聚类等）提取并写入 JSON 文件，主要用于后续蛋白质建模、过滤或训练数据准备。源代码： import ar…...

编程日记 2025/12/31 3:02:01

LVGL Video控件和Radiobtn控件详解

LVGL Video控件和Radiobtn控件详解一、 Video控件详解1. 概述2. 创建和初始化3. 基本属性设置4. 视频控制5. 回调函数6. 高级功能7. 注意事项二、Radiobtn控件详解1. 概述2. 创建和初始化3. 属性设置4. 状态控制5. 组管理6. 事件处理7. 样式设置8. 注意事项三、效果展示四、…...

编程日记 2026/1/20 17:56:16

组合数哭唧唧

前言：手写一个简单的组合数，但是由于长期没写，导致一些细节没处理好题目链接 #include<bits/stdc.h> using namespace std; #define endl "\n"#define int long longconst int N (int)2e510; const int Mod (int)1e97;int…...

编程日记 2026/1/21 21:21:14

NLP高频面试题（四十二）——RAG系统评估：方法、指标与实践指南

1. 引言：RAG系统概述与评估挑战检索增强生成（Retrieval-Augmented Generation，简称 RAG）是近年来自然语言处理领域的一个重要进展。RAG系统在大型语言模型生成文本的过程中引入了外部检索模块，从外部知识库获取相关信息，以缓解纯生成模型可能出现的幻觉和知识盲点。通过…...

编程日记 2026/1/20 18:23:25

MySQL-COUNT函数使用

COUNT聚合函数 COUNT 是 MySQL 中一个常用的聚合函数，用于统计满足条件的行数。有3种使用方式： COUNT(*)：统计表中所有行的数量，包括 NULL 值。COUNT(字段)：统计指定字段非 NULL 值的行数。COUNT(条件查询)&#xff…...

编程日记 2025/11/29 9:00:22

Linux路漫漫

目录 Vim模式基本操作文本编辑更多功能 1. 直接启动 Vim 2. 打开一个已存在的文件 3. 打开多个文件 4. 以只读模式打开文件 5. 从指定行号开始编辑 6. 快速打开并执行命令 7. 检查是否安装了 Vim 8. 退出 Vim 前提条件 SCP 命令格式具体操作 1. Windows 命…...

编程日记 2026/1/22 16:32:18