基于Servlet和JSP的用户管理（五）--用户信息修改之信息回显

最新推荐文章于 2023-10-11 23:56:20 发布

是阿P啊

最新推荐文章于 2023-10-11 23:56:20 发布

阅读量1.8k

点赞数 3

CC 4.0 BY-SA版权

文章标签：信息回显 jsp servlet

本文链接：https://blog.youkuaiyun.com/lizhi_0813/article/details/99831465

本文详细介绍了一个用户信息修改功能的实现过程，从前端页面修改按钮的设置到后端Servlet的开发，再到Service和DAO层的实现，最后展示了update.jsp页面的设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

思路：

要完成信息修改，首先跳转到用户信息界面，所以要先实现一个用户信息回显功能

首先找到前端页面修改按钮，修改其跳转路径
<a class="btn btn-default btn-sm" href="${pageContext.request.contextPath}/findUserServlet?id=${user.id}">修改</a>&nbsp;

接下来去完成一个findUserServlet类

package edu.swpu.web.servlet;

import edu.swpu.domain.User;
import edu.swpu.service.UserService;
import edu.swpu.service.impl.UserServiceImpl;

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 java.io.IOException;

@WebServlet("/findUserServlet")
public class FindUserServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1.获取id
        String id = request.getParameter("id");
        //2.调用service查询
        UserService service = new UserServiceImpl();
        User user = service.findUserById(id);

        //3.将user存入request
        request.setAttribute("user",user);
        //4.转发到updata.jsp
        request.getRequestDispatcher("/update.jsp").forward(request,response);
    }

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }
}

然后去实现其中servic和dao层里面未实现的方法

UserService： 
/**
     * 根据id查询
     * @param id
     * @return
     */
    User findUserById(String id);
UserServiceImpl:
 @Override
    public User findUserById(String id) {
        return dao.finById(Integer.parseInt(id));
    }

dao层：

UserDao：
 User finById(int id);
UserDaoImpl：
 public User finById(int id) {
        String sql = "select * from user where id = ?";
        return template.queryForObject(sql,new BeanPropertyRowMapper<User>(User.class),id);
    }

最后展示一下update.jsp页面

<%@page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<!-- 网页使用的语言 -->
<html lang="zh-CN">
    <head>
        <!-- 指定字符集 -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>修改用户</title>

        <link href="css/bootstrap.min.css" rel="stylesheet">
        <script src="js/jquery-2.1.0.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        
    </head>
    <body>
        <div class="container" style="width: 400px;">
        <h3 style="text-align: center;">修改联系人</h3>
        <form action="" method="post">
          <div class="form-group">
            <label for="name">姓名：</label>
            <input type="text" class="form-control" id="name" name="name" value="${user.name}" readonly="readonly" placeholder="请输入姓名" />
          </div>

          <div class="form-group">
            <label>性别：</label>
              <c:if test="${user.gender == '男'}">
              <input type="radio" name="gender" value="男" checked />男
                <input type="radio" name="gender" value="女"  />女
              </c:if>
              <c:if test="${user.gender == '女'}">
                  <input type="radio" name="gender" value="男"  />男
                  <input type="radio" name="gender" value="女" checked />女
              </c:if>
          </div>

          <div class="form-group">
            <label for="age">年龄：</label>
            <input type="text" class="form-control" id="age" value="${user.age}" name="age" placeholder="请输入年龄" />
          </div>

          <div class="form-group">
            <label for="address">籍贯：</label>
             <select name="address"  id="address" class="form-control" >
                 <c:if test="${user.address == '广东'}">
                     <option value="广东" selected>广东</option>
                     <option value="广西">广西</option>
                     <option value="湖南">湖南</option>
                     <option value="四川">四川</option>
                 </c:if>
                 <c:if test="${user.address == '广西'}">
                     <option value="广东">广东</option>
                     <option value="广西" selected>广西</option>
                     <option value="湖南">湖南</option>
                     <option value="四川">四川</option>
                 </c:if>
                 <c:if test="${user.address == '湖南'}">
                     <option value="广东">广东</option>
                     <option value="广西">广西</option>
                     <option value="湖南" selected>湖南</option>
                     <option value="四川">四川</option>
                 </c:if>
                 <c:if test="${user.address == '四川'}">
                     <option value="广东">广东</option>
                     <option value="广西">广西</option>
                     <option value="湖南" >湖南</option>
                     <option value="四川"selected>四川</option>
                 </c:if>
            </select>
          </div>

          <div class="form-group">
            <label for="qq">QQ：</label>
            <input type="text" class="form-control" id="qq" name="qq" value="${user.qq}" placeholder="请输入QQ号码"/>
          </div>

          <div class="form-group">
            <label for="email">Email：</label>
            <input type="text" class="form-control"  id="email" value="${user.email}" name="email" placeholder="请输入邮箱地址"/>
          </div>

             <div class="form-group" style="text-align: center">
                <input class="btn btn-primary" type="submit" value="提交" />
                <input class="btn btn-default" type="reset" value="重置" />
                <input class="btn btn-default" type="button" value="返回"/>
             </div>
        </form>
        </div>
    </body>
</html>

其中有两个需要注意的地方：在性别与地址回显的地方：