<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="com.bean.Sg" %> <%@ page import="com.dao.SgDao" %> <%@ page import="java.util.*" %> <%@ page import="com.dao.imp.SgDaoImp" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link type="text/css" rel="stylesheet" href="../css/ww.css"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <div id="center"> <div id="up"><h2>搜索</h2></div> <form action="doindex.jsp" method="post"> <h2 id="ziti">字段:</h2><select name="ziduan" title="选择字段"> <option value="sgzh" value="sgzh">宿管用户名</option> <option value="uname" value="id">ID</option> </select> <h2 id="ziti2">值:</h2><input type="text" id="zhi" name="zhi" > <button value="开始搜索" id="b1" >开始搜索</button> </form> <button value="添加宿管信息" id="b2">添加宿管信息</button> </div> <table> <tr> <td>ID</td> <td>用户名</td> <td>密码</td> <td>姓名</td> <td>性别</td> <td>联系电话</td> <td>操作</td> <td>操作</td> </tr> <% if(session.getAttribute("uname")==null){ response.sendRedirect("login.jsp"); } %> <% List<Sg> sa=new ArrayList<Sg>(); SgDao s=new SgDaoImp(); sa=s.getSgList(); for(Sg sta:sa) { %> <tr> <td><%=sta.getId() %></td> <td><%=sta.getUsername() %></td> <td><%=sta.getPassword() %></td> <td><%=sta.getName() %></td> <td><%=sta.getSex() %></td> <td><%=sta.getPhone() %></td> <td><button onclick="del()">删除</button></td> <td><button onclick="del()">修改</button></td> </tr> <% } %> </table> </body> </html>实现这个页面的查询功能和删除表格行功能
时间: 2023-08-14 13:00:56 浏览: 97
这个页面是一个简单的搜索和删除功能的表格页面。要实现搜索功能,你可以在form标签中添加一个提交按钮,当用户点击按钮时,将表单数据提交到后台进行查询操作。在后台处理查询操作的servlet或者jsp页面中,你可以获取表单提交的字段和值,然后根据这些条件进行数据库查询操作,将查询结果返回到前台页面进行展示。
要实现删除功能,你可以为每一行的删除按钮添加一个onclick事件,当用户点击删除按钮时,调用一个JavaScript函数进行删除操作。在这个JavaScript函数中,你可以获取到需要删除的行的相关数据,然后通过AJAX请求将这些数据发送到后台进行删除操作。在后台处理删除操作的servlet或者jsp页面中,你可以接收到前台发送的数据,然后根据这些数据进行数据库删除操作。
需要注意的是,这只是一个大致的实现思路,具体的实现还需要根据你的后台代码和数据库结构来进行适配。希望对你有所帮助!
相关问题
<%@ page language="java" import="java.util.*, java.sql.*" pageEncoding="utf-8"%> <%@page import="com.util.SQLConn"%> <%@page import="org.apache.commons.lang3.*" %> <%@page import="com.util.LOGS" %> <html> <body> <%-- 获取前端数据 --%> <% String username = request.getParameter("username"); String usernum = request.getParameter("usernum"); String name=request.getParameter("ytime"); String mon=request.getParameter("mtime"); String num=request.getParameter("rtime"); String people = request.getParameter("people"); %> <%-- 定义SQLConn类和INSERT_SQL常量 --%> <% final String INSERT_SQL = "INSERT INTO YuYue(UserID, Time, People) VALUES (?, ?, ?)"; %> <%-- 执行数据库操作 --%> <% int count = 0; try {Connection conn = SQLConn.openDB(); PreparedStatement pstmt = conn.prepareStatement(INSERT_SQL); { pstmt.setString(1, usernum); pstmt.setString(2, name+mon+num); pstmt.setString(3, people); count = pstmt.executeUpdate(); }} catch (SQLException e) { e.printStackTrace(); } %> <%-- 根据执行结果进行相应的操作 --%> <c:choose> <c:when test="${count > 0}"> <%-- 成功跳转到ZCS.jsp --%> <c:redirect url="ZCS.jsp"/> </c:when> <c:otherwise> <%-- 失败跳转到ZCB.jsp --%> <c:redirect url="../ZCB.jsp"/> </c:otherwise> </c:choose> </body> </html>优化代码
以下是对代码进行优化的建议:
1. 在第二行中,导入语句中的星号通配符应该避免使用,应该明确导入需要使用的类或接口。
2. 在第十行中,可以将 INSERT_SQL 常量定义在 SQLConn 类中并进行调用,以提高代码的可维护性和复用性。
3. 在第十二行中,PreparedStatement 对象应该使用 try-with-resources 语句,以自动释放资源并避免资源泄露问题。
4. 在第十六至二十二行中,可以使用 EL 表达式代替 JSTL 标签,以简化代码并提高可读性。
基于上述建议,优化后的代码如下:
```
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*, java.sql.*"%>
<%@ page import="com.util.SQLConn"%>
<%@ page import="com.util.LOGS"%>
<%@ page import="org.apache.commons.lang3.*"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert Data</title>
</head>
<body>
<%-- 获取前端数据 --%>
<% String username = request.getParameter("username");
String usernum = request.getParameter("usernum");
String name = request.getParameter("ytime");
String mon = request.getParameter("mtime");
String num = request.getParameter("rtime");
String people = request.getParameter("people"); %>
<%-- 执行数据库操作 --%>
<% int count = 0;
try (Connection conn = SQLConn.openDB();
PreparedStatement pstmt = conn.prepareStatement(SQLConn.INSERT_SQL)) {
pstmt.setString(1, usernum);
pstmt.setString(2, name + mon + num);
pstmt.setString(3, people);
count = pstmt.executeUpdate();
} catch (SQLException e) {
e.printStackTrace();
} %>
<%-- 根据执行结果进行相应的操作 --%>
<c:if test="${count > 0}">
<%-- 成功跳转到 ZCS.jsp --%>
<jsp:forward page="ZCS.jsp"></jsp:forward>
</c:if>
<c:if test="${count <= 0}">
<%-- 失败跳转到 ZCB.jsp --%>
<jsp:forward page="../ZCB.jsp"></jsp:forward>
</c:if>
</body>
</html>
```
优化后的代码更加简洁、易读、易维护,并且避免了可能存在的一些问题。
检查<?xml version="1.0" encoding="UTF-8" ?> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.sql.DriverManager" %> <%@ page import="java.sql.Connection" %> <%! Connection connection = null; try { String url = "jdbc:postgresql://localhost:5432/postgres"; String username = "postgres"; String password = "postgres"; // 获取数据库连接 connection = DriverManager.getConnection(url, username, password); } catch (Exception e) { e.printStackTrace(); } %> <% if (connection != null) { out.println("数据库连接成功!"); } else { out.println("数据库连接失败!"); } %>
你提供的代码片段是一个JSP页面,用于检查数据库连接是否成功,并输出相应的结果。
该代码片段首先通过`<%@ page %>`指令设置页面的编码为UTF-8,然后导入了`java.sql.DriverManager`和`java.sql.Connection`两个类。
在`<%! %>`标签中,定义了一个`connection`变量,并在`try-catch`块中尝试建立与PostgreSQL数据库的连接。其中,使用了特定的URL、用户名和密码来构建连接字符串,并通过`DriverManager.getConnection()`方法获取数据库连接。
在`<% %>`标签中,通过检查`connection`变量是否为null来判断数据库连接是否成功,并输出相应的结果。
请确保以下几点:
1. 已正确导入所需的JDBC驱动程序。例如,在这个例子中,你需要确保已经导入了PostgreSQL的JDBC驱动程序。
2. 已正确设置数据库连接的URL、用户名和密码。在这个例子中,URL使用的是本地主机(localhost)和默认的PostgreSQL端口号5432,并使用了"postgres"作为用户名和密码。请根据你的实际情况进行相应修改。
3. 页面的文件扩展名为.jsp,并确保你的Web服务器已正确配置以支持JSP页面。
如果你有进一步的问题或需要更多帮助,请随时提问。