版权声明

本文原创作者：谷哥的小弟
作者博客地址：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;
    }

    @Override
    public 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 {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }

    @Override
    protected 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>