页面：

实体类：

public class TbItemCat implements Serializable{

private Long id;

private Long parentId;

private String name;

private Long typeId;

sql做自连接查询:

mapper.xml

SELECT

cat1.`id` catOneId,cat1.`name` catOneName,cat1.`parent_id` parentIdOne,cat2.id catTwoId,cat2.`name` catTwoName,cat2.`parent_id` parentIdTwo,cat3.id catThreeId,cat3.`name` catThreeName,cat3.`parent_id` parentIdThree

FROM tb_item_cat cat1,tb_item_cat cat2,tb_item_cat cat3

WHERE cat1.`id`=cat2.`parent_id` AND cat2.id=cat3.`parent_id`

mapper接口：

List> selectAll();

impl实现类:

@Override

public List> selectAll() {

List> selectAll = itemCatMapper.selectAll();

return selectAll;

}

controller控制层:

@RequestMapping("/findAll")

public List> findAll(){

List> selectAll = itemCatService.selectAll();

return selectAll;

}

contentController.js

app.controller("contentController",function($scope,contentService){

$scope.list = [];

$scope.findAll=function(){

contentService.findAll().success(function(response){

//将相应的数据放到list里面

$scope.list = response;

});

}

});

contentService.js

app.service("contentService",function($http){

this.findAll = function(){

return $http.get("content/findAll.do");

}

});

控制层获取的数据和数据库的数据一样，一条一条的用list集合接收，但是发现页面经过去重之后，数据不对，换了另一种思路

创建一级分类的实体类

public class TbItemCatOneExample implements Serializable {

private Long id;

private Long parentId;

private String name;

private Long typeId;

private List tbItemCats2;

创建二级分类的实体类

public class TbItemCatTwoExample implements Serializable{

private Long id;

private Long parentId;

private String name;

private Long typeId;

private List tbItemCats3;

创建三级分类实体类

public class TbItemCat implements Serializable{

private Long id;

private Long parentId;

private String name;

private Long typeId;

控制层controller

@RequestMapping("/findAll")

public List findAll(){

List selectAll = itemCatService.selectAll();

System.out.println(selectAll);

return selectAll;

}

service接口

/**

* 首页三级分类

* @return

*/

public List selectAll();

serviceImpl实现类

@Override

public List selectAll() {

//从库中获取的数据

List selectAll = itemCatMapper.selectAll();

return selectAll;

}

mapper接口

List selectAll();

mapper.xml

SELECT

cat1.`id` catOneId,cat1.`name` catOneName,cat1.`parent_id` parentIdOne,cat2.id catTwoId,cat2.`name` catTwoName,cat2.`parent_id` parentIdTwo,

cat3.id catThreeId,cat3.`name` catThreeName,cat3.`parent_id` parentIdThree

FROM tb_item_cat cat1,tb_item_cat cat2,tb_item_cat cat3

WHERE cat1.`id`=cat2.`parent_id` AND cat2.id=cat3.`parent_id`

在控制台获取到想要的数据了

但是页面展示发现angularjs不能再class中传递，需要修改样式，去除class，有点小尴尬

页面