html实现商品列表2级分类,02-商品分类目录实现

2.商品分类目录实现

2.1 封装POJO对象`@TableName("tb_item_cat")

@Data

@Accessors(chain = true)

public class ItemCat extends BasePojo{

@TableId(type = IdType.AUTO)

private Long id; //主键ID

private Long parentId; //父级ID

private String name; //分类名称

private Integer status; //状态

private Integer sortOrder; //排序号

private Boolean isParent; //是否为父级

}`

2.2 页面JS引入过程

2.2.1 引入JS/CSS样式`

pageEncoding="UTF-8"%>

`

2.2.2 引入common.jsp

2.3 数据格式化

2.3.1 格式化价格`1.页面标签

价格

2.页面JS

formatPrice : function(val,row){

return (val/100).toFixed(2);

},`

2.3.2 格式化状态`

状态

// 格式化商品的状态

formatItemStatus : function formatStatus(val,row){

if (val == 1){

return '正常';

} else if(val == 2){

return '下架';

} else {

return '未知';

}

},`

2.4 格式化商品分类目录

2.4.1 页面结构分析`

叶子类目

//格式化名称

findItemCatName : function(val,row){

var name;

$.ajax({

type:"get",

url:"/item/cat/query