easyui+ssm 带分页表格

来源：互联网发布：拦沙坝计算软件编辑：程序博客网时间：2024/06/06 05:00

序:

框架:ssm+easyui

项目构建:maven

分页工具:pageHelper

第一步引入easyui

第二步在jsp文件中,创建table

解释: data-options中

singleSelect:false 为鼠标点击该行,该行不会被自动勾选(如果有复选框的话)

collapsible:true 能够收缩

pagination:true 翻页

url:'/item/list' 后台访问地址

method:'get' 访问方式

pageSize:30 默认每页30条记录数

toolbar:toolbar 工具

第二步编写pojo类(属性名称与表格内的name名称一致)

item实体类

public class Item implements Serializable{

    private Long id;

    private String title;

    private String sellPoint;

    private Long price;

    private Integer num;

    private String barcode;

    private String image;

    private Long cid;

    private Byte status;

    private Date created;

    private Date updated;

get/set方法(略)

}

PageVo类

public class PageVo implements Serializable{

private Integer page; //当前页
private Integer rows; //当前页的记录数

}

包装vo类(这个类是最终返回给页面的)

public class EasyUIResult implements Serializable{
private long total; //总记录数
private List<?> rows;//二维数组装载数据

}

第三步编写controller层

@Controller
public class ItemController {

   @Autowired
   private ItemService itemService;

   @RequestMapping("/item/list")
   @ResponseBody
   public EasyUIResult findEasyUiResult(PageVo pv){
       EasyUIResult easyUiResults = itemService.findEasyUiResult(pv);
       return easyUiResults;
   }
}

第四步编写service层

public interface ItemService {

EasyUIResult findEasyUiResult(PageVo pv);

}

第五步编写serviceImpl实现层这也是分页处理

@Service
@Transactional
public class ItemServiceImpl implements ItemService {

   @Autowired
   private ItemMapper itemMapper;

   @Override
   public EasyUIResult findEasyUiResult(PageVo pv) {

       PageHelper.startPage(pv.getPage(),pv.getRows());

       List<Item> list = itemMapper.findEasyUiResult();

       //取分页信息
       PageInfo<Item> pageInfo = new PageInfo<>(list);

       //创建返回结果对象
       EasyUIResult result = new EasyUIResult();

       result.setRows(list);
       result.setTotal(pageInfo.getTotal());

       return result;

   }

}

第六步 mapper层

public interface ItemMapper {

public List<Item> findEasyUiResult();

}

第七步 mapper映射xml文件

<mapper namespace="mapper文件的全限定名">

   <select id="findEasyUiResult" resultType="item实体类的全限定名">
       select 需要查询的属性名 from item
   </select>
</mapper>

(完结)

阅读全文

0 0