成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

分頁(yè)

BDEEFE / 3077人閱讀

摘要:配置無(wú)當(dāng)前頁(yè)總頁(yè)數(shù)每頁(yè)記錄大小總記錄查詢(xún)結(jié)果集當(dāng)前頁(yè)總記錄數(shù)每頁(yè)記錄數(shù)設(shè)置值查詢(xún)結(jié)果當(dāng)前共條記錄首頁(yè)上一頁(yè)總頁(yè)不超過(guò)頭溢出尾溢出循環(huán)遍歷頁(yè)碼列表下一頁(yè)尾頁(yè)運(yùn)行結(jié)果為去寫(xiě)我要顯示頁(yè)總記錄數(shù)總頁(yè)數(shù)首頁(yè)頭溢出尾溢出尾頁(yè)

ssm配置無(wú)

StudentMapper.java

public interface StudentMapper {
    int queryCount();
    List queryAll(HashMap map);
}

StudentMapper.xml


    
    

Student.java

public class Student {
    package cn.scitc.pojo;

import java.util.Date;

public class Student {
    private Integer id;
    private  String name;
    private Date birthday;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Date getBirthday() {
        return birthday;
    }

    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }
}

}

PageBean.java

package cn.scitc.pojo;

import java.util.List;

public class PageBean {
    private int currPage; //當(dāng)前頁(yè)
    //    private int totalPage;//總頁(yè)數(shù)
    private int pageSize;//每頁(yè)記錄大小
    private int totalCount;//總記錄
    private List pageBean;//查詢(xún)結(jié)果集

    public int getCurrPage() {
        return currPage;
    }

    public void setCurrPage(int currPage) {
        this.currPage = currPage;
    }

    public int getTotalPage() {
        int totalPage = totalCount / pageSize;
        return totalCount % pageSize == 0 ? totalPage : totalPage + 1;
    }

//    public void setTotalPage(int totalPage) {
//        this.totalPage = totalPage;
//    }

    public int getPageSize() {
        return pageSize;
    }

    public void setPageSize(int pageSize) {
        this.pageSize = pageSize;
    }

    public int getTotalCount() {
        return totalCount;
    }

    public void setTotalCount(int totalCount) {
        this.totalCount = totalCount;
    }

    public List getPageBean() {
        return pageBean;
    }

    public void setPageBean(List pageBean) {
        this.pageBean = pageBean;
    }
}

StudentService.java

public interface StudentService {
    PageBean queryAll(Integer currPage);
}

StudentServiceImpl.java

@Service
public class StudentServiceImpl implements StudentService {
    @Autowired
    private StudentMapper studentMapper;
    @Override
    public PageBean queryAll(Integer currPage) {
        HashMap map = new HashMap<>();
       PageBean pageBean = new PageBean<>();
       //當(dāng)前頁(yè)
        pageBean.setCurrPage(currPage);
        //總記錄數(shù)
        int totalCount = studentMapper.queryCount();
        pageBean.setTotalCount(totalCount);
        //每頁(yè)記錄數(shù)
        int pageSize = 5;
        pageBean.setPageSize(pageSize);

        //map設(shè)置值
        map.put("start",(currPage -1) * pageSize );
        map.put("size",pageBean.getPageSize());
        //查詢(xún)結(jié)果
        List studentList = studentMapper.queryAll(map);
        pageBean.setPageBean(studentList);
        return pageBean;
    }
}

StudentController.java

@Controller
public class StudentController {
    @Autowired
    private StudentService studentService;
    @RequestMapping("/query")
    public String query(@RequestParam(value = "currPage",defaultValue = "1") Integer currpage, Model model){
        model.addAttribute("pageBean",studentService.queryAll(currpage));
        return "student";
    }
}

student.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    Title



        
id: name: birthday:
當(dāng)前${pageBean.currPage}/${pageBean.totalPage} 共${pageBean.totalCount}條記錄 ">[首頁(yè)] ">上一頁(yè) <%--總頁(yè)不超過(guò)10--%> <%--頭溢出--%> <%--尾溢出--%> <%-- 循環(huán)遍歷頁(yè)碼列表 --%> [${i}] ">${i} ">下一頁(yè) ">[尾頁(yè)]

運(yùn)行結(jié)果為:

js去寫(xiě)

         //我要顯示5頁(yè)
            // 1 2 [3] 4 5
            //總記錄數(shù)
            var recordCount = data.data.articleCount;
            //總頁(yè)數(shù)
            var pageCount = Math.ceil(recordCount / pageSize);
            if (pageIndex != 1) {
                var indexPageHtml =
                    ``
                    + ``
                    + ``
                    + `首頁(yè)`;
                $(".nav-links").append(indexPageHtml);
            }
            if (pageCount < 5) {
                var begin = 1;
                var end = pageCount;
            } else {
                var begin = (pageIndex - 3);
                var end = (pageIndex + 1);
                //頭溢出
                if (begin < 1) {
                    begin = 1;
                    end = 5;
                }
                //尾溢出
                if (end > pageCount) {
                    begin = pageCount - 4;
                    end = pageCount;
                }
            }
            console.log("begin:" + begin);
            console.log("end:" + end);
            for (var i = begin; i <= end; i++) {
                if (i == pageIndex) {
                    $(".nav-links").append(`${i}`);
                } else {
                    $(".nav-links").append(`${i}`);
                }
            }

            if (pageIndex != pageCount) {
                var lastPageHtml =
                    `尾頁(yè)`
                    + ``
                    + ``
                    + ``
                $(".nav-links").append(lastPageHtml);
            }
        }

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/77711.html

相關(guān)文章

  • Laravel自定義分頁(yè)樣式

    摘要:的分頁(yè)組件默認(rèn)為的分頁(yè)樣式,但如果我們用的并不是或者說(shuō)分頁(yè)的結(jié)構(gòu)不一樣,這時(shí)我們需要自定義分頁(yè)。進(jìn)一步,可以看到通過(guò)繼承并對(duì)方法進(jìn)行重寫(xiě),由此可見(jiàn),我們可以通過(guò)繼承類(lèi)并對(duì)方法進(jìn)行重寫(xiě),就可以自定義分頁(yè)的樣式了。 ????????Laravel 的分頁(yè)組件默認(rèn)為 Bootstrap 的分頁(yè)樣式,但如果我們用的并不是 Bootstrap 或者說(shuō)分頁(yè)的 HTML結(jié)構(gòu)不一樣,這時(shí)我們需要自定義...

    Lionad-Morotar 評(píng)論0 收藏0
  • 小程序分頁(yè)實(shí)踐:編寫(xiě)可復(fù)用分頁(yè)組件

    摘要:項(xiàng)目中遇到切換列表,每個(gè)都需要分頁(yè)的需求,分頁(yè)流程具有相似性,于是想將分頁(yè)封裝為組件,方便應(yīng)用。組件的復(fù)用完成了以上組件,在對(duì)其他分頁(yè)的頁(yè)面,可以直接復(fù)用。 項(xiàng)目中遇到 tab切換列表,每個(gè)tab都需要分頁(yè)的需求,分頁(yè)流程具有相似性,于是想將分頁(yè)封裝為組件,方便應(yīng)用。 組件的應(yīng)用已寫(xiě)成一個(gè)小demo,效果如下圖所示(數(shù)據(jù)用mock模擬): showImg(https://segment...

    crelaber 評(píng)論0 收藏0
  • laravel手動(dòng)創(chuàng)建數(shù)組分頁(yè)

    摘要:目前,無(wú)法高效執(zhí)行使用語(yǔ)句的分頁(yè)操作。如果你需要在分頁(yè)結(jié)果集中使用,建議你查詢(xún)數(shù)據(jù)庫(kù)并手動(dòng)創(chuàng)建分頁(yè)器。手動(dòng)創(chuàng)建分頁(yè)如果你想手動(dòng)創(chuàng)建分頁(yè)實(shí)例并且最終得到一個(gè)數(shù)組類(lèi)型的結(jié)果,可以根據(jù)需求來(lái)創(chuàng)建或者實(shí)例來(lái)實(shí)現(xiàn)。 showImg(https://segmentfault.com/img/bVbbGos?w=640&h=400); laravel分頁(yè)功能: 有幾種方法可以對(duì)數(shù)據(jù)進(jìn)行分頁(yè)。最簡(jiǎn)單的...

    acrazing 評(píng)論0 收藏0
  • AngularJS 前臺(tái)分頁(yè)實(shí)現(xiàn)

    摘要:分頁(yè)思路考評(píng)員查詢(xún),因?yàn)檎w的數(shù)據(jù)量比較小,所以我們可以將分頁(yè)放到前臺(tái)進(jìn)行處理。公共方法這是最后實(shí)現(xiàn)的中的公共方法。對(duì)數(shù)據(jù)進(jìn)行分割,數(shù)據(jù)應(yīng)該是從到,加上就是之前的頁(yè)數(shù)中的數(shù)據(jù)量。 分頁(yè)思路 考評(píng)員查詢(xún),因?yàn)檎w的數(shù)據(jù)量比較小,所以我們可以將分頁(yè)放到前臺(tái)進(jìn)行處理。 其實(shí)分頁(yè)的原理也很簡(jiǎn)單,我們根據(jù)分頁(yè)選擇的頁(yè)碼數(shù)和每頁(yè)數(shù)據(jù)條數(shù)決定當(dāng)前顯示的是數(shù)組中的第多少項(xiàng)到多少項(xiàng),然后再構(gòu)造分頁(yè)的參數(shù)...

    YuboonaZhang 評(píng)論0 收藏0
  • 從 PageHelper 學(xué)到的不侵入 Signature 的 AOP

    摘要:從學(xué)到的不侵入的前言最近搭新項(xiàng)目框架,之前的攔截器都是自己寫(xiě)的,一般是有個(gè)類(lèi)型做判斷是否增加分頁(yè)。發(fā)現(xiàn)開(kāi)源項(xiàng)目不需要侵入方法的就可以做分頁(yè),特此來(lái)源碼分析一下。 從 PageHelper 學(xué)到的不侵入 Signature 的 AOP 前言 最近搭新項(xiàng)目框架,之前 Mybatis 的攔截器都是自己寫(xiě)的,一般是有個(gè) Page 類(lèi)型做判斷是否增加分頁(yè) sql。但是這樣同樣的業(yè)務(wù)開(kāi)放給頁(yè)面和 ...

    trigkit4 評(píng)論0 收藏0
  • thinkphp分頁(yè)bug--解決thinkphp分頁(yè)亂碼問(wèn)題

    摘要:本文就這一問(wèn)題給出解決方案。具體修改的代碼是在分頁(yè)類(lèi)文件的最后加上一個(gè)自定義函數(shù),用于替換中的參數(shù)分隔符號(hào),函數(shù)內(nèi)容如下自學(xué)博客修改最終生成的在文件的第行,將原來(lái)的修改為生成標(biāo)準(zhǔn)的經(jīng)過(guò)這兩步修改就可以解決分頁(yè)亂碼的問(wèn)題了。 thinkphp自帶的分頁(yè)類(lèi)存在bug,例如當(dāng)我們搜索關(guān)鍵詞時(shí),關(guān)鍵詞為中文,第二次點(diǎn)擊分頁(yè)的時(shí)候,就會(huì)亂碼,不能正常的顯示我們需要的頁(yè)碼。本文就這一問(wèn)題給出解決方...

    Jrain 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<