@RequestMapping("/cateList")
  @ResponseBody
  public List<TbCategory> cateList() {

    // 整體思路：
    // 1、取得所有數(shù)據(jù)、放入集合List1 （tbCategories）
    // 2、將List1所有數(shù)據(jù)都放入到map（treeMap）中：元素id為鍵，元素本身對(duì)象為值
    // 3、取得頂層節(jié)點(diǎn)放入集合List2中（resultList）
    // 4、遍歷List1中的所有數(shù)據(jù)，通過(guò)數(shù)據(jù)的parentId為鍵在map中取值
    //   1）如果能取到，則說(shuō)明該元素有父節(jié)點(diǎn)
    //      1、判斷該父節(jié)點(diǎn)下的childList中是否有已經(jīng)子節(jié)點(diǎn)
    //       1、若無(wú)：則創(chuàng)建一個(gè)集合，將子節(jié)點(diǎn)放入
    //       2、若有：則直接將子節(jié)點(diǎn)放入即可
    // 5、把放好的數(shù)據(jù)放回到map中
    // 6、返回List2（resultList）

    // 注意：整個(gè)過(guò)程將所有數(shù)據(jù)取出放入list2（resultList）,返回的也是  //list2


    List<TbCategory> tbCategories = categoryService.cateList();

    List<TbCategory> resultList = new ArrayList<TbCategory>(); // 存貯頂層的數(shù)據(jù)

    Map<Object ,Object> treeMap = new HashMap();
    Object itemTree;

    for(int i = 0;i<tbCategories.size() && !tbCategories.isEmpty();i++){
      itemTree = tbCategories.get(i);
      treeMap.put(tbCategories.get(i).getNodeId(),tbCategories.get(i));// 把所有的數(shù)據(jù)都放到map中


    }


// 這里也可以用另一種方法，就是拿到集合里的每個(gè)元素的父id去數(shù)據(jù)庫(kù)中查詢，但是，這樣與數(shù)據(jù)庫(kù)的交互次數(shù)就太多了
 // 遍歷map得到頂層節(jié)點(diǎn)（游離節(jié)點(diǎn)也算作頂層節(jié)點(diǎn)）
    for(int i =0;i<tbCategories.size();i++){
      // 優(yōu)點(diǎn)1：整個(gè)方法，只查詢了一次數(shù)據(jù)庫(kù)
      // 優(yōu)點(diǎn)2：不用知道頂層節(jié)點(diǎn)的id
     if(!treeMap.containsKey(tbCategories.get(i).getParentId())){
        // 我們?cè)诖鎯?chǔ)的時(shí)候就是將元素的id為鍵，元素本身為值存入的
        // 以元素的父id為鍵，在map里取值，若取不到則，對(duì)應(yīng)的元素不存在，即沒(méi)有父節(jié)點(diǎn)，為頂層節(jié)點(diǎn)或游離節(jié)點(diǎn)
        // 將頂層節(jié)點(diǎn)放入list集合
        resultList.add(tbCategories.get(i));
      }
    }

    // 循環(huán)數(shù)據(jù)，將數(shù)據(jù)放到該節(jié)點(diǎn)的父節(jié)點(diǎn)的children屬性中
    for(int i =0 ;i<tbCategories.size()&& !tbCategories.isEmpty();i++){
      // 數(shù)據(jù)庫(kù)中，若一個(gè)元素有子節(jié)點(diǎn)，那么，該元素的id為子節(jié)點(diǎn)的父id
      //treeMap.get(tbCategories.get(i).getParentId()); // 從map集合中找到父節(jié)點(diǎn)
      TbCategory category = (TbCategory)treeMap.get(tbCategories.get(i).getParentId());
      if(category!=null ){ // 不等于null，也就意味著有父節(jié)點(diǎn)
        // 有了父節(jié)點(diǎn)，要判斷父節(jié)點(diǎn)下存貯字節(jié)點(diǎn)的集合是否存在，然后將子節(jié)點(diǎn)放入
        if(category.getChildList() == null){
          // 判斷一個(gè)集合是否被創(chuàng)建用null：表示結(jié)合還沒(méi)有被分配內(nèi)存空間(即還沒(méi)有被創(chuàng)建)，內(nèi)存大小自然為null
          // 用集合的size判斷集合中是否有元素，為0，沒(méi)有元素（集合已經(jīng)被創(chuàng)建），
          category.setChildList(new ArrayList<TbCategory>());
        }
        category.getChildList().add(tbCategories.get(i)); // 添加到父節(jié)點(diǎn)的ChildList集合下

        // 這一步其實(shí)可以不要，因?yàn)槲覀冃薷牧藬?shù)據(jù)（添加了子節(jié)點(diǎn)，然后在將元素放入到map中，
        // 若鍵相同，map會(huì)自動(dòng)覆蓋掉相同的鍵值對(duì)，達(dá)到更新map集合中的數(shù)據(jù)的目的），但是我們
        // 這里只是從map中取值，而并不關(guān)心值的子節(jié)點(diǎn)（子節(jié)點(diǎn)是對(duì)象本身自己封裝的。這里我們知道
        // 元素從查詢后放入map,父節(jié)點(diǎn)放入list，然后通過(guò)鍵來(lái)在map中取得對(duì)象，之后再將修改過(guò)的對(duì)象重新放入map當(dāng)中
        // ,我們并沒(méi)有直接操作list,但是在list中對(duì)象的值卻是已經(jīng)修改過(guò)了，這就是對(duì)象的引用傳遞，同一個(gè)引用對(duì)象是通過(guò)
        // 地址值來(lái)操作對(duì)象的，即有不同的引用，但是對(duì)象中的屬性是已經(jīng)通過(guò)引用的操作而改變的，所以這里一旦修改過(guò)后，無(wú)論是map中還是list中，再次取值時(shí)都已經(jīng)是更改過(guò)后的值了）
        treeMap.put(tbCategories.get(i).getParentId(),category); // 把放好的數(shù)據(jù)放回到map中
      }

    }


   return resultList;
  }

 private Long nodeId;
  private String categoryName;
  private Long parentId;
  private Long childId;
  private List<T> childList;

<el-tree :data="treeList"
       :props="defaultProps"
       @node-click="handleNodeClick"
       node-key="nodeId"
       show-checkbox=true>
  </el-tree>

defaultProps:{
        children: 'childList',
        label: 'categoryName' // 這里的名字要和你封裝的數(shù)據(jù)中的節(jié)點(diǎn)的名字一樣
      }
// 點(diǎn)擊事件
 handleNodeClick: function (data) {
        console.log("沒(méi)做處理");
      }

@RequestMapping("/cateList")
@ResponseBody
public List<TreeUtils> cateList() throws Exception{
    List<TbCategory> tbCategories = categoryService.cateList();
    List<TreeUtils> treeList = TreeUtils.getTreeList(tbCategories,"nodeId", "parentId", "categoryName");

    return treeList;
  }

// 抽取方法的時(shí)候要考慮一個(gè)問(wèn)題，即，返回一個(gè)集合，集合中有父節(jié)點(diǎn)和字節(jié)點(diǎn)，父節(jié)點(diǎn)和字節(jié)點(diǎn)的類(lèi)型一定要統(tǒng)一，
// 即這里返回的是一個(gè)裝有TreeUtils類(lèi)型的集合，那么集合里的父節(jié)點(diǎn)和子節(jié)點(diǎn)一定都得是TreeUtils類(lèi)型的

public class TreeUtils<T> {

  private Integer id;      // 節(jié)點(diǎn)id
  private Integer parentId;  // 父節(jié)點(diǎn)
  private String name;     // 節(jié)點(diǎn)名稱(chēng) ,返回給前臺(tái)的是一個(gè)裝有TreeUtils的集合的數(shù)據(jù)，所以在前臺(tái)顯示數(shù)據(jù)的時(shí)候，el-tree的lable的名字的和這個(gè)一樣
  private List<TreeUtils> childList; // 父節(jié)點(diǎn)中存放子節(jié)點(diǎn)的集合
  private T data;       // 節(jié)點(diǎn)數(shù)據(jù)

/**
   * @param listData  // 從數(shù)據(jù)庫(kù)中查詢的數(shù)據(jù)
   * @return
   */
  public static List<TreeUtils> getTreeList(List<?> listData ,String id,String parentId,String categoryName) throws Exception{

    List<TreeUtils> resultList = new ArrayList<TreeUtils>(); // 最終返回的結(jié)果
    Map<Integer ,Object> map = new HashMap<Integer,Object>();

    for(int i =0;i<listData.size() && !listData.isEmpty();i++){

      // 寫(xiě)一個(gè)與該方法差不多的方法，將得到TreeUtils的代碼抽取出來(lái)
      // 也可以將listData集合整個(gè)轉(zhuǎn)換成裝有TreeUtils的集合x(chóng)，然后再循環(huán)x
      TreeUtils treeUtils = new TreeUtils();
      treeUtils.setId(Integer.parseInt(TreeUtils.getFileValue(listData.get(i),id).toString())); // id       // 返回值為Object無(wú)法直接轉(zhuǎn)換成Integer,先toString，再轉(zhuǎn)換成Integer。這里的返回值寫(xiě)成Object是因?yàn)槎喾N類(lèi)型字段的值都可以用該方法
      treeUtils.setParentId(Integer.parseInt(TreeUtils.getFileValue(listData.get(i),parentId).toString())); // 父id
      treeUtils.setName(TreeUtils.getFileValue(listData.get(i),categoryName).toString()); // 節(jié)點(diǎn)名
      //System.out.println("節(jié)點(diǎn)名為+"+TreeUtils.getFileValue(listData.get(i),categoryName).toString());
      treeUtils.setData(listData.get(i));  // data:原對(duì)象中的所有屬性，無(wú)children

      // 通過(guò)反射得到每條數(shù)據(jù)的id將數(shù)據(jù)封裝的map集合中，id為鍵，元素本身為值
      map.put(treeUtils.getId(),treeUtils);


      // 將所有頂層元素添加到resultList集合中
      //if( 0 == treeUtils.getParentId()){
       //  resultList.add(treeUtils);
      // }
    }
// 得到所有的頂層節(jié)點(diǎn)，游離節(jié)點(diǎn)也算作頂層節(jié)點(diǎn)
// 優(yōu)點(diǎn)一，不用知道等級(jí)節(jié)點(diǎn)的id
// 優(yōu)點(diǎn)而，只查詢了一次數(shù)據(jù)庫(kù)
    for(int i =0;i<listData.size();i++){
      if(!map.containsKey(Integer.parseInt(TreeUtils.getFileValue(listData.get(i),parentId).toString()))){
        resultList.add((TreeUtils) map.get(Integer.parseInt(TreeUtils.getFileValue(listData.get(i),id).toString())));
      }
    }



    for(int i =0;i<listData.size() && !listData.isEmpty();i++){
      TreeUtils obj = (TreeUtils)map.get(Integer.parseInt(TreeUtils.getFileValue(listData.get(i), parentId).toString()));
      if(obj != null){
        if(obj.getChildList() == null){
          obj.setChildList(new ArrayList());
        }
        obj.getChildList().add(map.get(Integer.parseInt(TreeUtils.getFileValue(listData.get(i),id).toString())));
      }
    }
    return resultList;
  }

/**
   * 通過(guò)反射得到的數(shù)據(jù)類(lèi)型的也是不一定的，所以這里我們返回值為Object
   * Object是無(wú)法直接轉(zhuǎn)為Integer,現(xiàn)將Object轉(zhuǎn)為String，然后再將String轉(zhuǎn)為Integer
   * @param item
   * @param fileName
   * @return
   */
  public static Object getFileValue(Object item,String fileName) throws Exception {
    Class<?> aClass = item.getClass();
    Field file = aClass.getDeclaredField(fileName); // 得到所有字段包括私有字段
    file.setAccessible(true); // 取消訪問(wèn)限制
    return file.get(item);  // 這里就體現(xiàn)出反射的意思了，我們通常都是通過(guò)對(duì)象拿到字段，這里是通過(guò)字段，將類(lèi)的字節(jié)碼對(duì)象為參數(shù)傳入，來(lái)得到值
  }