SSM整合仿小米商城后台（三）------显示所有商品

一、显示所有商品

1. 编写业务逻辑层，创建一个查询显示所有商品的接口

package com.oracle.xiaomi.service;

import com.oracle.xiaomi.pojo.ProductInfo;

import java.util.List;

public interface ProductInfoService {
    //显示所有商品
    public List<ProductInfo> getAll();
}

2. 创建一个实现接口方法的类

package com.oracle.xiaomi.service.impl;

import com.oracle.xiaomi.mapper.ProductInfoMapper;
import com.oracle.xiaomi.pojo.ProductInfo;
import com.oracle.xiaomi.pojo.ProductInfoExample;
import com.oracle.xiaomi.service.ProductInfoService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class ProductInfoServiceImpl implements ProductInfoService {
    //切记切记：要有Mapper接口对象，此对象由spring创建并注入
    @Autowired
    ProductInfoMapper productInfoMapper;

    @Override
    public List<ProductInfo> getAll() {
        //构建查询条件的类，虽然此处并没有条件，也得借助于ProductInfoExample完成查询全部功能
        ProductInfoExample productInfoExample=new ProductInfoExample();
        return productInfoMapper.selectByExample(productInfoExample);

    }
}

3. 创建编写控制层代码

package com.oracle.xiaomi.controller;

import com.oracle.xiaomi.pojo.ProductInfo;
import com.oracle.xiaomi.service.ProductInfoService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;


@Controller
@RequestMapping("/prod")
public class ProductInfoController {
    //切记切记：必须让spring依赖注入Service对象
    @Autowired
    ProductInfoService productInfoService;
    @RequestMapping("/getall")
    public String getAll(Model model){
        List<ProductInfo> list = productInfoService.getAll();
        model.addAttribute("plist", list);
        return "product";

    }
}

4. 修改页面信息
   product.jsp
   调用前面获取到的值
   将暂时不用的分页栏和模式对话框注释掉
   修改main.jsp中的跳转地址以及显示商品的高度，展示没有分页的效果
   
5. 运行结果
   

二、分页显示商品

借助PageHelper jar包实现分页

1. 在ProductInfoService接口中写入分页的方法

package com.oracle.xiaomi.service;

import com.github.pagehelper.PageInfo;
import com.oracle.xiaomi.pojo.ProductInfo;

import java.util.List;

public interface ProductInfoService {
    //显示所有商品
    public List<ProductInfo> getAll();
    //实现分页处理
    public PageInfo splitPage(int page, int pageSize);

}

2. 在ProductInfoServiceImpl.java中具体实现分页的方法

package com.oracle.xiaomi.service.impl;

import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import com.oracle.xiaomi.mapper.ProductInfoMapper;
import com.oracle.xiaomi.pojo.ProductInfo;
import com.oracle.xiaomi.pojo.ProductInfoExample;
import com.oracle.xiaomi.pojo.ProductType;
import com.oracle.xiaomi.service.ProductInfoService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class ProductInfoServiceImpl implements ProductInfoService {
    //切记切记：要有Mapper接口对象，此对象由spring创建并注入
    @Autowired
    ProductInfoMapper productInfoMapper;

    @Override
    public List<ProductInfo> getAll() {
        //构建查询条件的类，虽然此处并没有条件，也得借助于ProductInfoExample完成查询全部功能
        ProductInfoExample productInfoExample=new ProductInfoExample();
        return productInfoMapper.selectByExample(productInfoExample);

    }

    @Override
    public PageInfo splitPage(int page, int pageSize) {
        ProductInfoExample productInfoExample = new ProductInfoExample();
        //为了在最前面显示新上线的产品进行排序,指定数据库中有的列名排序
        productInfoExample.setOrderByClause("p_id desc");

        //使用分页插件设置数据，切记切记：在提取数据集合之前，一定要使用分页工具设置当前页和每页的记录数
        PageHelper.startPage(page, pageSize);
        List<ProductInfo> list = productInfoMapper.selectByExample(productInfoExample);

        //将查到的数据放入pageInfo工具类中
        PageInfo<ProductInfo> pageInfo = new PageInfo<>(list);
        return pageInfo;
    }
}

3. 编写控制层的内容

package com.oracle.xiaomi.controller;

import com.github.pagehelper.PageInfo;
import com.oracle.xiaomi.pojo.ProductInfo;
import com.oracle.xiaomi.service.ProductInfoService;
import com.oracle.xiaomi.service.impl.ProductInfoServiceImpl;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import java.util.List;

@Controller
@RequestMapping("/prod")
public class ProductInfoController {

    public static final Integer PAGE_SIZE = 5;
    //切记切记：必须让spring依赖注入Service对象
    @Autowired
    ProductInfoService productInfoService;
    @RequestMapping("/getall")
    public String getAll(Model model){
        List<ProductInfo> list = productInfoService.getAll();
        model.addAttribute("plist", list);
        return "product";
    }
    @RequestMapping("/split")
    public String split(
            @RequestParam(defaultValue= "1")
            Integer page, Model model) {
           
}

    }

4. 修改页面信息

解除分页栏代码的注释并改为如下

<!--分页栏-->
                    <div id="bottom">
                        <div>
                            <nav aria-label="..." style="text-align:center;">
                                <ul class="pagination">
                                    <li>
                                        <a href="javascript:showPage(${info.prePage}" aria-label="Previous"><span aria-hidden="true">«</span></a>
                                    </li>
                                    <c:forEach begin="1" end="${info.pages}" var="i">
                                        <c:if test="${info.pageNum==i}">
                                            <li><a style="background-color:lightslategray;color: #fff;"
                                                   href="javascript:showPage(${i})">${i}</a>
                                            </li>
                                        </c:if>
                                        <c:if test="${info.pageNum!=i}">
                                            <li>
                                                <a href="javascript:showPage(${i})">${i}</a>
                                            </li>
                                        </c:if>
                                    </c:forEach>
                                    <li>
                                        <a href="javascript:showPage(${info.nextPage})" aria-label="Next"><span aria-hidden="true">»</span></a>
                                    </li>
                                    <li style=" margin-left:150px;color: #0e90d2;height: 35px; line-height: 35px;">总共&nbsp;&nbsp;&nbsp;<font
                                            style="color:orange;">${info.pages}</font>&nbsp;&nbsp;&nbsp;页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当前&nbsp;&nbsp;&nbsp;<font
                                            style="color:orange;">
                                        <c:if test="${info.pageNum==0}">
                                            1
                                        </c:if>
                                        <c:if test="${info.pageNum!=0}">
                                            ${info.pageNum}
                                        </c:if></font>&nbsp;&nbsp;&nbsp;页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>

点击页码异步刷新内容实现
main.jsp修改

5. 运行结果