【淘淘】---展示商品列表

我会带着你远行 2022-06-13 08:44 327阅读 0赞

【淘淘】—-展示商品列表

1，需求分析

  1.   在后台管理系统中，要展示如下界面，点击“查询商品”，能将数据库表中的商品表上的数据显示到前台页面中来，如下：

Center

2，设计分析

(1)分析查找，请求的URL：

Center 1

(2)Ajax请求，请求的参数：http://localhost:8080/item/list?page=1&rows=30

(3)响应的数据：json数据。

(4)包含total、rows两个属性：

(5)Total：查询结果的总记录数

(6)Rows：集合，包含显示的所有数据。

注意：其中集合中每个元素的key应该和dategrid的field对应。

Easyui中datagrid控件要求的数据格式为： 

  1. {total:”2”,rows:[{“id”:”1”,”name”,”张三”},{“id”:”2”,”name”,”李四”}]}

Center 2

3，代码实现

3.1Dao层：

访问数据库的，我们可以用mybatis逆向工程生成的代码

3.2Service层

参数：page（显示的页码）、rows（每页显示的记录数）

返回值：创建一个pojo表示返回值，应该包含total、rows两个属性。 

  1. 应该放到taotao-common工程中，和其他系统共用。

3.2.1创建一个实体：

  1.      ![Center 3][]  
  5. package com.taotao.common.pojo;
  6. import java.util.List;
  7. public class EasyUIDataGridResult {    
  8.     private long total;
  9.     private List<?>rows;//用？什么类型都可以，T一般都是泛型
  10.     public long getTotal() {
  11.         return total;
  12.     }
  13.     public void setTotal(long total) {
  14.         this.total = total;
  15.     }
  16.     public List<?> getRows() {
  17.         return rows;
  18.     }
  19.     public void setRows(List<?> rows) {
  20.         this.rows = rows;
  21.     }    
  22. }

3.2.2 Service层：

  1. //展示商品列表。2017-6-27 15:20:41
  2.     EasyUIDataGridResult getItemList(int page,int rows);

3.2.3 serviceImpl层：添加方法

  1. @Override
  2.     /**
  3.      * 商品列表展示。2017-6-27 15:22:25
  4.      */
  5.     @Override
  6.     public EasyUIDataGridResult getItemList(int page, int rows) {
  7.         //分页处理
  8.         PageHelper.startPage(page,rows);
  10.         // 执行查询
  11.         TbItemExample example=new TbItemExample();
  12.         List<TbItem> list = itemMapper.selectByExample(example);
  14.         //取分页信息
  15.         PageInfo<TbItem> pageInfo=new PageInfo<>(list);
  17.         //返回EeasyUIDataGridResult 处理结果
  18.         EasyUIDataGridResult result =new EasyUIDataGridResult();
  19.         result.setTotal(pageInfo.getTotal());
  20.         result.setRows(list);
  21.         return result;
  22.     }

3.3Controller层

接收两个参数：page、rows

调用Service查询商品列表。

返回：EasyUIDataGridResult（json数据），需要使用@ResponseBody 

  1. //商品列表展示。2017-6-27 15:34:48
  2.     @RequestMapping("/item/list")
  3.     @ResponseBody
  4.     public EasyUIDataGridResult getItemList(Integer page,Integer rows){
  5.         EasyUIDataGridResult result=itemService.getItemList(page,rows);        
  6.         return result;
  7.     }

4 最后效果：

Center 4

5 小结：

  1.      分析出所需要的响应数据、属性，接下来就非常快了，Dao 层直接用mybatis逆向工程生成；在显示层要进行分页处理，page、rows就新创建一个实体pojo，必须包含total和rows两个属性，后面一条线service、serviceImpl和controller就非常的顺利了。

发表评论

表情：
评论列表 （有 0 条评论，327人围观）

还没有评论，来说两句吧...

相关阅读