jsp实现数据表的增删改查以及分页查询效果

最新推荐文章于 2025-05-04 14:31:55 发布
最新推荐文章于 2025-05-04 14:31:55 发布
阅读量1w 收藏 73
点赞数 8
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Breathblue/article/details/79832479
本文介绍了一个基于JSP实现的学生信息管理系统的分页查询及增删改查功能，包括具体代码示例与实现流程。

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

jsp实现数据表的分页查询效果相关截图:

相关代码如下:

 studentList.jsp相关代码:

<%@page import="cn.utils.Page"%>
<%@page import="cn.pojo.*"%>
<%@page import="java.util.*"%>
<%@page import="cn.services.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();//获得项目的路径
    String basePath = request.getScheme() + "://" + request.getServerName() + ":"//
            + request.getServerPort() + path + "/";
%>
<!DOCTYPE html >
<html>
<head>
<base href=<%=basePath%>>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>studentList.jsp</title>
<link rel="stylesheet" href="css/studentList.css">

<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
</head>
<body>
    <table class="table">
        <tr>
            <th>序号</th>
            <th>学生姓名</th>
            <th>学生密码</th>
            <th>学生性别</th>
            <th>手机号码</th>
            <th>住址</th>
            <!-- <th>生日</th> -->
            <!-- <th>身份证号</th> -->
            <!-- <th>图片</th> -->
            <th>中心</th>
            <th>驾校</th>
            <th>班级</th>
            <!-- <th>入学时间</th> -->
        </tr>
        <%
            request.setCharacterEncoding("utf-8");
            String str = request.getParameter("pageNum");
            Integer pageNum=0;
            if(str==null){
                pageNum=1;
            }else{
                pageNum=Integer.parseInt(str);
            }
            Page<Student> p=new StudentServicesImp().getAllByPagName(pageNum);
            List<Student> list=p.getList();
            
            for (int i = 0; i < list.size(); i++) {
                Student s = list.get(i);
        %>
        <tr>
            <td><%=(i + 1)%></td>
            <td><%=s.getStuName()%></td>
            <td><%=s.getStuPassWord()%></td>
            <td><%=s.getStuGender()%></td>
            <td><%=s.getStuPhone()%></td>
            <td><%=s.getStuAddress()%></td>
            <%-- <td><%=s.getStuBornDate()%></td> --%>
            <%-- <td><%=s.getStuIdentityCard()%></td> --%>
            <%-- <td><%=s.getStuPicture()%></td> --%>
            <td><%=s.getCenterId()%></td>
            <td><%=s.getCoachId()%></td>
            <td><%=s.getGradeId()%></td>
            <%-- <td><%=s.getStuEnterTime()%></td> --%>
            <td><a href="toStudentUpdate.jsp?studentId=<%=s.getStudentId()%>">修改</a></td>
            <td><a href="toStudentDelete.jsp?studentId=<%=s.getStudentId()%>">删除</a></td>
            <td><a href="showUStudentDetail.jsp?studentId=<%=s.getStudentId()%>">查看详情</a></td>
        </tr>
        <%
            }
        %>

    </table>
    <div class="box">
        <div id="lt">
            <span> 共有 <%=p.getTotalCount() %> 条记录，当前第 <%=p.getPageNum() %>/<%=p.getTotalPage() %> 页</span>
        </div>
        <div id="rt">
            <a href="studentList.jsp?pageNum=1">首页</a>
            <a href="studentList.jsp?pageNum=<%=p.getPageNum()-1%>">上一页</a>
            <a href="studentList.jsp?pageNum=<%=p.getPageNum()+1%>">下一页</a>
            <a href="studentList.jsp?pageNum=<%=p.getTotalPage()%>">尾页</a>
            <form action="studentList.jsp" method="post" id="pageForm">
                <span>转到第 </span>
                <input type="number" name="pageNum" id="pageInput" value="<%=p.getPageNum()%>"/>
                <span>页</span>
                <input type="submit" value="GO" id="sub"/>
            </form>
        </div>
    </div>
</body>

</html>

=============================================

实现数据表中修改操作,对学生表进行想关修改设置;

tostudentuodate.jsp相关代码     

<%@page import="cn.pojo.*"%>
<%@page import="java.util.List"%>
<%@page import="cn.services.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();//获得项目的路径 =/java48_jsp_1
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE html >
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script src="js/jquery-1.12.4.js"></script>
<script src="laydate/laydate.js"></script>
<link rel="stylesheet" href="css/userRegister.css" >
<script src="js/userRegister.js"></script>
<body>
    <%
        Student u= null;
        try {
            String st = request.getParameter("studentId");
            Integer studentId = Integer.parseInt(st);
            u = new StudentServicesImp().getStudentById(studentId);
            out.print(u);
        } catch (Exception e) {
            e.printStackTrace();
        }
    %>
    <div class="box">
        <h2>用户修改</h2>
        <form action="doStudentUpdate.jsp" method="post">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td>用户编号：</td>
                    <td><input type="text" name="studentId" value="<%=u.getStudentId() %>" readonly="readonly" /></td>
                </tr>
                <tr>
                    <td>用户名：</td>
                    <td><input type="text" name="stuName" value="<%=u.getStuName() %>" placeholder="输入用户名" /></td>
                </tr>
                <tr>
                    <td>密码:</td>
                    <td><input type="text" name="stuPassWord"  value="<%=u.getStuPassWord() %>"/></td>
                </tr>
                <tr>
                    <td>性别:</td>
                    <td><input type="text" name="stuGender" value="<%=u.getStuGender() %>" /></td>
                </tr>
                <tr>
                    <td>电话:</td>
                    <td><input type="text" name="stuPhone" value="<%=u.getStuPhone() %>" /></td>
                </tr>
                <tr>
                    <td>地址:</td>
                    <td><input type="text" name="stuAddress" value="<%=u.getStuAddress() %>" /></td>
                </tr>
                <tr>
                    <td>生日:</td>
                    <td><input type="text" name="stuBornDate" value="<%=u.getStuBornDate() %>" id="bornDate" /></td>
                </tr>
                <tr>
                    <td>身份证号:</td>
                    <td><input type="text" name="stuIdentityCard" value="<%=u.getStuIdentityCard() %>" id="stuIdentityCard" /></td>
                </tr>
                <tr>
                    <td>学员照片:</td>
                    <td><input type="text" name="stuPicture" value="<%=u.getStuPicture() %>" id="stuPicture" /></td>
                </tr>
                <tr>
                    <td>中心编号:</td>
                    <td>
                        <select name="centerId">
                            <%
                                CenterServices ct=new CenterServicesImp();
                                List<Center> centerList=ct.getAllCenter();
                                for(int i=0;i<centerList.size();i++){
                                    Center center=centerList.get(i);
                                    if(u.getCenterId()==center.getCenterId()){
                                        %>
                                        <option value="<%=center.getCenterId()%>" selected>
                                        <%=center.getCenterName() %></option>
                                        <%
                                    }else{
                                        %>
                                        <option value="<%=center.getCenterId()%>">
                                        <%=center.getCenterName() %></option>
                                <% }
                                }
                            %>
                        
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>教练编号:</td>
                    <td>
                        <select name="coachId">
                            <%
                                CoachServices ch = new CoachServicesImp();
                                List<Coach> coachList=ch.getAllCoach();
                                for( int i = 0 ;i < coachList.size(); i++ ){
                                    Coach coach = coachList.get(i);
                                    if(u.getCoachId()==coach.getCoachId()){
                                        %>
                                        <option value="<%=coach.getCoachId()%>" selected><%=coach.getCoaName()%></option>    
                                        <%
                                    }else{
                                        %>
                                        <option value="<%=coach.getCoachId()%>" ><%=coach.getCoaName()%></option>    
                                        <%
                                    }
                                }
                            %>
                        
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>班级编号:</td>
                    <td>
                    <select name="gradeId">
                            <%
                                GradeServices cs = new GradeServicesImp();
                                List<Grade> gradeList=cs.getAllGrade();
                                for( int i = 0 ;i < gradeList.size(); i++ ){
                                    Grade grade = gradeList.get(i);
                                    if(u.getGradeId()==grade.getGradeId()){
                                        %>
                                        <option value="<%=grade.getGradeId()%>" selected><%=grade.getGradeName()%></option>    
                                        <%
                                    }else{
                                        %>
                                        <option value="<%=grade.getGradeId()%>" ><%=grade.getGradeName()%></option>    
                                        <%
                                    }
                                }
                            %>
                        
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>班级名称:</td>
                    <td><input type="text" name="gradeName" value="<%=u.getGradeName() %>" id="gradeName" /></td>
                </tr>
                <tr>
                    <td>教练姓名:</td>
                    <td><input type="text" name="coachName" value="<%=u.getCoachName() %>" id="coachName" /></td>
                </tr>
                <tr>
                    <td>入学时间:</td>
                    <td><input type="text" name="stuEnterTime" value="<%=u.getStuEnterTime() %>" id="stuEnterTime" /></td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="submit" value="修改" /></td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="reset" value="重置" /></td>
                </tr>
            </table>
        </form>
    </div>
</body>
</html>
</body>

</html>

=============================================

由tostudentUpdate.jsp级联跳转至dostudentUpdate .jsp,以实现studentListbiao中的添加操作.相关代码如下:

<%@page import="cn.services.StudentServicesImp"%>
<%@page import="cn.pojo.Student"%>
<%@page import="cn.utils.PackObject"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();//获得项目的路径 =/java48_jsp_1
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE html >
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>doStudentUpdate.jsp</title>
</head>
<body>
    <%
        request.setCharacterEncoding("utf-8");
        Student u = PackObject.getObject(request, Student.class);
        int  i = new StudentServicesImp().updateStudentById(u);
        response.sendRedirect("studentList.jsp");
    %>
</body>

</html>

========================================================

相关删除操作代码()如下:

<%@page import="cn.services.StudentServicesImp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();//获得项目的路径 =/java48_jsp_1
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE html >
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>toStudentDelete.jsp</title>
</head>
<body>
    <%
        try{
            request.setCharacterEncoding("UTF-8");
            String st = request.getParameter("studentId");
            Integer studentId = Integer.parseInt(st);
            int i =new StudentServicesImp().deletStudentById(studentId);
            //使用重定向：好处是刷新页面时，不会重复提交表单
            response.sendRedirect("studentList.jsp");
        }catch(Exception e){
            
        }
    %>
</body>

</html>

===============================================

查看详情(showStudentDetail.jsp)相关代码:

<%@page import="cn.pojo.Student"%>
<%@page import="cn.services.StudentServicesImp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
    <%!Student u= null;%>
        <%
        Student u= null;
        try {
            String st = request.getParameter("studentId");
            Integer studentId = Integer.parseInt(st);
            u = new StudentServicesImp().getStudentById(studentId);
        } catch (Exception e) {
            e.printStackTrace();
        }
    %>
    <table>
    学员姓名<tr><%=u.getStuName()%></tr>
    学员密码<tr><%=u.getStuPassWord()%></tr>
    学员性别<tr><%=u.getStuGender()%></tr>
    学员电话<tr><%=u.getStuPhone()%></tr>
    学员地址<tr><%=u.getStuAddress()%></tr>
    学员生日<tr><%=u.getStuBornDate()%></tr>
    身份证号<tr><%=u.getStuIdentityCard()%></tr>
    学员照片<tr><%=u.getStuPicture()%></tr>
    中心编号<tr><%=u.getCenterId()%></tr>
    教练编号<tr><%=u.getCoachId()%></tr>
    班级编号<tr><%=u.getGradeId()%></tr>
    </table>
</body>
</html>

================================================

studentList.css相关代码如下:

@charset "UTF-8";
.table{
    border=1px solid black;
    cellspacing="0" ;
    cellpadding="0"
    cellpadding:0;
    cellspacing:0;
    width:80%;
    text-align: center;
    margin:10px auto;
    }
    
    .box{
        position:relative;
        width:80%;
        margin:0 auto;
        border:1px solid black;
    }
    
    #rt{
        position: absolute;
        right:0;
        top:0;
    }
    #pageForm{
        display: inline-block;

    }

==============================================

demo.js相关代码如下:

$(function(){
    $("tr:odd").css("background","grey");

});

=================================================

分页(page.java)跳转的相关代码:

package cn.utils;

import java.util.List;

public class Page<T> {
    private Integer pageNum;// 当前的页数，第几页
    private Integer totalCount;// 总条数，总共有多少记录
    private Integer rowNum; // 当前行数
    public static final Integer pageCount = 4;// 每页4条
    private Integer totalPage;// 总页数，通过总条数计算的总页数
    private List<T> list;// 没一页的数据

    public Integer getPageNum() {
        return pageNum;
    }

    public Integer getTotalCount() {
        return totalCount;
    }

    public Integer getRowNum() {
        return rowNum;
    }

    public Integer getTotalPage() {
        return totalPage;
    }

    public List<T> getList() {
        return list;
    }

    // 总条数，总共有多少记录
    public void setTotalCount(Integer totalCount) {
        this.totalCount = totalCount;
    }

    // 总页数，通过总条数计算的总页数
    public void setTotalPage() {
        this.totalPage = (totalCount % pageCount == 0) ? (totalCount / pageCount) : (totalCount / pageCount + 1);
    }

    // 当前的页数
    public void setPageNum(Integer pageNum) {
        // 为空或者小于0
        // 就是查找当前页数，
        // 需要查找的是 空值、0、负数，显示的都为第一页
        // 需要查找的 大于现存的页数，则显示为最后一页
        if (pageNum == null) {
            this.pageNum = 1;
        }
        if (pageNum > totalPage) {
            this.pageNum = totalPage;
        } else {
            this.pageNum = pageNum;
        }
        if (pageNum <= 0) {
            this.pageNum = 1;
        }
    }

    // 当前行号
    // 当前页的起始行，也就是从第几行开始
    public void setRowNum() {
        this.rowNum = pageCount * (pageNum - 1);
    }

    public void setList(List<T> list) {
        this.list = list;
    }

    @Override
    public String toString() {
        return "Page [totalCount=" + totalCount + ", rowNum=" + rowNum + ", totalPage=" + totalPage + ", list=" + list
                + "]";
    }

}





jsp到java代码到数据的简单页面的增删改查以及分页展示
01-10
jsp展示，java代码层到Oracle数据库的简单页面增删改查和分页展示，适合新手拿来练手
使用jsp实现登录页面，增删改查页面，mysql数据库。
10-23
jsp+jdbc+servlet+mysql数据库增删改查sql命令 分页查询等功能
MyBatis3-实现单表数据的增删查改
angou6476的博客
06-20 129
继续前一篇文章http://www.cnblogs.com/EasonJim/p/7050710.html所示的例子，返回的是单个实体，而接下来将进行列表的返回等操作： 一、查询列表 查询出列表，也就是返回List, 在这个例子中也就是List<User>，这种方式返回数据，需要在User.xml里面配置返回的类型resultMap，注意不是resultType，而这个r...
JSP网页数据库操作增删改查模板实战
最新发布
weixin_42575109的博客
05-04 414
JSP（JavaServer Pages）是一种基于Java技术的动态网页开发技术。它允许开发者将Java代码嵌入HTML页面中，从而创建动态和交互式的网页内容。与传统的Servlet技术相比，JSP简化了页面内容的生成，使得开发者可以专注于页面的设计和布局，而不必过分关注业务逻辑的实现细节。数据库连接技术有多种实现方式，每种方式有其特定的应用场景和优缺点。以下是一些常见的数据库连接技术：：JDBC是一种基于Java语言的数据库连接技术，它提供了一套标准的API来执行SQL语句和管理数据库连接。
10.25
dongchangqi95的博客
10-25 202
html> html ng-app="myApp"> head> meta charset="UTF-8"> script type="text/javascript" src="jquery.1.12.4.js">script> script type="text/javascript" src="angular-1.3.0.js">script> script
jsp实现增删改查的实例
01-04
jsp实现增删改查的实例，里面有数据库和javaBean代码可以供你参考 jsp实现增删改查的实例，里面有数据库和javaBean代码可以供你参考
SSM整合实现增删改查及分页功能
07-18
在本项目中，我们将深入探讨如何利用这三大框架来实现数据的增删改查（CRUD）以及分页功能。 首先，Spring框架作为基础，它提供了依赖注入（DI）和面向切面编程（AOP）的核心特性，使得各个组件之间可以松耦合，...
jsp+servlet+mysql实现简单的增删改查+分页
12-11
在IT领域，尤其是在Web开发中，"jsp+servlet+mysql实现简单的增删改查+分页"是一个常见的学习主题，适合初学者理解基础的后端开发流程。这个组合提供了从客户端到服务器端再到数据库的数据交互能力，同时也包含了...
基于Java语言的Ajax异步请求实现分页及数据增删改查设计源码
10-10
数据管理平台不仅要求高效率，同时也要确保良好的用户体验，其中分页和数据的增删改查是基础而关键的功能。本项目基于Java语言，通过Ajax技术实现了异步请求，旨在构建一个具有高效数据处理能力的管理平台。 Java...
ssm整合框架以及增删改查的分页Demo
11-27
3. **Mapper接口**：定义CustomerMapper接口，包含增删改查和分页查询的方法。 4. **Mapper XML文件**：编写对应的XML文件，编写SQL语句。 5. **Service**：创建CustomerService接口及其实现，调用Mapper接口进行...
jsp 对数据增删改查及分页
05-24
在这个“jsp 对数据增删改查及分页”的主题中，我们将深入探讨如何利用JSP结合Struts2框架来管理员工数据的CRUD（Create、Read、Update、Delete）操作以及实现分页功能。 首先，Struts2是基于MVC（Model-View-...
基于单表的增删改查（jsp+servlet版）
07-15
基于单表的增删改查（jsp+servlet版）
jsp网页表格信息查询
08-23
自己做了一个信息管理系统，实现表格信息查询、插入、删除、修改。
JSP删除数据
02-18
使用JSP删除数据库中国的一条数据，相当简单的呦 大家看看
SERVLET增删改查
06-22
servlet的增删改查功能的实现，对java编程的一些心得
servlet增删改查
03-19
servlet的增删改查，数据库用的是mysql,安装的时候选择utf-8,导入我给的项目应该都没什么问题
Servlet增删改查
weixin_34066347的博客
11-27 2987
数据库sql语句 CREATE TABLE `employees` ( `id` int(10) unsigned NOT NULL AUTO_INCREMENT, `name` varchar(64) NOT NULL DEFAULT '', `age` int(3) unsigned NOT NULL DEFAULT '0', `education` v...
数据操作-对数据的增删改查-单表查询和多表查询
ZHOUXIN0426的博客
07-23 526
补漏：mysql> select id from course where cname = '物理'; 这个得出来的结果显示是一个表，其实是mysql为了显示好看设计出来的，结果就是一个数据类型，比如id就是一个整型。1.上课笔记today my level is onedifficult knowledge1.only_full_group_bysql语句不区分大小写对数据操作1...
使用Servlet实现增删改查（CRUD）操作
palitlai的博客
06-10 1192
insertUser方法从请求中获取用户输入的name和email，插入到数据库中。updateUser方法从请求中获取用户ID、name和email，更新数据库中的相应记录。DOCTYPE html>在Java Web开发中，Servlet是一种重要的服务器端组件，用于处理客户端的请求并生成响应。本文将介绍如何使用Servlet实现基本的增删改查（CRUD）操作，并提供示例代码和详细的分段解析。我们将实现一个名为`UserServlet`的Servlet，它可以处理用户的增删改查操作。
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值