1. 程式人生 > >9、商品列表查詢

9、商品列表查詢

商品列表查詢

點選查詢商品:
在這裡插入圖片描述
傳送的請求為: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 的相關依賴,加入依賴即可。