MyBatis - PageHelper 分页

MyBatis - PageHelper 分页

依赖

            <!--分页插件 pageHelper-->
            <dependency>
                <groupId>com.github.pagehelper</groupId>
                <artifactId>pagehelper</artifactId>
                <version>5.2.0</version>
            </dependency>

配置文件

    <!--配置mybatis SqlSessionFacotryBean 工厂-->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <!--数据源-->
        <property name="dataSource" ref="dataSource"/>
        <!--MyBatis配置文件-->
        <property name="configLocation" value="classpath:config/mybatisConfig.xml"/>
        <!--指定XXXMapper.xml文件位置-->
        <property name="mapperLocations" value="classpath:org.zrz.crowd.component.mapper/*Mapper.xml"/>

        <!-- 配置插件 -->
        <property name="plugins">
            <array>
                <!-- 配置PageHelper-->
                <bean  class="com.github.pagehelper.PageInterceptor">
                    <property name="properties">
                        <props>
                            <!--配置数据库方言,告诉PageHelper当前使用的数据库-->
                            <!--<prop key="dialect">mysql</prop>-->
                            <!--配置页码的合理化修正,在 1 — 总页数 之间修正页码-->
                            <prop key="reasonable">true</prop>
                        </props>
                    </property>
                </bean>
            </array>
        </property>
    </bean>

JQuery Pagination 分页插件

image-20220122231414806

image-20220122231651884

<script>

    $(function () {

        // 调用后面声明的函数对页码导航条进行初始化操作
        initPagination();
    });

    // 生产页码导航条的函数
    function initPagination(){

        // 获取总记录数
        var totalRecord = ${requestScope.pageInfo.total};

        // 声明一个JSON对象,存储Pagination要设置的属性
        var properties = {
            num_edge_entries: 3,// 边缘页
            num_display_entries: 4,// 主体页
            callback: pagSelectCallback,// 用户点击 “翻页” 的按钮 要跳转的函数
            items_per_page: ${requestScope.pageInfo.pageSize}, // 每页要显示的数量
            //   Pagination 内部使用pageindex 页码是从0开始的,所以pageNum -1
            current_page: ${requestScope.pageInfo.pageNum - 1},
            prev_text: "上一页",
            next_text: "下一页"
        };

        // 生成页码导航条
        $("#Pagination").pagination(totalRecord,properties);

        // 回调函数的含义:声明出来以后不是给自己调用,而是交给系统或这框架调用
        // 用户点击 1,2,3,这样的页码时调用这个函数实现页面跳转
        // pageIndex是Pagination传递给我们的那个“从0开始的页码”
        function pagSelectCallback(pageIndex,jQuery) {

            // 根据pageIndex计算得到的pageNum
            var pageNum = pageIndex + 1;
            // 跳转页面
            window.location.href = "admin/get/pageInfo.html?pageNum="+pageNum+"&keyword=${param.keyword}";
            // 由于每个页码的按钮都是超链接,所以在这个函数最后返回取消超链接的默认行为
            return false;
        };
    };
</script>
posted @ 2022-03-05 20:39  zrzicu  阅读(45)  评论(0)    收藏  举报