MyBatisのページネーションプラグインの設定と基本的な使用PageHelper

意味1.並べ替え:

  1.1サーバ側の圧力を減らします

  1.2ユーザーに優れたユーザー体験を提供

 

  ページングは​​、に分かれています。

フロントページ:

遠位タブは背面のタブに依存します

バックエンドのページネーション:

        MyBatisのページ区切りプラグイン:PageHelper、サポートのMySQLは、Oracle、DB2、SQLServerの....サポート

2.mybatisページネーションプラグインの使用:

1.インポートジャーパッケージ:

 

2. PageHelperプラグインMyBatisのグローバル・コンフィギュレーション・ファイルを設定します。

       

私たちのクエリリスト前3. PageHelper.startPage()改ページの情報を設定します

公共の一覧<グッズ> getGoodsList(){

      PageHelper.startPage(3,5)。

      一覧<グッズ> goodsList = goodsMapper.getGoodsList();

      PageInfo <グッズ>ページ=新しいPageInfo(goodsList、3);

 

      System.out.println( "ページ:" + page.getPages());

      System.out.println( "レコードの総数:" + page.getTotal());

  System.out.println( "現在のページ:" + page.getPageNum());

 

           System.out.println( "前:" + page.getPrePage());

           System.out.println( "次:" + page.getNextPage());

 

           System.out.println( "前はある:" + page.isHasPreviousPage());

           System.out.println( "次があります:" + page.isHasNextPage());

 

 

           System.out.println( "かどうかホーム:" + page.isIsFirstPage());

           System.out.println( "最後のページかどうか:" + page.isIsLastPage());

 

 

           System.out.println( "がPageSize:" + page.getPageSize());

           一覧<グッズ>リスト= page.getList();

           {:(リスト雑貨品)について

                 System.out.println(財);

            }

                     //取得するナビゲーション・ページ

           INT [] NUMSの=のpage.getNavigatepageNums()。

 

           System.out.println(Arrays.toString(NUMS))。

 

                 goodsListを返します。

           }

4.実用化

 

 

 

 

 

 フロントページJS:

$(関数(){ 
$アヤックス({
タイプは、 "get"、
URL: "$ {pageContext.request.contextPath} /予告/ jsonList"、
成功:関数(MSG){
場合(msg.map.status == 200){
$(msg.map.page.list).each(関数(インデックス、項目){
VARのTR = "<TRクラスは= 'ABC' = '中央'を整列BGCOLOR = '#1 FFFFFF' ONMOUSEMOVE = 'ジャバスクリプト: this.bgColor = '#1 FCFDEE';」ONMOUSEOUT = 'ジャバスクリプト:this.bgColor =' #1 FFFFFF ';'高さ= '22' > "
+" <TD> <入力名= 'ID' TYPE = 'チェックボックス' ID = 'ID'値= ' "+ item.nid +"'クラス= 'NP'> </ TD> "
+" <TD>"+((msg.map.page.pageNum-1)* msg.map.page.pageSize +(インデックス+ 1))+" </ TD> "
+ "<TD>" + item.ntitle +" </ TD> "
+ "<TD ALIGN = '中央'> <スパン>" + item.remark + "</スパン> </ TD>"
+ "<TD>" +モーメント(item.ndate).format(「YYYY-MM-DD ")+" </ TD>」
+ "<TD> <a>删除</a>を| <a>编辑</a>の</ TD>"
+ "</ TR>";
$( "#のtr_mark")の前に(TR)。
});
VaRのDIV = "の<div> </ div>";
VaRのFIRSTPAGE = "<onclickの= '見つける(this.name)'のhref = 'javascriptの:無効(0);' 名前= '? "+ msg.map.requestURI +" PAGENUM = 1' >首页</a>を";
VaRのENDPAGE = "<onclickの= '見つける(this.name)'のhref = 'javascriptの:無効(0);' 名前= '? "+ msg.map.requestURI +" PAGENUM = "+ msg.map.page.pages +"'>尾页</a>を」。
VaRのprePage = "<onclickの= '見つける(this.name)'のhref = 'javascriptの:無効(0)の' name = ' "+ msg.map.requestURI + +(msg.map.page.pageNum" PAGENUM =?" -1)+ " '>上一页</a>の"
VAR NEXTPAGE = "<onclickの= '見つける(this.name)'のhref = 'javascriptの:無効(0)の' name ='" + msg.map。 requestURI + +(msg.map.page.pageNum + 1)+ "'>下一页</a>の" "PAGENUM =?";
VARページ= ""
$(msg.map.page.navigatepageNums).each(機能(インデックス、項目){
ページ= "&NBSP;" +ページ+ "<onclickの= '見つける(this.name)'のhref = 'javascriptの?:無効(0)の」name = ' "+ msg.map.requestURI +" PAGENUM = "+アイテム+"'> "+(インデックス+ 1)+" </a>の&NBSP;」;
})
$(DIV).append(FIRSTPAGE).append(prePage).append(ページ).append(NEXTPAGE).append(ENDPAGE).appendTo($( "#のpage_tr"));
}
}
})
})
<! -日付型変換- >
関数はparsedata(OBJ){
VAR =新しい新しいDATE日(OBJ);
VAR = Date.getFullYear年();
VAR =月date.getMonth()+ 1;
VAR日= date.getDate();
IF(月<= 9){
月= "0" +月;
} IF(日<10){
日= "0" +日;
}
戻り年+ " - " +月+「 - 「日+;
}
<! -定義された方法は、照会する非同期リクエストを送信し続けるなど、前、次、ページ、最後のページをクリックして、結果を返し、ショー]タブ- > [
関数find(OBJ){
$。アヤックス({
タイプの"GET"、
URL:OBJ、
成功:関数(MSG){
IF(msg.map.statusの== 200){
$( "ABC")(削除)。
$(msg.map.page.list).each(関数(インデックス、項目){
VARのTR = "<TRクラス= 'ABC' ALIGN = '中央' BGCOLOR = '#1 FFFFFF' ONMOUSEMOVE = 'ジャバスクリプト:this.bgColor = '#FCFDEE'; 'ONMOUSEOUT = 'ジャバスクリプト:this.bgColor =' #FFFFFF ';'高さ= '22' > "
+" <TD> <入力名= 'ID' TYPE = 'チェックボックス' ID =' ID '値=' "+ item.nid +"」クラス= 'NP'> </ TD>」
+ "<TD>" +((msg.map.page.pageNum-1)* msg.map.page.pageSize +(インデックス+ 1))+ "</ TD>"
+ "<TD>" + item.ntitle + "</ TD>"


+ "<TD> <a>删除</a>を| <a>编辑</a>の</ TD>"
+ "</ TR>";
$( "#のtr_mark")の前に(TR)。
});
}
}
})
}

 

おすすめ

転載: www.cnblogs.com/ljl5921/p/11802267.html