jsp分页的常用写法

短命女 2023-02-25 08:33 193阅读 0赞

这里运用mvc格式去写分页，期间会用到jstl标签，c3p0连接池，jdbc数据库连接，tomcat服务器，以及可以先把包导入到项目中，具体的导包过程可以百度。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70]  
接下来我们把mvc格式先写出来，创建包和类  
第一步：  
m层：model模型，主要是功能类：分为dao层和service层。  
dao层主要做数据持久层的工作，负责与数据库进行联络的一些任务都封装在此，dao层的设计首先是设计dao层的接口，再分为实现包和封装包：如下：  
![在这里插入图片描述][20200711131941919.png]  
service层主要负责业务模块的应用逻辑应用设计。同样是首先设计接口，再设计其实现类。![在这里插入图片描述][20200711132045462.png]  
第二步  
再写c:controller层:一般是写一个servlet类，起到一个控制，或者中间桥梁的作用。![在这里插入图片描述][202007111325221.png]  
我这里只用到usersServlet类。  
第三步  
最后写v:视图层，这部分写页面显示的内容，一个从页面跳到c层的页面，一个接收c层数据的jsp页面。  
第四步：写c3p0的配置文件：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 1]  
1：这个是c3p0的一个标签，用在xml文件里，所以后面的dao层的c3p0类（类似于jdbc中的db类）在引用c3p0配置时，名字必须为c3p0-config，两个都不能变。  
2：student，是我MySQL里面的一个数据库名  
3：这些是连接的参数，我实验的maxPoolSize是你分页后的点击次数，以为一次点击会造成一次访问数据库。下面的加载时间，在时间后加载不出来会报错。  
第五步：写c3p0类：  
里面通过配置文件的引用得到数据库的连接：  
private static ComboPooledDataSource ds = new ComboPooledDataSource(“c3p0-config”);

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 2]  
1：便是通过这句话连接到了数据库，这是c3p0的连接方式  
2：这里我写了一个懒汉式单例模式，  
3：把需要的jdbc类声明出来  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 3]  
这几个方法就和jdbc连接差不多了。第一个方法得到连接con  
剩下的是两个关闭方法。  
第六步：  
写dao层里面的封装类：  
由于我要查询数据库里面的人类表（我这里封装了users类，无所谓的，一个名字而已），所以要封装里面的属性，我是想查id和name所以就封装了这两个。  
另外一个封装关键：这里把分页用到的各种数据，封装到一个类里面，然后再以类为参数，可以很好的调用。如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][20200711134452893.png]  
这是这两个类的属性，你们可以自行封装就好了。  
第七步;写dao层的接口：  
分页功能的实现需要查询一个数据集合和一个总条数的值，所以两个方法来了：  
![在这里插入图片描述][20200711134651919.png]  
紧接着就是实现类了：  
把两个方法实现了。![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 5]  
1;就是单例模式下的得到c3p0类的对象。  
2：写入查询语句，用准备状态和占位符  
3：把两个参数放入占位符，其中用了limit子句，里面放的值可以根据limit的用法推出来，很简单的。另外解释一下，方法里面的这两个参数分别是当前页和行数。封装在pagebean类里面的。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 6]  
1：把查询的结果集放入集合里  
2：sql语句，查询行数  
3：由于查询出来的是一个整数，所以就不用循环输出结果集了，直接判断是否有下一个，把这个查询出来的数值赋值给count就好了。  
其中rs,getInt(1)；这种写法就是为了得到这个数字。  
第八步：  
由于我们要用到pageBean这个对象，所以我们需要在服务层把所有对象的元素赋值，放入对象里。  
接口就一个方法：  
![在这里插入图片描述][2020071113570686.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 7]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 8]  
1：首先new一个users实现类的对象，调用其中两个方法得到总的数据数量和一个数据的集合，  
2；然后再对当前页进行设置：小于0为1或者大于最大页数为最大页数  
3：计算最大页数：  
int totalPage=totalCount%rows==0？totalCount/rows:totalCount/rows+1;  
这里用的是三目运算，挺好算的，就不解释了  
4：全部赋值给pageBean，再返回出来就好了。  
第九步：  
编写servlet类，这是一个可以连接jsp和Java以及数据库的类：  
可以先从jsp页面得到页和行，再从service里面得到pageBean对象。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 9]  
1：web注解，jsp找到它的一个关键  
2；从页面找到当前页和行，  
4：设置当前页和行  
3;从service里得到pageBean对象，设置参数，转发到页面  
第十步：v层;  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 10]  
1；jstl标签的使用指令  
2：forEach,循环，注意要是用pageBean对象里面的list属性进行操作  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 11]  
上一页，下一页，首页，尾页，以及基本显示的设定，这里就不再多写，主要是jsp页面操作，很简单的  
效果  
![在这里插入图片描述][20200711145955897.png]  
总结一下：从登录页面进入servlet里面，servlet再从service得到需要的数据，service从dao层里面连接数据库，查值。最后servlet得到数据后转发到jsp页面，jsp页面显示在浏览器中。浏览器内点击超链接，然后又从jsp进入到servlet，重新得到数据，得到数据的servlett又转发到jsp。循环往复。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70]: /images/20230209/20076e27d0264aceba81eee6258996b4.png
[20200711131941919.png]: /images/20230209/84558fe1443e4cf2b8f02a2fd5b30e7f.png
[20200711132045462.png]: /images/20230209/0583a8644e734abb89aeb43e8026ed4b.png
[202007111325221.png]: /images/20230209/0f3d9b61f92b4856b6303540740af49a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 1]: /images/20230209/455a2565e197447c945128e570f2563f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200711133838884.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200711134026778.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200711134439878.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA==,size_16,color_FFFFFF,t_70
[20200711134452893.png]: https://img-blog.csdnimg.cn/20200711134452893.png
[20200711134651919.png]: https://img-blog.csdnimg.cn/20200711134651919.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200711134836994.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200711135223461.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA==,size_16,color_FFFFFF,t_70
[2020071113570686.png]: https://img-blog.csdnimg.cn/2020071113570686.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200711135811968.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20200711135825306.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/20200711144809171.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 10]: https://img-blog.csdnimg.cn/20200711145430394.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA_size_16_color_FFFFFF_t_70 11]: https://img-blog.csdnimg.cn/20200711145741242.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzA0NTk2MA==,size_16,color_FFFFFF,t_70
[20200711145955897.png]: https://img-blog.csdnimg.cn/20200711145955897.png