Spring Boot入門(第十三章):排序與分頁查詢

1些侍、排序

我們先增加一點測試數(shù)據(jù)

回到PostController中的findAll方法,改成按照publishDate倒序排序

2俺泣、后臺分頁

JpaRepository提供了一個Pageable接口參數(shù)用作分頁距潘,同時包含了排序PageRequest是Pageable的實現(xiàn)類,這里我們使用PageRequest下面的這個靜態(tài)方法來構(gòu)造我們的分頁請求

page圆恤,是當(dāng)前頁數(shù),從0開始計數(shù)腔稀,size是每頁的數(shù)據(jù)大小盆昙,Sort是排序羽历,在上面我們已經(jīng)用過了。

在這里我們先不去動原來的findAll方法了淡喜,我們新增一個findPage方法

因為是get請求秕磷,我們可以直接在瀏覽器測試

可以看到瀏覽器正常返回了,但是數(shù)據(jù)中文亂碼炼团,我們打開開發(fā)者工具澎嚣,查看網(wǎng)絡(luò)請求,這里不是亂碼就ok了们镜。

現(xiàn)在請求放回的是一個Page接口的實現(xiàn)類PageImpl币叹,簡單解釋下他包含的屬性:

content:即當(dāng)前分頁的數(shù)據(jù)集List

empty:當(dāng)前頁是否為空

first:是不是第一頁

last:是不是最后一頁

number:當(dāng)前頁碼(從0開始)

numberOfElements:當(dāng)前頁的數(shù)據(jù)大腥笄浮(除了最后一頁可能小于分頁大小模狭,其他頁都應(yīng)等于分頁大小)

pageable:我們開始傳入的分頁請求

size:分頁大小

sort:排序

totalElements:總共有多少數(shù)據(jù)

totalPages:總共有多少頁

這里面有很多屬性都是冗余的踩衩,都可以通過其他屬性計算出來嚼鹉,大家可以根據(jù)需要選用。

我們修改一下頁碼驱富,后臺接口應(yīng)該是沒問題了锚赤。

3、前端分頁

下圖是最終的樣式

修改list.ftlh褐鸥,增加分頁組件

size-change事件是在選擇每頁顯示多少條時觸發(fā)线脚,current-change事件則是在當(dāng)前頁碼改變時觸發(fā),前端頁碼從1開始計數(shù)叫榕。

現(xiàn)在第一頁數(shù)據(jù)出來了浑侥,我們點擊分頁的時候,數(shù)據(jù)沒變化晰绎,因為我們在處理handleSizeChange和handleCurrentChange時沒有重新發(fā)起請求寓落,我們重構(gòu)下代碼,增加一個query方法

這樣我們的分頁功能就算全完成了荞下。

4伶选、總結(jié)

這章主要講了怎么進行排序和分頁,這時我們實戰(zhàn)中經(jīng)常會碰到的問題尖昏,我們需要熟悉好springboot提供給我們的接口仰税。更多情況下,我們經(jīng)常還需要對頁面數(shù)據(jù)進行過濾查詢抽诉,我們在下一章進行講解陨簇。

代碼:

https://github.com/www15119258/springboot-study/tree/branch13

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市掸鹅,隨后出現(xiàn)的幾起案子塞帐,更是在濱河造成了極大的恐慌拦赠,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,599評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件葵姥,死亡現(xiàn)場離奇詭異荷鼠,居然都是意外死亡,警方通過查閱死者的電腦和手機榔幸,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,629評論 3 385
  • 文/潘曉璐 我一進店門允乐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人削咆,你說我怎么就攤上這事牍疏。” “怎么了拨齐?”我有些...
    開封第一講書人閱讀 158,084評論 0 348
  • 文/不壞的土叔 我叫張陵鳞陨,是天一觀的道長。 經(jīng)常有香客問我瞻惋,道長厦滤,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,708評論 1 284
  • 正文 為了忘掉前任歼狼,我火速辦了婚禮掏导,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘羽峰。我一直安慰自己趟咆,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,813評論 6 386
  • 文/花漫 我一把揭開白布梅屉。 她就那樣靜靜地躺著值纱,像睡著了一般。 火紅的嫁衣襯著肌膚如雪履植。 梳的紋絲不亂的頭發(fā)上计雌,一...
    開封第一講書人閱讀 50,021評論 1 291
  • 那天,我揣著相機與錄音玫霎,去河邊找鬼凿滤。 笑死,一個胖子當(dāng)著我的面吹牛庶近,可吹牛的內(nèi)容都是我干的翁脆。 我是一名探鬼主播,決...
    沈念sama閱讀 39,120評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼鼻种,長吁一口氣:“原來是場噩夢啊……” “哼反番!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,866評論 0 268
  • 序言:老撾萬榮一對情侶失蹤罢缸,失蹤者是張志新(化名)和其女友劉穎篙贸,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體枫疆,經(jīng)...
    沈念sama閱讀 44,308評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡爵川,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,633評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了息楔。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片寝贡。...
    茶點故事閱讀 38,768評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖值依,靈堂內(nèi)的尸體忽然破棺而出圃泡,到底是詐尸還是另有隱情,我是刑警寧澤愿险,帶...
    沈念sama閱讀 34,461評論 4 333
  • 正文 年R本政府宣布颇蜡,位于F島的核電站,受9級特大地震影響拯啦,放射性物質(zhì)發(fā)生泄漏澡匪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,094評論 3 317
  • 文/蒙蒙 一褒链、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧疑苔,春花似錦甫匹、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,850評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至薪贫,卻和暖如春恍箭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背瞧省。 一陣腳步聲響...
    開封第一講書人閱讀 32,082評論 1 267
  • 我被黑心中介騙來泰國打工扯夭, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人鞍匾。 一個月前我還...
    沈念sama閱讀 46,571評論 2 362
  • 正文 我出身青樓交洗,卻偏偏與公主長得像,于是被迫代替她去往敵國和親橡淑。 傳聞我的和親對象是個殘疾皇子构拳,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,666評論 2 350

推薦閱讀更多精彩內(nèi)容