这篇博客介绍了如何使用HTML、JS和EasyUI实现商品的2级分类目录。首先，展示了商品分类的POJO对象，接着讲解了页面JS的引入和数据格式化，包括价格和状态的格式化。然后详细阐述了商品分类目录的格式化，通过AJAX异步请求获取分类名称，并在控制器和服务层处理相关逻辑。最后讨论了EasyUI中树形结构的实现，包括异步加载子节点的方法和封装的树形结构VO对象，以及页面效果的展示。
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/queryItem
最低0.47元/天 解锁文章
671
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
