使用boostrap组件结合PageHelper完成javaweb网页的分页功能

1.将bootstrap导入到已配置完成的ssm框架中

(1)复制boostrap所需文件到项目根目录下

(2)因为在web.xml中DispatcherServlet拦截所有静态资源.所以在springmvc中配置让服务器接受静态资源请求(两种方式)

<!-- DispatcherServlet不会拦截以/static开头的所有请求路径 -->
<mvc:resources location="/static/" mapping="/static/**"></mvc:resources>

<!--     <mvc:default-servlet-handler /> -->
<!-- mvc:default-servlet-handler或者mvc:resource location mapping都行 -->
<!-- 一个是将静态资源交由tomcat处理  一个是不拦截静态资源 -->

2.添加booststrap 静态文件到相应网页中

(1)

(2)测试boostrap

测试成功

3.所有事务查询方法的传播行为都设置成support,如果当前线程存在事务,使用该事务,否则不启动事务

前端解决

配置后端

(1)mybatis中配置插件

(2)后端获取数据库记录后用PageInfo进行包装

    @RequestMapping("/emps")public String list(@RequestParam(value="pageIndex",defaultValue="1") Integer pageIndex,Model model){PageHelper.startPage(pageIndex, 5);List<Employee> employees = employeeService.getAll();PageInfo pageInfo=new PageInfo(employees,5);model.addAttribute("pageInfo",pageInfo);
//        System.out.println(employees.size());return "list";}

(3)对分页条进行处理

1 显示所有分页导航

---->

<c:forEach items="${pageInfo.navigatepageNums }" var="page_index">
<li><a href="${pageContext.request.contextPath }/emps?pageIndex=${page_index}">${page_index }</a></li></c:forEach>

2.显示首页和尾页

3.当前页高亮

    <c:if test="${pageInfo.pageNum==page_index }"><li class="active"><a href="#">${page_index}</a></li></c:if><c:if test="${pageInfo.pageNum!=page_index }"><li><ahref="${pageContext.request.contextPath }/emps?pageIndex=${page_index}">${page_index }</a></li></c:if>

<c:if test="${pageInfo.hasNextPage }">
<li><a href="${pageContext.request.contextPath }/emps?pageIndex=${pageInfo.pageNum+1}" aria-label="Next"> <span
aria-hidden="true">»</span>
</a></li>
</c:if>

5.显示左侧信息

<div class="col-md-6">当前第${pageInfo.pageNum }页,共${pageInfo.pages }页,共${pageInfo.total}条记录</div>

转载于:https://www.cnblogs.com/lt123/p/7567980.html

使用boostrap组件结合PageHelper完成javaweb网页的分页功能相关推荐

Spring Boot入门系列（十六）整合pagehelper，一秒实现分页功能！
之前讲了Springboot整合Mybatis,然后介绍了如何自动生成pojo实体类.mapper类和对应的mapper.xml 文件,并实现最基本的增删改查功能.接下来要说一说Mybatis 的分页 ...
使用bootstarp前端组件集成的table 分页组件；简单上手使用实现前端分页功能
文章目录 1. 下载bootstarp 2. 下载使用 bootstrap-table 3.部分代码 4.具体效果注意这是前端分页实现哦, 在后端会一次性把数据取过来的,慎用啊
SpringBoot + Mybatis + Druid + PageHelper 实现多数据源并分页
点击关注公众号,Java干货及时送达本篇文章主要讲述的是SpringBoot整合Mybatis.Druid和PageHelper 并实现多数据源和分页.其中SpringBoot整合Mybatis这块 ...
Spring Boot + MyBatis + Druid + PageHelper 实现多数据源并分页
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试资料作者 | 虚无境链接 | cnblogs.com/xuwujin ...
SpringBoot+Mybatis+ Druid+PageHelper 实现多数据源并分页
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试资料作者: 虚无境 cnblogs.com/xuwujing/p/89 ...
android图片浏览功能,怎么在Android应用中实现一个网页图片浏览功能
怎么在Android应用中实现一个网页图片浏览功能发布时间:2020-12-05 17:28:31 来源:亿速云阅读:80 作者:Leah 本篇文章给大家分享的是有关怎么在Android应用中实现 ...
java网页截图_Java实现的简单网页截屏功能示例
本文实例讲述了Java实现的简单网页截屏功能.分享给大家供大家参考,具体如下: package awtDemo; import java.awt.AWTException; import java.a ...
druid 多数据源_SpringBoot+Mybatis+Druid+PageHelper 实现多数据源并分页
今天跟大家分享常用的SpringBoot+Mybatis+ Druid+PageHelper 实现多数据源并分页的知识. 1 SpringBoot+Mybatis+ Druid+PageHelper ...
druid 多数据源_SpringBoot+Mybatis+ Druid+PageHelper 实现多数据源并分页
作者: 虚无境http://cnblogs.com/xuwujing/p/8964927.html 前言本篇文章主要讲述的是SpringBoot整合Mybatis.Druid和PageHelper ...

使用boostrap组件结合PageHelper完成javaweb网页的分页功能

使用boostrap组件结合PageHelper完成javaweb网页的分页功能相关推荐

最新文章

热门文章