9、商品列表查詢
阿新 • • 發佈:2018-12-14
商品列表查詢
點選查詢商品:
傳送的請求為:GET http://localhost:8081/item/list?page=1&rows=30
對應的 jsp 頁面為:item-list.jsp
- 請求的 url:/item/list
- 請求的引數:page=1&rows=30
- 響應的 json 資料格式:
EasyUI 中 datagrid 控制元件要求的資料格式為:
{total:”2”,rows:[{“id”:”1”,”name”:”張三”},{“id”:”2”,”name”:”李四”}]}
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
< table class="easyui-datagrid" id="itemList" title="商品列表"
data-options="singleSelect:false,collapsible:true,pagination:true,url:'/item/list',method:'get',pageSize:30,toolbar:toolbar">
<thead>
<tr>
<th data-options="field:'ck',checkbox:true"></th>
< th data-options="field:'id',width:60">商品ID</th>
<th data-options="field:'title',width:200">商品標題</th>
<th data-options="field:'cid',width:100">葉子類目</th>
<th data-options="field:'sellPoint',width:100">賣點</th>
<th data-options ="field:'price',width:70,align:'right',formatter:E3.formatPrice">價格</th>
<th data-options="field:'num',width:70,align:'right'">庫存數量</th>
<th data-options="field:'barcode',width:100">條形碼</th>
<th data-options="field:'status',width:60,align:'center',formatter:E3.formatItemStatus">狀態</th>
<th data-options="field:'created',width:130,align:'center',formatter:E3.formatDateTime">建立日期</th>
<th data-options="field:'updated',width:130,align:'center',formatter:E3.formatDateTime">更新日期</th>
</tr>
</thead>
</table>
......
編寫實體類封裝 EasyUI 中 datagrid 控制元件要求的資料格式
由於服務層和表現層都要用,故放到 e3-common 中:
響應的 json 資料格式 EasyUIDataGridResult :
package cn.ynx.e3mall.common.pojo;
import java.io.Serializable;
import java.util.List;
public class EasyUIDataGridResult implements Serializable {
private Integer total;
private List<?> rows;
public Integer getTotal() {
return total;
}
public void setTotal(Integer total) {
this.total = total;
}
public List<?> getRows() {
return rows;
}
public void setRows(List<?> rows) {
this.rows = rows;
}
}
分頁處理
逆向工程生成的程式碼是不支援分頁處理的,如果想進行分頁需要自己編寫 mapper ,這樣就失去逆向工程的意義了。為了提高開發效率可以使用 mybatis 的分頁外掛 PageHelper 。
分頁外掛 PageHelper
Mybatis 分頁外掛 - PageHelper 說明
如果你也在用 Mybatis ,建議嘗試該分頁外掛,這個一定是最方便使用的分頁外掛。
該外掛目前支援 Oracle 、 Mysql 、 MariaDB 、 SQLite 、 Hsqldb 、 PostgreSQL 六種資料庫分頁。
使用方法
第一步:把 PageHelper 依賴的 jar 包新增到 e3-manager-dao 工程中。(已經加入了)
第二步:在Mybatis配置xml中配置攔截器外掛:
SqlMapConfig.xml 裡面新增:
<plugins>
<!-- com.github.pagehelper為PageHelper類所在包名 -->
<plugin interceptor="com.github.pagehelper.PageHelper">
<!-- 設定資料庫型別 Oracle,Mysql,MariaDB,SQLite,Hsqldb,PostgreSQL六種資料庫-->
<property name="dialect" value="mysql"/>
</plugin>
</plugins>
第三步:在程式碼中使用。
//1、設定分頁資訊:
//獲取第1頁,10條內容,預設查詢總數count
PageHelper.startPage(1, 10);
//緊跟著的第一個select方法會被分頁
List<Country> list = countryMapper.selectIf(1);
//2、取分頁資訊
//分頁後,實際返回的結果list型別是Page<E>,如果想取出分頁資訊,需要強制轉換為Page<E>,
Page<Country> listCountry = (Page<Country>)list;
listCountry.getTotal();
3、取分頁資訊的第二種方法
//獲取第1頁,10條內容,預設查詢總數count
PageHelper.startPage(1, 10);
List<Country> list = countryMapper.selectAll();
//用PageInfo對結果進行包裝
PageInfo page = new PageInfo(list);
//測試PageInfo全部屬性
//PageInfo包含了非常全面的分頁屬性
assertEquals(1, page.getPageNum());
assertEquals(10, page.getPageSize());
assertEquals(1, page.getStartRow());
assertEquals(10, page.getEndRow());
assertEquals(183, page.getTotal());
assertEquals(19, page.getPages());
assertEquals(1, page.getFirstPage());
assertEquals(8, page.getLastPage());
assertEquals(true, page.isFirstPage());
assertEquals(false, page.isLastPage());
assertEquals(false, page.isHasPreviousPage());
assertEquals(true, page.isHasNextPage());
分頁測試
package cn.ynx.e3mall.pagehelper;
import cn.ynx.e3mall.mapper.TbItemMapper;
import cn.ynx.e3mall.pojo.TbItem;
import cn.ynx.e3mall.pojo.TbItemExample;
import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import org.junit.Test;
import org.springframework.context.ApplicationContext;
import org.springframework.context.support.ClassPathXmlApplicationContext;
import java.util.List;
public class PageHelperTest {
@Test
public void testPageHelper() throws Exception {
//初始化spring容器
ApplicationContext applicationContext = new ClassPathXmlApplicationContext("classpath:spring/applicationContext-*.xml");
//獲得Mapper的代理物件
TbItemMapper itemMapper = applicationContext.getBean(TbItemMapper.class);
//設定分頁資訊
PageHelper.startPage(1, 30);
//執行查詢
TbItemExample example = new TbItemExample();
List<TbItem> list = itemMapper.selectByExample(example);
//取分頁資訊
PageInfo<TbItem> pageInfo = new PageInfo<>(list);
System.out.println(pageInfo.getTotal());
System.out.println(pageInfo.getPages());
System.out.println(pageInfo.getPageNum());
System.out.println(pageInfo.getPageSize());
}
}
商品列表查詢
編寫 Service 層
- 引數:int page ,int rows
- 業務邏輯:查詢所有商品列表,要進行分頁處理。
- 返回值:EasyUIDataGridResult
package cn.ynx.e3mall.service;
import cn.ynx.e3mall.common.pojo.EasyUIDataGridResult;
import cn.ynx.e3mall.pojo.TbItem;
public interface ItemService {
TbItem getTbItemById(Long itemId);
EasyUIDataGridResult getTbItemList(int page, int rows);
}
@Override
public EasyUIDataGridResult getTbItemList(int page, int rows) {
//設定分頁資訊
PageHelper.startPage(page, rows);
//執行查詢
TbItemExample example = new TbItemExample();
List<TbItem> list = tbItemMapper.selectByExample(example);
//取分頁資訊
PageInfo<TbItem> pageInfo = new PageInfo<>(list);
//建立返回結果物件
EasyUIDataGridResult result = new EasyUIDataGridResult();
result.setTotal((int)pageInfo.getTotal());
result.setRows(list);
return result;
}
釋出服務:
<dubbo:service interface="cn.ynx.e3mall.service.ItemService" ref="itemServiceImpl" timeout="300000" />
編寫 Controller 層
引用服務:
<!-- 引用dubbo服務 -->
<dubbo:application name="e3-manager-web"/>
<dubbo:registry protocol="zookeeper" address="192.168.25.11:2181"/>
<dubbo:reference interface="cn.ynx.e3mall.service.ItemService" id="itemService" />
- 初始化表格請求的 url :/item/list
- Datagrid 預設請求引數:
- page:當前的頁碼,從1開始。
- rows:每頁顯示的記錄數。
- 響應的資料:json 資料。EasyUIDataGridResult
@RequestMapping("/list")
@ResponseBody
public EasyUIDataGridResult getTbItemList(Integer page, Integer rows){
EasyUIDataGridResult tbItemList = itemService.getTbItemList(page, rows);
return tbItemList;
}
測試:
點選下面的按鈕,都能正常工作。
IDEA 的 maven 安裝工程跳過測試
查詢商品出現警告問題
十二月 07, 2018 10:38:32 下午 com.alibaba.com.caucho.hessian.io.SerializerFactory getDeserializer
警告: Hessian/Burlap: 'com.github.pagehelper.Page' is an unknown class in WebappClassLoader
context:
delegate: false
repositories:
----------> Parent Classloader:
ClassRealm[plugin>org.apache.tomcat.maven:tomcat7-maven-plugin:2.2, parent: sun.misc.Launcher$AppClassLoader@18b4aac2]
:
java.lang.ClassNotFoundException: com.github.pagehelper.Page
原因:
e3-manager-web 中沒有 PageHelper 的相關依賴,加入依賴即可。