``` <%@ page language="java" import="test_package.*" import="java.util.*" import="java.sql.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="stylesheet" href="../style/certificate.css"> </head> <body> <% List<test_information> list = (List<test_information>)session.getAttribute("date"); %> <div class = "tit">查看凭证</div> <div class = "Ribbon"> <table> <tr> <td style="white-space: nowrap;"> <!-- 按钮1 --> <input type="button" value="传统记账" class="R_button"> <!-- 表单2 - 导出 --> <form action="" class="inline-form"> <input type="submit" value="导出" class="R_button"> </form> <!-- 表单3 - 打印 --> <form id="printForm" action="white.jsp" method="post" class="inline-form"> <input type="hidden" id="selectedTelsHiddenField" name="telsToPrint"> <input type="submit" value="打印" onclick="return submitSelectedTels();" class="R_button"> </form> <!-- 按钮4 --> <input type="button" value="模板" onclick="template.show()" class="R_button"> </td> <td> <input type = "text" name = "search_name"> <input type = "button" value = "搜索"> </td> </tr> </table> </div> <div class="body"> <table class="cer" > <% for(test_information news:list) { %> <!-- 将每条记录分为两列展示 --> <tr> <td class="zero_box"> <input type="checkbox" name="selectedTels" value="<%=news.getTel()%>" onchange="updateSelection(this)" style = "zoom : 300%"> </td> <td class="first_box"> <%= news.getMaterial() %> <br/> <%= news.getStart_time() %> </td> <td class="second_box"> <%= news.getWashing_method() %> <br/> <%= news.getPrice() %> </td> <td class="third_box"> <form action =""> <input name = "id" value ="<%=news.getTel() %>" type = "hidden"> <input type ="submit" class = "func_button" value = "税费" ><br> <input type ="submit" class = "func_button" value = "查看凭证" ><br> <input type ="submit" class = "func_button" value = "删除凭证" > </form> <br/> </td> </tr> <% } %> </table> <div style="display:none;" id="printArea"></div> </div> <script> let selectedTelsArray = []; function updateSelection(el) { if (el.checked && !selectedTelsArray.includes(el.value)) { // 如果当前被选中，则加入集合 selectedTelsArray.push(el.value); } else { // 否则移除该元素 const indexToRemove = selectedTelsArray.indexOf(el.value); if (indexToRemove !== -1) { selectedTelsArray.splice(indexToRemove, 1); } } console.log(selectedTelsArray); // 输出调试信息 } // 提交之前设置 hidden field 的值 function submitSelectedTels() { document.getElementById('selectedTelsHiddenField').value = JSON.stringify(selectedTelsArray); return true; } </script> </body> </html>```对表格实现模糊搜索功能，搜索的字段为材质，当输入为空时显示整个表格
时间: 2025-03-17 10:17:28 浏览: 12
要在上述代码中实现针对“材质”字段的模糊搜索功能，并且当输入为空时恢复显示完整表格，可以按照以下步骤修改现有代码：
---
### 修改方案
#### **前端部分**
需要监听用户在文本框中的输入事件 (`onkeyup` 或 `oninput`)，并动态过滤表格内容。
以下是具体的改动点：
1. 给 `<input>` 文本框添加一个 ID（例如 `searchInput`），方便通过 JavaScript 获取其值。
2. 添加一段脚本来实时处理用户的输入变化并对表格行进行筛选。
**修改后的 HTML 和 JS 部分：**
```html
<!-- 搜索栏 -->
<input type="text" id="searchInput" oninput="filterTable()" placeholder="请输入材质名称">
<script>
function filterTable() {
// 获取搜索框的内容
let searchValue = document.getElementById("searchInput").value.toLowerCase();
// 获取所有表格数据行 (<tr>)
let rows = document.querySelectorAll(".cer tr");
// 遍历每一行数据
rows.forEach(row => {
// 查找当前行中的 "材质" 单元格（假设是第2列）
let materialCell = row.cells[1]; // 第二列为材质信息
// 判断是否包含搜索关键字（忽略大小写）
if (materialCell && materialCell.textContent.toLowerCase().includes(searchValue)) {
row.style.display = ""; // 显示符合条件的行
} else {
row.style.display = "none"; // 隐藏不符合条件的行
}
});
}
</script>
```
---
#### **后端支持**
如果希望在服务器端完成更复杂的模糊匹配操作，则可以在 JSP 中调整逻辑。将表单提交到服务端查询数据库，返回满足条件的结果集即可。
示例伪代码（JSP + Servlet）：
```jsp
<%
String searchText = request.getParameter("search_name"); // 获取前端传入的关键字
List<test_information> filteredList = new ArrayList<>();
if ("".equals(searchText.trim())) {
filteredList = session.getAttribute("data", originalData); // 返回原始列表
} else {
// 根据关键词从原数据中过滤
for (test_information item : originalData) {
if (item.getMaterial().toLowerCase().contains(searchText.toLowerCase())) {
filteredList.add(item);
}
}
}
list = filteredList;
%>
```
然后将此结果渲染至页面。
---
### 最终效果说明
- 用户在输入框中键入任意字符串时，JavaScript 实现会即时隐藏不相关的行。
- 输入为空时自动还原整个表格视图。
---
阅读全文
相关推荐
大家在看
Selenium-Recaptcha-Solver
Selenium回收银
在Discord Creator V2中使用（开发中）
如何使用
在您的主要代码中使用getcaptcha，例如，当我使用discord创建帐户时就使用了它。 您将其添加到需要单击验证码的位置。 之后，您可以为solver.py进行本地导入，并在代码中使用solver.solve（）。 我会为你举一个例子。
《深度学习不确定性量化: 技术、应用与挑战》
在优化和决策过程中，不确定性量化(UQ)在减少不确定性方面起着至关重要的作用。它可以用于解决科学和工程中的各种实际应用。
北斗二代芯片手册
北斗二代RNSS芯片
ISO 15622 2018 Adaptive cruise control systems (ACC).pdf
自适应巡航系统最新国际标准，适合智能驾驶及ADAS相关研究人员及工程师。
Lock-in Amplifier.pdf
There are a number of ways of visualising the operation and
significance of a lock-in amplifier. As an introduction to the
subject there follows a simple intuitive account biased towards
light measurement applications.
All lock-in amplifiers, whether analogue or digital, rely on the
concept of phase sensitive detection for their operation.
Stated simply, phase sensitive detection refers to the
demodulation or rectification of an ac signal by a circuit which
is controlled by a reference waveform derived from the device
which caused the signal to be modulated. The phase sensitive
detector effectively responds to signals which are coherent
(same frequency and phase) with the reference waveform and
rejects all others.
最新推荐
Amber16+分子模拟与计算化学的软件+生物分子（如蛋白质、核酸）的动态模拟+药物设计+膜蛋白研究及能量计
Amber16 是一款在分子模拟与计算化学领域广泛应用的软件工具。它广泛应用于生物化学、药物设计、生物分子、生物大分子以及材料科学中的分子动力学模拟和相关计算研究。
用途
1. 生物分子模拟：模拟蛋白质、核酸、多糖等生物大分子的动态行为，研究其结构与功能的关系。
2. 药物设计与分子对接：分析小分子药物与生物靶标的结合模式，优化药物设计。
3. 膜蛋白模拟：利用 Lipid16 力场模拟磷脂双分子层，研究膜蛋白的结构与功能。
4. 能量计算与优化：进行能量最小化、自由能计算等，研究分子间的相互作用。
5. 轨迹分析：分析模拟轨迹，计算均方位移、RMSD、RMSF 等参数。
6. 力场转换与扩展：支持多种力场的转换和扩展，例如 CHARMM、AMOEBA。
技术关键词
- 分子动力学（MD）：通过数值模拟研究分子在一定时间内的运动。
- 力场（Force Field）：如 Amber 力场、Lipid14 力场，用于描述分子间的相互作用。
- GPU 加速：PMEMD 模块支持 GPU 加速，显著提高计算效率。
59.基于51单片机的汽车倒车防撞报警系统（实物）.pdf
59.基于51单片机的汽车倒车防撞报警系统（实物）.pdf
计算机中~人工神经网络及其应用（导论）.ppt 人工智能神经网络通过多样化架构（CNN、RNN、GAN等）与技术创新，已在医疗、
人工智能神经网络及其应用主要包含以下六大核心要点：
一、基础概念与核心结构
1. 定义与组成
2. 工作原理
二、常见神经网络架构
3. 卷积神经网络（CNN）
4. 循环神经网络（RNN）
5. 生成对抗网络（GAN）
6. Transformer
三、关键技术组件
7. 激活函数
8. 优化算法
9. 正则化技术
四、核心应用领域
10. 信息处理与模式识别
11. 医疗健康
12. 交通与工业
13. 金融与经济
14. 生成式应用
五、发展趋势
15. 算力与模型优化
16. 多模态融合
17. 轻量化与边缘计算
六、挑战与伦理问题
18. 数据依赖与可解释性
19. 安全与隐私
20. 伦理与监管
10.基于51单片机的密码锁设计（仿真+实物）.pdf
10.基于51单片机的密码锁设计（仿真+实物）
MySql导出表结构到Word文档 支持导出MySQL数据库表结构！！ 运行环境：jdk8+,需要Java运行环境
MySql导出表结构到Word文档
支持导出MySQL数据库表结构！！
运行环境：jdk8+,需要Java运行环境
OGRE: 快速在线两阶段图嵌入算法
### OGRE算法概述
OGRE（Online Graph Embedding for Large-scale Graphs）算法是一种针对大型图数据的快速在线两阶段图嵌入方法。OGRE算法的核心思想是将大型图分解为一个较小的核心部分和一个更大的外围部分，核心部分通常包含图中的高顶点核心（high-degree vertices），而外围部分则由核心节点的邻居节点构成。
#### 现有嵌入方法的局限性
传统的图嵌入方法，例如node2vec、HOPE、GF和GCN等，往往在处理大型图时面临性能和精确度的挑战。尤其是当图非常庞大时，这些方法可能无法在合理的时间内完成嵌入计算，或者即便完成了计算，其结果的精确度也无法满足需求，特别是对于高顶点核心部分。
#### OGRE的两阶段嵌入策略
OGRE算法提出了一个有效的解决方案，采用两阶段嵌入策略。在第一阶段，算法仅对核心部分的顶点应用现有的图嵌入方法，由于核心部分的顶点数量较少，这一过程相对快速。第二阶段，算法通过在线更新的方式，根据核心部分已经嵌入的顶点的位置，实时计算外围顶点的位置。这样做的好处是，可以利用已经计算好的核心部分的结果，提高新顶点嵌入位置计算的效率和准确性。
#### 新顶点位置的在线更新
对于每一个新顶点，其位置是通过结合其第一阶（直接相邻的节点）和第二阶（通过一个中间节点相连接的节点）邻居的位置来计算的。计算方法包括平均嵌入，以及根据预设的超参数ε来调整二阶邻居的重要性。
#### OGRE算法的变体
OGRE算法具有几个变体，其中最显著的是：
- **OGRE-加权组合方法**：适用于无向图或隐式无向图的有向图，它计算新顶点的嵌入位置是通过一阶和二阶邻居的平均嵌入来实现的。这种方法引入了一个超参数ε来衡量二阶邻居的重要性。
- **DOGRE**：这是专门针对有向图设计的OGRE的变体，它不仅仅考虑邻居节点的平均位置，而是根据它们的相对方向性来加权（内、外），并且通过回归权重来确定各个方向性参数的重要性。
- **WOGRE**：这个版本引入了定向加权，允许算法对不同方向的邻居进行加权。
### 实现细节
OGRE算法的实现依赖于对图结构的深入理解，特别是对顶点的邻接关系和图的中心性指标（例如顶点的度数）的分析。算法的第一阶段相当于一个预处理步骤，它为第二阶段的在线更新打下了基础。第二阶段是实时的，它必须高效处理新顶点的嵌入计算，同时还要能够及时地响应图结构的变化。
### 技术栈和编程语言
OGRE算法的实现和实验很可能是用Python编写的，因为Python具有强大的图处理库和机器学习框架，能够方便地实现复杂的数据结构和算法。考虑到OGRE算法的描述中没有提及具体的库或框架，我们可以假设使用了类似NetworkX这样的图处理库，以及Scikit-learn、TensorFlow或PyTorch等机器学习和深度学习库。
### 应用场景
OGRE算法适用于需要实时分析和处理的大规模图数据，例如社交网络分析、生物信息学、推荐系统以及互联网上的大规模网络数据。通过快速、有效地将图的顶点映射到低维空间，OGRE算法可以帮助我们理解图的结构特性，预测图中顶点之间的关系，甚至用于图的可视化。
### 实际影响
OGRE算法通过两阶段的嵌入方法，能够显著减少处理大型图数据时的时间和资源消耗，同时保持良好的嵌入质量。这对于任何需要在动态环境中分析图数据的应用来说都是一个重大的进步，尤其是在资源受限或实时性要求较高的情况下。
### 研究意义和未来方向
OGRE算法的研究意义在于其为大型图数据的处理提供了一种可行的解决方案，尤其在动态和在线环境中。该算法不仅提高了嵌入效率，而且拓展了现有方法的应用范围。未来的研究可能会进一步优化OGRE算法的两阶段策略，或者探索将OGRE与其他算法融合的可能性，例如深度学习模型，以进一步提升算法的性能和应用的广泛性。
【78K0_Kx2微控制器终极指南】：从入门到高级应用的完整教程
# 摘要
78K0_Kx2微控制器是针对高性能、低功耗应用而设计的8/16位微控制器，广泛应用于工业控制、消费电子等领域。本文首先介绍了该微控制器的核心特性与架构、电源管理和时钟系统，以及存储器和外设接口。接着，探讨了其编程基础，包括指令集、中断系统、异常处理和编程工具。文章深入分析了高级编程技巧，如中断管理、定
Qlabel move函数
<think>嗯，用户现在问的是关于QLabel的move函数。首先，我需要确认用户的问题是什么。他们可能在使用Qt的时候遇到了布局或者位置调整的问题，想知道如何使用move函数来移动QLabel。
首先，我应该回顾一下QLabel的move函数的基本用法。记得move是继承自QWidget的方法，用来设置部件的位置。参数是x和y坐标，或者是QPoint对象。坐标是相对于父部件的，这一点很重要，用户可能容易忽略父容器的影响。
然后，用户可能的疑问包括为什么使用move后控件的位置没变，或者动态调整位置时的注意事项。比如，如果在布局管理器中使用move，可能不会生效，因为布局管理器会自动调整
VFP实现的简易工资管理系统
在讨论VFP（Visual FoxPro）编写的工资管理小软件时，我们需先了解Visual FoxPro这一数据库管理系统以及工资管理软件的基本概念和组成部分。随后，将具体分析压缩包中的文件名称以及如何使用VFP来实现工资管理功能。
### Visual FoxPro基础
Visual FoxPro是一个数据库开发环境，它允许开发者使用一种名为FoxPro的编程语言进行数据库应用程序的创建。它特别擅长处理数据密集型的应用程序，包括对数据进行检索、筛选、排序、以及统计等操作。虽然Visual FoxPro已经不是主流开发工具，但它因简单易学且功能强大，成为了很多初学者的启蒙语言。
### 工资管理软件概念
工资管理软件是一种用来自动处理企业工资发放的工具。它可以包含多个功能模块，如员工信息管理、工资计算、福利津贴处理、税务计算、报表生成等。通常，这类软件需要处理大量的数据，并确保数据的准确性和安全性。
### 工资管理系统功能点
1. **员工信息管理**：这个模块是工资管理软件的基础，它包括录入和维护员工的基本信息、职位、部门以及合同信息等。
2. **工资计算**：根据员工的考勤情况、工作时间、绩效结果、奖金、扣款等数据，计算员工的实际工资。
3. **福利津贴处理**：管理员工的各类福利和补贴，按照公司的规章制度进行分配。
4. **税务计算**：根据当地税法，自动计算个人所得税，并扣除相应的社保、公积金等。
5. **报表生成**：提供各类工资相关的报表，用于工资发放记录、统计分析等。
### VFP实现工资管理小软件
利用VFP实现工资管理软件，主要涉及到以下几个方面：
1. **数据库设计**：在VFP中创建表结构来存储员工信息、工资信息、考勤记录等，如使用`CREATE TABLE`命令创建员工表、工资表等。
2. **界面设计**：通过VFP的表单设计功能，创建用户界面，使得用户能够方便地输入和查询数据，使用`MODIFY FORM`命令来设计表单。
3. **代码编写**：编写VFP代码来处理工资计算逻辑、数据校验、报表生成等，VFP使用一种事件驱动的编程模式。
4. **数据查询与统计**：使用VFP提供的SQL语言或者数据操作命令对数据进行查询和统计分析，如`SELECT`语句。
5. **报表打印**：输出工资条和各类统计报表，VFP可以通过报表生成器或者直接打印表单来实现。
### 压缩包文件名称分析
文件名“vfp员工工资管理系统”暗示了压缩包内可能包含了以下几个部分的文件：
1. **数据表文件**：存储员工信息、工资记录等数据，文件扩展名可能是`.dbf`。
2. **表单文件**：用于编辑和查看数据的表单文件，文件扩展名可能是`.scx`。
3. **程序文件**：包含工资计算逻辑的VFP程序代码文件，文件扩展名可能是`.prg`。
4. **报表文件**：定义了工资报表的布局和输出格式，文件扩展名可能是`.frx`。
5. **菜单文件**：描述了软件的用户菜单结构，文件扩展名可能是`.mnx`。
6. **项目文件**：将上述文件组织成一个项目，方便管理和维护，文件扩展名可能是`.pjx`。
### 实际应用建议
对于初学者而言，建议从理解VFP环境开始，包括学习如何创建数据库、表单和编写基础的SQL语句。接着，可以逐步尝试编写简单的工资计算程序，逐步增加功能模块，例如考勤管理、税务计算等。在实践过程中，重点要放在数据的准确性和程序的健壮性上。
随着VFP相关知识的积累，小软件的复杂度也可随之提高，可以开始尝试更加复杂的功能，如数据的导入导出、数据的批量处理等。同时，也可以学习VFP的高级功能，例如使用VFP的类和方法来设计更加模块化的程序。
需要注意的是，由于Visual FoxPro已经停止更新，对于希望继续深入学习数据库管理系统的开发者来说，可能需要转向如MySQL、Microsoft SQL Server、SQLite等现代数据库管理系统，以及.NET或其他编程语言来创建更为先进的工资管理系统。
数控系统DNC故障诊断必备：常见问题快速解决方案
# 摘要
本文深入探讨了直接数字控制（DNC）系统中故障诊断与优化的策略，系统地分析了从硬件故障到软件问题的各类故障源，并提出了相应的解决方法。文章首先从硬件故障分析入手，详细探讨了连接线路、控制器及驱动器、电源系统的问题，并提供了实用的检查与修复方案。接着，对软件故障的诊断与优化进行了阐述，涵盖了配置错误、程序传输问题以及系统兼容性等关键领域。在通讯故障排除策略章节中，本文讨论了通讯协议的选择与配
