day34-servlet 分页

0目录

servlet

1.分页

分页逻辑1:数据库中20条记录,要求每页5条数据,则一共有4页

分页逻辑2:数据库中21条记录,要求每页5条数据,则一共有5页

分页逻辑3:数据库中19条记录,要求每页5条数据,则一共有4页

2.分页实战

2.1  创建工程,导入依赖,创建包

2.2  创建js文件夹,放入物料jquery-1.9.1.min.js

0目录

servlet

1.分页

分页逻辑1:数据库中20条记录,要求每页5条数据,则一共有4页

分页逻辑2:数据库中21条记录,要求每页5条数据,则一共有5页

分页逻辑3:数据库中19条记录,要求每页5条数据,则一共有4页

2.分页实战

2.1  创建工程,导入依赖,创建包

2.2  创建js文件夹,放入物料jquery-1.9.1.min.js

day34-servlet 分页_第1张图片

 

2.3  创建表

day34-servlet 分页_第2张图片

2.4  引入工具类

(1)BaseDao查询数据库工具类

(2)PageBean分页工具类

day34-servlet 分页_第3张图片

2.5  创建User实体类

2.6  UserDao

day34-servlet 分页_第4张图片

2.7  UserDaoImpl

day34-servlet 分页_第5张图片

 

day34-servlet 分页_第6张图片

 

2.7  UserService和UserServiceImpl

day34-servlet 分页_第7张图片

 

2.8  测试

day34-servlet 分页_第8张图片

 

day34-servlet 分页_第9张图片

 

2.9  配置servlet

day34-servlet 分页_第10张图片

测试是否获取到数据:

day34-servlet 分页_第11张图片

 

2.10  编写list.jsp 输出在网页上(需手动输入页数)

day34-servlet 分页_第12张图片

 

day34-servlet 分页_第13张图片

2.11  添加按钮

(1)javascript:void (0)为了屏蔽href,防止跳转到href(需要触发到onclick)

day34-servlet 分页_第14张图片

 

day34-servlet 分页_第15张图片

(2)改造方法按钮

    首页:

day34-servlet 分页_第16张图片

 

day34-servlet 分页_第17张图片

 

day34-servlet 分页_第18张图片          

 day34-servlet 分页_第19张图片

末页:

day34-servlet 分页_第20张图片

 

day34-servlet 分页_第21张图片

 

上一页:

day34-servlet 分页_第22张图片

 

day34-servlet 分页_第23张图片

 

下一页:

day34-servlet 分页_第24张图片

 

 

你可能感兴趣的:(servlet)