JSP+Servlet培训班作业管理系统[13]–人员修改功能的实现

点此查看本系列文章目录、源代码、配套视频教程

1. 本章任务

前面章节中已经实现了人员信息的浏览和新增,本章继续实现人员信息修改的功能。

2. 添加修改按钮

在表格的每一行添加修改的超级链接,点击后跳转RouteServlet,同时还需要传递操作类型method=editUser,最后还需要传递被编辑的用户的id。

注意传递操作类型是为了让RouteServlet知道跳转到用户编辑页面,传递用户id是为了后台查询出用户信息后传给用户编辑页面,因为用户编辑页面默认要加载用户当前信息。

  <table>
		<thead>
			<tr>
				<th>编号</th>
				<th>姓名</th>
				<th>角色</th>
				<th>操作</th>
			</tr>
		</thead>
		<c:forEach items="${users}" var="item">
			<tr>
				<td>${item.userId}</td>
				<td>${item.userName}</td>
				<td>${item.userRole}</td>
				<td><a
					href="/HomeworkSystem/RouteServlet?childPage=userEdit.jsp&userId=${item.userId}">编辑</a></td>
			</tr>
		</c:forEach>
	</table>

3. 在RouteServlet中添加用户编辑页面跳转

如果是用户编辑的请求,需要根据用户id加载用户信息

public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// 设置输入输出格式、编码
		response.setContentType("text/html");
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		// 获取用户在网页输入的用户名和密码
		String childPage = request.getParameter("childPage");
		request.setAttribute("childPage", childPage);
		if (childPage.equals("userManage.jsp")) { // 进入人员管理页面需要携带人员列表信息
			UserDao userDao = new UserDao();
			List<User> users = userDao.getUsers();
			request.setAttribute("users", users);
		} else if (childPage.equals("userEdit.jsp")) {
			UserDao userDao = new UserDao();
			String userId = request.getParameter("userId");
			User user = userDao.getById(userId);
			request.setAttribute("user", user);
		}
		request.getRequestDispatcher("/index.jsp").forward(request, response);// 跳转到index.jsp
	}

此处需要在UserDao中编写一个通过id获取用户的方法,如下:

/**
	 * 通过id获取用户
	 */
	public User getById(String userId) {
		Connection conn = null;
		PreparedStatement ps = null;
		ResultSet rs = null;
		try {
			conn = DbUtils.getConnection();
			String sql = "select * from user where user_id=? ";
			ps = conn.prepareStatement(sql);
			ps.setString(1, userId);
			rs = ps.executeQuery();
			if (rs.next()) {
				return makeOneUser(rs);
			} else {
				return null;
			}
		} catch (SQLException e) {
			System.out.println(e.toString());
			return null;
		} finally {
			DbUtils.releaseConnection(rs, ps, conn);
		}
	}

4. 新增用户编辑页面

新增用户编辑页面userEdit.jsp

注意该页面进来的时候,需要显示当前编辑用户的信息,注意表单中还需要保存下userId信息,便于提交表单后确定当前修改的用户。

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!-- 使用c:标签需要添加本行代码 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>userEdit.jsp</title>
</head>
<body>
	<form action="/HomeworkSystem/UserServlet?method=userEdit"
		method="post">
		<table>
			<tr>
				<td>编号:</td>
				<td><input type="text" name="userId" value="${user.userId}"
					readonly /></td>
			</tr>
			<tr>
				<td>姓名:</td>
				<td><input type="text" name="userName" value="${user.userName}" />
				</td>
			</tr>
			<tr>
				<td>密码:</td>
				<td><input type="text" name="userPassword"
					value="${user.userPassword}" /></td>
			</tr>
			<tr>
				<td>角色:</td>
				<td><select name="userRole" value="${user.userRole}">
						<option value="master">校长</option>
						<option value="teacher">老师</option>
						<option value="student">学生</option>
				</select></td>
			</tr>
		</table>
		<input type="submit" value="保存"></input>
	</form>
</body>
</html>

5. 处理编辑提交请求

在UserServlet中处理编辑提交请求,注意处理完毕也是返回用户列表页面。

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// 处理post请求
		// 设置输入输出格式、编码
		response.setContentType("text/html");
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		// 获取method参数
		String method = request.getParameter("method");
		// 用户操作数据库
		UserDao userDao = new UserDao();
		if (method.equals("userAdd")) {// 新增用户
			// 获取用户在网页输入的用户名和密码
			User user = new User();
			user.setUserName(request.getParameter("userName"));
			user.setUserPassword(request.getParameter("userPassword"));
			user.setUserRole(request.getParameter("userRole"));
			// 保存到数据库
			userDao.add(user);
		} else if (method.equals("userEdit")) {// 编辑用户
			// 获取用户在网页输入的用户名和密码
			User user = new User();
			user.setUserId(Integer.parseInt(request.getParameter("userId")));
			user.setUserName(request.getParameter("userName"));
			user.setUserPassword(request.getParameter("userPassword"));
			user.setUserRole(request.getParameter("userRole"));
			// 保存到数据库
			userDao.update(user);
		}
		// 携带最新用户数据到人员管理页面
		request.setAttribute("users", userDao.getUsers());
		// 跳转到管理后台页面,且子页面是用户管理
		request.setAttribute("childPage", "userManage.jsp");
		request.getRequestDispatcher("/index.jsp").forward(request, response);
	}

6. 测试验证

重启tomcat,验证之,大功告成!
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员大阳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值