【问题标题】:Using servlets to open jsp edit page using id使用servlet使用id打开jsp编辑页面
【发布时间】:2021-08-01 01:03:32
【问题描述】:

我对使用 Servlets 和 JSP 还很陌生,我正在尝试获取一个列出所有用户的 JSP 页面,根据用户 ID 重定向到编辑表单 jsp,列出所有用户的 JSP 页面使用迭代器显示我的 JDBC 表中的数据,但我似乎无法弄清楚如何为每个用户的编辑链接单独分配一个值,以便它可以使用该用户的数据加载编辑表单,我们将不胜感激。

这里是我当前的jsp页面代码以列出所有学生

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1" import="java.util.*" import="model.Student"%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, intial-scale=1 shink-to-fit=yes">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" 
    integrity="sha384-..." crossorigin="anonymous">
</head>
<body>
    <nav class="navbar navbar-dark bg-primary pd-8">
         <a class="navbar-brand">&nbsp;&nbsp;&nbsp;&nbsp;...University</a>
    </nav>
    <div class="container-fluid">
    <div class="container">

            <div class="form container-fluid p-4">
               <a href="<%=request.getContextPath()%>/new" class="btn btn-success" >Add
                    Student</a>
            </div>
            <br>
            
            <!--Assigning ArrayList object containing student data to the local object -->
            <% ArrayList<Student> studentList = (ArrayList) request.getAttribute("listStudents"); %> 
            <table class="table table-bordered">
            
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- data from table displayed using iterator-->
                    <%
                     if(request.getAttribute("listStudents") != null)  {
                            Iterator<Student> iterator = studentList.iterator();
                            while(iterator.hasNext()) {
                                Student studentDetails = iterator.next();
                    %>
                        <tr><td><%=studentDetails.getId()%></td>
                            <td><%=studentDetails.getName()%></td>
                            <td><%=studentDetails.getEmail()%></td>
                            <td><a href="<%=request.getContextPath()%>/edit?id=<%=studentDetails.getId()%>">Update</a> <!-- id assigned to edit link-->
                                &nbsp;&nbsp;&nbsp;&nbsp; <a href="<%=request.getContextPath()%>/delete?id=<%=studentDetails.getId()%>">Delete</a></td>  <!-- id assigned to delete link-->
                        </tr>
                    <% 
                            }
                     }
                    %>
                </tbody>
                
            </table>
            </div>
        </div>
        
    </body>
</html>

然后应该将 id 值分配给 servlet 中的一个值,该值用于在调用 edit 时从表中选择特定学生

这是我的 servlet 代码的一部分:

import java.io.IOException;
import java.sql.Connection;
import java.sql.SQLException;
import java.util.List;
import jakarta.servlet.RequestDispatcher;
import jakarta.servlet.ServletException;
import jakarta.servlet.http.HttpServlet;
import dao.StudentDao;
import model.Student;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;

public class StudentServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
    private StudentDao studentDao;

    public StudentServlet() {
        this.studentDao = new StudentDao();
    }

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

    
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String sPath = request.getServletPath();
        //switch statement to call appropriate method
        switch (sPath) {
            case "/new":
                try {
                    showNewForm(request, response);
                } catch (ServletException | IOException e) {
                    e.printStackTrace();
                }
                break;
            case "/insert":
                try {
                    insertStudent(request, response);
                } catch (SQLException | IOException e) {
                    e.printStackTrace();
                } 
                break;
            case "/delete":
                try {
                    deleteStudent(request, response);
                } catch (SQLException | IOException e) {
                    e.printStackTrace();
                }
                break;
            case "/update":
                try {
                    updateStudent(request, response);
                } catch (SQLException | IOException e) {
                    e.printStackTrace();
                }
                break;
            case "/edit":
                try {
                    editStudent(request, response);
                } catch (ServletException | IOException e) {
                    e.printStackTrace();
                }
                break;
            default:
                try {
                    listAllStudents(request, response); //home page = .../week04/StudentServlet
                } catch (ServletException | IOException | SQLException e) {
                    e.printStackTrace();
                } 
                break; 
            } 
    }

    private void editStudent(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException {
        int id = Integer.parseInt(request.getParameter("id"));
        Student currentStudent = studentDao.selectStudent(id);
        System.out.println(currentStudent);
        RequestDispatcher dispatch = request.getRequestDispatcher("student-form.jsp");
        request.setAttribute("student", currentStudent); 
        dispatch.forward(request, response);
    }

    private void listAllStudents(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException, SQLException {
        List<Student> allStudents = studentDao.selectAllStudents();
        request.setAttribute("listStudents", allStudents);
        RequestDispatcher dispatch = request.getRequestDispatcher("student-list.jsp");
        dispatch.forward(request, response);
    }
}

这是我的 DAO,以防我没有正确配置它:

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;
import model.Student;

public class StudentDao {
    private String jdbcURL = "jdbc:mysql://localhost:3308/xyzuniversity";
    private String jdbcUsername = "User";
    private String jdbcPassword = "password";
    
    
    private static final String SELECT_STUDENT_ID = "SELECT name, email FROM student WHERE id =?";

    protected Connection getConnection() {
    
            Connection connection = null;
            try {
                Class.forName("com.mysql.cj.jdbc.Driver");
                connection = DriverManager.getConnection(jdbcURL, jdbcUsername, jdbcPassword);
            }catch (SQLException | ClassNotFoundException e) {
                e.printStackTrace();
            } 
            return connection;
        }

    public Student selectStudent(int id) {
        Student student = null;
        try {
            Connection connection = getConnection();
            PreparedStatement prepStatement = connection.prepareStatement(SELECT_STUDENT_ID);
            prepStatement.setInt(1, id);
            ResultSet rSet = prepStatement.executeQuery();
            while(rSet.next()) {
                String name = rSet.getString("name");
                String email = rSet.getString("email");
                student = new Student(id, name, email);
            }
        } catch (SQLException e) {
            e.printStackTrace();
            }
        return student;
    }
    

最后是应该显示的jsp表单

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, intial-scale=1 shink-to-fit=yes">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
     integrity="sha384..." crossorigin="anonymous">
</head>
<body>
    <nav class="navbar navbar-dark bg-primary pd-8">
         <a class="navbar-brand">&nbsp;&nbsp;&nbsp;&nbsp;XYZ University</a>
    </nav>
    <div class="container col-md-5 p-4">
        <div class="card">
            <div class="card-body">

                <% if (request.getAttribute("student") != null) { %>
               <!-- form display depends on whether there is data in the table -->
                    <form action="<%=request.getContextPath()%>/update" method="post">
                    <% } else { %>
                    <form action="<%=request.getContextPath()%>/insert" method="post">
                    <% } %>
    
                    <div>
                        <h2>
                        <% if (request.getAttribute("student") != null) { %>
                            Edit Student
                        <% } else { %>
                            Add New Student
                        <% } %>
                        </h2>
                    </div>

                <% if (request.getAttribute("student") != null) { %>
                    <input type="hidden" name="id" value="<%=request.getAttribute("student.id") %>" />
                <% } %>

                <fieldset class="form-group">
                <legend>Name</legend>
                <% if (request.getAttribute("student") != null) { %>
                   <input type="text" value="<%=request.getAttribute("student.name") %>" class="form-control" name="name" required="required">
                <% }  else { %>
                    <input type="text" value="" class="form-control" name="name" required="required">
                <% } %>
                </fieldset>

                <fieldset class="form-group">
                <legend>Email</legend>
                <% if (request.getAttribute("student") != null) { %>
                    <input type="text" value="<%=request.getAttribute("student.email") %>" class="form-control" name="email">
                <% }  else { %>
                    <input type="text" value="" class="form-control" name="email">
                <% } %>     
                </fieldset>
                <button type="submit" class="t-3 btn btn-success">Save</button>
                </form>
            </div>
        </div>
    </div>

</body>
</html>

我假设我通过将编辑 url 设置为 href="/edit?id=" 获得了 id 值,但表单打开时显示为一个空值,我不知道我哪里出错了,或者现在如何分配值

真的不知道现在该怎么办,我已经尝试寻找解决方案,但似乎没有任何帮助解决我的问题。任何帮助将不胜感激。

【问题讨论】:

  • 当您在editStudent 方法中将currentStudent 打印到控制台时,它的值是多少?
  • @Ravi K Thapliyal 抱歉回复晚了,它成功返回了学生对象,但由于某种原因,该值未传递给学生表单,表单加载时姓名和电子邮件的值 = null尽管控制台显示该对象是从表中获取的

标签: java jsp servlets


【解决方案1】:

问题是您的request 属性名称是student

request.setAttribute("student", currentStudent);

但您的属性查找代码正在查找 student.id,然后返回 null

<input type="hidden" name="id" value="<%=request.getAttribute("student.id") %>" />

因此,您需要先获取 attribute,然后再获取它的 properties 以填充您的表单 &lt;input&gt;s 为

<input type="hidden" name="id" value="<%= ((Student) request.getAttribute("student")).getId() %>" />
<input type="text" name="name" value="<%= ((Student) request.getAttribute("student")).getName() %>" ... />
<input type="text" name="email" value="<%= ((Student) request.getAttribute("student")).getEmail() %>" ... />

request.getAttribute() 方法的返回类型是 Object,因此,在使用 getter 访问属性之前,需要强制转换为 Student。这意味着 JSP 页面也需要一个 import 指令。

<%@ page import="model.Student" %>

但是,我建议使用 JSP EL 表达式语言 语法将这些查找缩短为

<input type="hidden" name="id" value="${student.id}" />
<input type="text" name="name" value="${student.name}" class="form-control" required="required" />
<input type="text" name="email" value="${student.email}" class="form-control" />

这看起来更干净,更具可读性,不需要类型转换并优雅地处理 null 值。您甚至不需要所有这些null 检查,因为如果student 属性为nullvalue 将自动设置为""

所以,你所有的form-groups

<fieldset class="form-group">
    <legend>First Name</legend>
    <% if (request.getAttribute("student") != null) { %>
        <input type="text" value="${student.firstname}" class="form-control" 
               name="firstname" required="required">
    <% }  else { %>
        <input type="text" value="" class="form-control" name="firstname" required="required">
    <% } %>
</fieldset>

可以使用 EL 将其简化为几行代码。

<fieldset class="form-group">
    <legend>First Name</legend>
    <input type="text" value="${student.firstname}" class="form-control"
           name="fistname" required="required">
</fieldset>

【讨论】:

  • 非常感谢!!我已经在这个问题上绞尽脑汁三天了,第一种方法不起作用,但使用 value="${student.id}" 成功了
  • @Alpheus getAttribute() 的返回类型是 Object,因此,在访问属性之前需要转换为 Student。您可以继续使用 ${EL} 语法,我已经更新了答案,以便您了解这两种方式的工作原理。
  • 再次感谢您认为我会坚持使用 ${EL} 语法,它让生活变得更轻松,并且需要更少的代码
  • @Alpheus 如果你觉得我的帖子有帮助,你也可以选择投票:)
  • 我很乐意,但目前我没有足够的积分来投票,但一旦我这样做了,我肯定会回来
猜你喜欢
  • 2020-12-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-01-17
  • 2012-05-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多