课程目标

目标 1：完成商品分类功能

目标 2：了解电商概念 SPU 和 SKU 目标 3：掌握富文本编辑器的使用目标 4：掌握上传服务器 FastDFS 目标 5：掌握 angularJS 图片上传

1.商品分类

1.1 需求及表结构分析

1.1.1 需求分析

实现三级商品分类列表查询功能

进入页面首先显示所以一级分类，效果如下：

点击列表行的查询下级按钮，进入下级分类列表，同时更新面包屑导航

再次点击表行的查询下级按钮，进入三级分类列表，因为三级分类属于最后一级，所以在列表中不显示查询下级按钮，同时更新面包屑导航

点击面包屑导航，可以进行返回操作。

1.1.1 表结构分析

tb_item_cat        商品分类表

字段	类型	长度	含义
Id	Bigint		主键
Parent_id	Bigint		上级 ID
Name	varchar		分类名称
Type_id	Bigint		类型模板 ID

1.2 列表实现1.2.1 后端代码

修改 pinyougou-sellergoods-interface 工程 ItemCatService 接口，新增方法定义

[AppleScript] 纯文本查看 复制代码

/**

*根据上级 ID 返回列表

*@return

*/

public  List<TbItemCat>  findByParentId(Long  parentId);

修改 pinyougou-sellergoods-interface 工程 ItemCatServiceImpl ，实现方法

[AppleScript] 纯文本查看 复制代码

/**
* 根据上级 ID 查询列表

*/ @Override
public  List<TbItemCat>  findByParentId(Long  parentId)  { TbItemCatExample  example1=new  TbItemCatExample(); Criteria  criteria1  =  example1.createCriteria(); criteria1.andParentIdEqualTo(parentId);
return    itemCatMapper.selectByExample(example1);

}

修改 pinyougou-manager-web 的 ItemCatController.java

[AppleScript] 纯文本查看 复制代码

/**

*根据上级 ID 查询列表

*@param


*@return


*/ @RequestMapping("/findByParentId")
public  List<TbItemCat>  findByParentId(Long  parentId){


return  itemCatService.findByParentId(parentId);


}

课程目标

目标 1：完成商品分类功能

目标 2：了解电商概念 SPU 和 SKU 目标 3：掌握富文本编辑器的使用目标 4：掌握上传服务器 FastDFS 目标 5：掌握 angularJS 图片上传

1.商品分类

1.1 需求及表结构分析

1.1.1 需求分析

实现三级商品分类列表查询功能

进入页面首先显示所以一级分类，效果如下：

点击列表行的查询下级按钮，进入下级分类列表，同时更新面包屑导航

再次点击表行的查询下级按钮，进入三级分类列表，因为三级分类属于最后一级，所以在列表中不显示查询下级按钮，同时更新面包屑导航

点击面包屑导航，可以进行返回操作。

1.1.1 表结构分析

tb_item_cat        商品分类表

字段	类型	长度	含义
Id	Bigint		主键
Parent_id	Bigint		上级 ID
Name	varchar		分类名称
Type_id	Bigint		类型模板 ID

1.2 列表实现1.2.1 后端代码

修改 pinyougou-sellergoods-interface 工程 ItemCatService 接口，新增方法定义

[AppleScript] 纯文本查看 复制代码

/**

*根据上级 ID 返回列表

*@return

*/

public  List<TbItemCat>  findByParentId(Long  parentId);

修改 pinyougou-sellergoods-interface 工程 ItemCatServiceImpl ，实现方法

[AppleScript] 纯文本查看 复制代码

/**
* 根据上级 ID 查询列表

*/ @Override
public  List<TbItemCat>  findByParentId(Long  parentId)  { TbItemCatExample  example1=new  TbItemCatExample(); Criteria  criteria1  =  example1.createCriteria(); criteria1.andParentIdEqualTo(parentId);
return    itemCatMapper.selectByExample(example1);

}

修改 pinyougou-manager-web 的 ItemCatController.java

[AppleScript] 纯文本查看 复制代码

/**

*根据上级 ID 查询列表

*@param


*@return


*/ @RequestMapping("/findByParentId")
public  List<TbItemCat>  findByParentId(Long  parentId){


return  itemCatService.findByParentId(parentId);


}