网页实现数据库表信息的CRUD操作

最新推荐文章于 2025-05-12 10:53:52 发布

zyl1112

最新推荐文章于 2025-05-12 10:53:52 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

文章标签：数据库 java database html javascript

本文链接：https://blog.youkuaiyun.com/zyl1112/article/details/123470638

这篇博客介绍了如何在网页上实现数据库表的增删改查（CRUD）操作，包括简单功能如列表查询、登录、添加、删除和修改，以及复杂功能如分页查询和复杂条件查询。通过Servlet、JSP和Java实现数据库交互，涉及登录验证、数据回显和前端交互逻辑。

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

描述

我们主要是对数据库表进行一些简单的增删改查操作，然后将内容展示在网页当中，其中主要分为

简单功能
1. 列表查询
2. 登录
3. 添加
4. 删除
5. 修改
复杂功能
1. 删除选中
2. 分页查询
3. 复杂条件查询

一、简单功能

在对数据库表进行操作时，我们首先得进行提供数据库表的实体类

public class User {
   
   
    private int id;
    private String name;
    private String gender;
    private int age;
    private String address;
    private String qq;
    private String email;
    private String username;
    private String password;
    
    }

有了实体类，再提供对应的getter和setter方法和有参无参构造方法。可以根据自己需要提供自己需要的方法

1.列表查询

列表查询主要是将数据库表中所有数据全部取出，然后进行展示。
最后展示界面应该为下图
在这里插入图片描述
实现列表查询的servlet代码

当我们得到了信息集合后我们需要将它存入request域中，然后转发到jsp页面中。
jsp的显示页面的代码如下：

<form action="${pageContext.request.contextPath}/deleteSelectedServlet" id="form" method="post">
    <table border="1" class="table table-bordered table-hover">
        <tr class="success">
            <th><input type="checkbox" id="firstCB"></th>
            <th>编号</th>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>籍贯</th>
            <th>QQ</th>
            <th>邮箱</th>
            <th>操作</th>
        </tr>

        <c:forEach items="${pageBean.list}" var="user" varStatus="s">
            <tr>
                <td><input type="checkbox" id="cb" value="${user.id}" name="userId"></td>
                <td>${s.count}</td>
                <td>${user.name}</td>
                <td>${user.gender}</td>
                <td>${user.age}</td>
                <td>${user.address}</td>
                <td>${user.qq}</td>
                <td>${user.email}</td>
                <td><a class="btn btn-default btn-sm" href="${pageContext.request.contextPath}/findUserServlet?id=${user.id}">修改</a>&nbsp;
                    <a class="btn btn-default btn-sm" href="javascript:deleteUser(${user.id});