JavaWeb课程设计项目实战(06)——项目编码实践3

版权声明

本文原创作者：谷哥的小弟
作者博客地址：http://blog.csdn.net/lfdfhl

在这里插入图片描述

在本教程教程中，我们实现学生列表的显示。

Student

请在bean包下创建Student类，代码如下：

package com.cn.bean;
/*** 本文作者：谷哥的小弟* 博客地址：http://blog.csdn.net/lfdfhl*/
public class Student {private int id;private String name;private int age;private String gender;private String hobby;public Student() {}public Student(int id, String name, int age, String gender, String hobby) {this.id = id;this.name = name;this.age = age;this.gender = gender;this.hobby = hobby;}public int getId() {return id;}public void setId(int id) {this.id = id;}public String getName() {return name;}public void setName(String name) {this.name = name;}public int getAge() {return age;}public void setAge(int age) {this.age = age;}public String getGender() {return gender;}public void setGender(String gender) {this.gender = gender;}public String getHobby() {return hobby;}public void setHobby(String hobby) {this.hobby = hobby;}@Overridepublic String toString() {return "Student{" +"id=" + id +", name='" + name + '\'' +", age=" + age +", gender='" + gender + '\'' +", hobby='" + hobby + '\'' +'}';}
}

图示如下：

在这里插入图片描述

ShowStudentServlet

请在servlet包下创建ShowStudentServlet，当查询到所有学生后将请求转发至学生列表页面。

代码如下：

package com.cn.servlet;import com.cn.util.C3P0Utils;
import com.cn.bean.Student;
import javax.servlet.RequestDispatcher;
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;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;@WebServlet(name = "ShowStudentServlet", urlPatterns = "/ShowStudentServlet")
public class ShowStudentServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doPost(request, response);}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {ArrayList<Student> studentArrayList = new ArrayList<>();Connection connection = null;PreparedStatement preparedStatement = null;ResultSet resultSet = null;try {connection = C3P0Utils.getConnection();String sql = "SELECT * FROM student";preparedStatement = connection.prepareStatement(sql);resultSet = preparedStatement.executeQuery();while (resultSet.next()) {int id = resultSet.getInt("id");String name = resultSet.getString("name");int age = resultSet.getInt("age");String gender = resultSet.getString("gender");String hobby = resultSet.getString("hobby");Student student = new Student(id, name, age, gender, hobby);studentArrayList.add(student);}} catch (Exception e) {e.printStackTrace();} finally {C3P0Utils.release(connection, preparedStatement, resultSet);}request.setAttribute("students", studentArrayList);RequestDispatcher requestDispatcher = request.getRequestDispatcher("/studentList.jsp");requestDispatcher.forward(request, response);}
}

图示如下：
在这里插入图片描述

学生列表页面

请在web文件夹下创建学生列表页面studentList.jsp，代码如下：

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>学生列表</title><style type="text/css">tr {text-align: center;}.out {display: inline-flex;}</style><script type="text/javascript">function logout() {window.location.href = "${pageContext.request.contextPath}/LogoutServlet";}function showStudent() {window.location.href = "${pageContext.request.contextPath}/ShowStudentServlet";}function addStudent() {window.location.href = "${pageContext.request.contextPath}/studentAdd.jsp";}function updateStudent(id) {window.location.href = "${pageContext.request.contextPath}/QueryStudentServlet?id=" + id;}function deleteStudent(id) {let flag = window.confirm("您确定要删除吗？");if (flag) {window.location.href = "${pageContext.request.contextPath}/DeleteStudentServlet?id=" + id;}}</script>
</head>
<body background-color="#e2e6c2">
<%--欢迎登录--%>
<div id="welcome"><h5>欢迎：${user.username}</h5>
</div>
<div align="center"><form action="${pageContext.request.contextPath}/SearchStudentServlet" method="post"><%--搜索学生--%><input type="text" name="content" placeholder="请输入姓名或学号"><input type="submit" value="搜索"></form><%--新增学生--%><input type="button" name="create" value="新增" onclick="addStudent()"/><%--刷新学生列表--%><input type="button" name="showList" value="刷新" onclick="showStudent()"/><%--退出登录--%><input type="button" name="logout" value="退出"  onclick="logout()"/>
</div>
<br/><%--学生列表--%>
<table border="1" cellpadding="5px" cellspacing="0px" align="center"><tr><th>学号</th><th>姓名</th><th>年龄</th><th>性别</th><th>爱好</th><th>操作</th><th>操作</th></tr><c:forEach var="student" items="${students}"><tr><td>${student.id}</td><td>${student.name}</td><td>${student.age}</td><td>${student.gender}</td><td>${student.hobby}</td><td><input id="update" type="button" value="修改" onclick="updateStudent(${student.id})"/></td><td><input id="delete" type="button" value="删除" onclick="deleteStudent(${student.id})"/></td></tr></c:forEach>
</table>
</body>
</html>