java Jsp实现跳页功能

分页逻辑

如果数据库中有20条记录,每页显示5条记录,则有4页

如果数据库中有21条记录,每页显示5条记录,则有5页

如果数据库中有19条记录,每页显示5条记录,则有4页

实战

步骤1:创建工程,导入依赖

java Jsp实现跳页功能_第1张图片

步骤2:web新建js包,导入Jquery

java Jsp实现跳页功能_第2张图片

步骤3:创建数据和表

java Jsp实现跳页功能_第3张图片

添加13条数据

java Jsp实现跳页功能_第4张图片

 

步骤4:工具类 BseDao 和PageBean(分页)

BageBean工具类改造有参构造

java Jsp实现跳页功能_第5张图片

步骤5:entity包实体类

java Jsp实现跳页功能_第6张图片

步骤6:Dao包UserDao接口

java Jsp实现跳页功能_第7张图片

步骤6:UserDaoImpl实现2个方法

第一个方法

java Jsp实现跳页功能_第8张图片

第二个方法

java Jsp实现跳页功能_第9张图片

步骤7:创建Servlet包和UserServlet类

java Jsp实现跳页功能_第10张图片

 

配置Web.xml

java Jsp实现跳页功能_第11张图片

 

步骤8:修改UserServlet

java Jsp实现跳页功能_第12张图片

 

java Jsp实现跳页功能_第13张图片

java Jsp实现跳页功能_第14张图片

 

加入测试

java Jsp实现跳页功能_第15张图片

java Jsp实现跳页功能_第16张图片

测试网页

java Jsp实现跳页功能_第17张图片

 

http://localhost:8080/UserServlet

步骤9:新增list.jsp

java Jsp实现跳页功能_第18张图片

 

测试

java Jsp实现跳页功能_第19张图片

 

步骤10:加入首页,上一页,下一页,末页

java Jsp实现跳页功能_第20张图片

java Jsp实现跳页功能_第21张图片

 

步骤11:加入跳页功能

java Jsp实现跳页功能_第22张图片

java Jsp实现跳页功能_第23张图片

测试

java Jsp实现跳页功能_第24张图片

步骤12:完成首页跳转

java Jsp实现跳页功能_第25张图片

 

 

form表单

java Jsp实现跳页功能_第26张图片

java Jsp实现跳页功能_第27张图片

 

测试

java Jsp实现跳页功能_第28张图片 

java Jsp实现跳页功能_第29张图片

步骤13:末页功能实现

java Jsp实现跳页功能_第30张图片

步骤14:实现上一页功能

java Jsp实现跳页功能_第31张图片

java Jsp实现跳页功能_第32张图片

测试

java Jsp实现跳页功能_第33张图片 

java Jsp实现跳页功能_第34张图片 步骤14:实现下一页功能

java Jsp实现跳页功能_第35张图片

java Jsp实现跳页功能_第36张图片

测试

java Jsp实现跳页功能_第37张图片

你可能感兴趣的:(java,开发语言,数据库)