将数据库中的表格信息输出到页面上

最新推荐文章于 2023-07-22 12:58:53 发布

原创最新推荐文章于 2023-07-22 12:58:53 发布 · 2.6w 阅读

128 ·

CC 4.0 BY-SA版权

文章标签：

#Java+JSP

JSP_Servlet 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用JSP和Java创建学生信息展示页面，通过SQL查询从数据库获取学生数据，并利用JSP内置对象和EL表达式展示数据。文章还探讨了表格布局、单元格样式控制及按姓名查询功能。

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

在《JDBC操作数据库实例》这篇博客中，我们可以在java文件中通过SQL查询语句将学生表中的学生信息输出到控制台。

本篇博客将实现将学生信息显示到页面上。

在test1项目（或者说是test1模块）的web目录下新建student.jsp文件。

文件内容如下：

<%@ page import="com.test1.db.StudentDb" %>
<%@ page import="java.util.List" %>
<%@ page import="com.test1.entity.Student" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>学生信息显示页面</title>
</head>
<body>
<table border="1" cellspacing="0">
    <tr>
        <td>学号</td>
        <td>姓名</td>
        <td>年龄</td>
        <td>性别</td>
        <td>地区</td>
        <td>专业</td>
        <td>班级</td>
        <td>民族</td>
    </tr>

    <%
        StudentDb sdb = new StudentDb();
        String sql = "select * from student";
        List<Student> lst = sdb.getStudent(sql);
        for (Student stu : lst) {
            out.println("<tr><td>" + stu.getSid() + "</td><td>" + stu.getSname() + "</td><td>" + stu.getSage() + "</td><td>" + stu.getSsex() + "</td><td>" + stu.getSnativeplace() + "</td><td>" + stu.getSmajor() + "</td><td>" + stu.getSclass() + "</td><td>" + stu.getSnative() + "</td></tr>");
        }
    %>
</table>
</body>
</html>

其中：

<table border="1" cellspacing="0">...</table>用来定义表格的边框和单元格间距。

通过地址栏访问student.jsp文件，运行效果图如下所示：

如果想让表格中的单元格大小都相同，则可以在<head> 部分通过 <style>标签定义内部样式表，设定<td>标签属性，即单元格属性。
<head>
    <title>学生信息显示页面</title>
    <style>
        td {
            width: 80px;
            height: 25px;
        }
    </style>
</head>
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

如果对单元格不作任何限制，则在有些浏览器上会出现单元格中文本换行的现象，比如在QQ浏览器上运行，效果如下：

如果对单元格的大小不作要求，只要求单元格中文本在一行显示，即单元格内文本不换行，可以指定<td>标签的white-space属性。

white-space属性指定元素内的空白怎样处理。

nowrap表示文本不换行，直到遇到<br>标签为止。
<head>
    <title>学生信息显示页面</title>
    <style>
        td {
            white-space:nowrap;
        }
    </style>
</head>

在QQ浏览器上运行效果如下：

将表格信息输出到页面上除了使用如上述代码中所写的foreach循环遍历学生对象列表，然后使用println()方法输出学生对象的各个属性值到页面外，还可以用JSP 表达式语言（EL）来访问数据。（两者效果相同）

    <%
        StudentDb sdb = new StudentDb();
        String sname = request.getParameter("sname");
        String sql = null;
        if (sname == null) {
            sql = "select * from student";
        } else {
            sql = "select * from student where sname like '%" + sname + "%'";
        }
        List<Student> lst = sdb.getStudent(sql);
        request.setAttribute("stuLst", lst);
    %>
    <c:forEach items="${stuLst}" var="stu">
        <tr>
            <td>${stu.sid}</td>
            <td>${stu.sname}</td>
            <td>${stu.sage}</td>
            <td>${stu.ssex}</td>
            <td>${stu.snativeplace}</td>
            <td>${stu.smajor}</td>
            <td>${stu.sclass}</td>
            <td>${stu.snative}</td>
        </tr>
    </c:forEach>