1. 前言
MySQL一對多的數據分頁是非常常見的需求，比如我們要查詢商品和商品的圖片信息。但是很多人會在這裏遇到分頁的誤區，得到不正確的結果。今天就來分析並解決這個問題。
2. 問題分析
我們先創建一個簡單商品表和對應的商品圖片關係表，它們之間是一對多的關係：
然後我分別寫入了一些商品和這些商品對應的圖片，通過下面的左連接查詢可以看出它們之間具有明顯的一對多關係：
SELECT P.PRODUCT_ID, P.PROD_NAME, PI.IMAGE_URL
FROM PRODUCT_INFO P
LEFT JOIN PRODUCT_IMAGE PI
ON P.PRODUCT_ID = PI.PRODUCT_ID
按照傳統的思維我們的分頁語句會這麼寫：
<resultMap id="ProductDTO" type="cn.felord.mybatis.entity.ProductDTO">
<id property="productId" column="product_id"/>
<result property="prodName" column="prod_name"/>
<collection property="imageUrls" ofType="string">
<result column="image_url"/>
</collection>
</resultMap>
<select id="page" resultMap="ProductDTO">
SELECT P.PRODUCT_ID, P.PROD_NAME,PI.IMAGE_URL
FROM PRODUCT_INFO P
LEFT JOIN PRODUCT_IMAGE PI
ON P.PRODUCT_ID = PI.PRODUCT_ID
LIMIT #{current},#{size}
</select>
當我按照預想傳入了(0，2)想拿到前兩個產品的數據，結果並不是我期望的：
2020-06-21 23:35:54.515 DEBUG 10980 --- [main] c.f.m.mappers.ProductInfoMapper.page : ==> Preparing: SELECT P.PRODUCT_ID, P.PROD_NAME,PI.IMAGE_URL FROM PRODUCT_INFO P LEFT JOIN PRODUCT_IMAGE PI ON P.PRODUCT_ID = PI.PRODUCT_ID limit ?,?
2020-06-21 23:35:54.541 DEBUG 10980 --- [main] c.f.m.mappers.ProductInfoMapper.page : ==> Parameters: 0(Long), 2(Long)
2020-06-21 23:35:54.565 DEBUG 10980 --- [main] c.f.m.mappers.ProductInfoMapper.page : <== Total: 2
page = [ProductDTO{productId=1, prodName='杯子', imageUrls=[http://asset.felord.cn/cup1.png, http://asset.felord.cn/cup2.png]}]
我期望的兩條數據是杯子和筆記本，但是結果卻只有一條。原來當一對多映射時結果集會按照多的一側進行輸出（期望4條數據，實際上會有7條），而前兩條展示的只會是杯子的數據（如上圖），合併后就只有一條結果了，這樣分頁就對不上了。那麼如何才能達到我們期望的分頁效果呢？
3. 正確的方式
正確的思路是應該先對主表進行分頁,再關聯從表進行查詢。
拋開框架，我們的SQL應該先對產品表進行分頁查詢然後再左關聯圖片表進行查詢：
SELECT P.PRODUCT_ID, P.PROD_NAME, PI.IMAGE_URL
FROM (SELECT PRODUCT_ID, PROD_NAME
FROM PRODUCT_INFO
LIMIT #{current},#{size}) P
LEFT JOIN PRODUCT_IMAGE PI
ON P.PRODUCT_ID = PI.PRODUCT_ID
這種寫法的好處就是通用性強一些。但是MyBatis提供了一個相對優雅的路子，思路依然是開頭所說的思路。只不過我們需要改造上面的Mybatis XML配置：
<resultMap id="ProductDTO" type="cn.felord.mybatis.entity.ProductDTO">
<id property="productId" column="product_id"/>
<result property="prodName" column="prod_name"/>
<!-- 利用 collection 標籤提供的 select 特性 和 column -->
<collection property="imageUrls" ofType="string" select="selectImagesByProductId" column="product_id"/>
</resultMap>
<!-- 先查詢主表的分頁數據 -->
<select id="page" resultMap="ProductDTO">
SELECT PRODUCT_ID, PROD_NAME
FROM PRODUCT_INFO
LIMIT #{current},#{size}
</select>
<!--根據productId 查詢對應的圖片-->
<select id="selectImagesByProductId" resultType="string">
SELECT IMAGE_URL
FROM PRODUCT_IMAGE
WHERE PRODUCT_ID = #{productId}
</select>
4. 總結
大部分情況下分頁是很容易的，但是一對多還是有一些小小的陷阱的。一旦我們了解了其中的機制，也並不難解決。當然如果你有更好的解決方案可以留言討論，集思廣益。多多關注：碼農小胖哥，獲取更多開發技巧。
關注公眾號：Felordcn 獲取更多資訊
個人博客：https://felord.cn
本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】
※為什麼 USB CONNECTOR 是電子產業重要的元件?
※網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!
※台北網頁設計公司全省服務真心推薦
※想知道最厲害的網頁設計公司"嚨底家"!
※新北清潔公司,居家、辦公、裝潢細清專業服務
※推薦評價好的iphone維修中心
