亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JS無限級導航菜單實現方法

2019-11-19 12:19:26
字體:
來源:轉載
供稿:網友

這里使用layui渲染的導航

實體類

dept.java

private int id; //id  private String dept_name;  //部門名稱  private int pid;  //上級部門id  private int sort_num;  //排序值  private int create_id; //創建人  private String create_time; //創建時間  private int modify_id; //修改人  private String modify_time; //最后修改時間  private int is_del; // 是否刪除 0 未刪除 1 已刪除  private int status; //status  private String remark; //remark  private List<Dept> deptChild = new ArrayList<>(); //部門迭代

DeptMapper.java

List<Dept> selectDeptForJsonMenu();

DeptMapper.xml

<resultMap type="com.ys.entity.Dept" id="deptFirst">    <result column="id" property="id" javaType="java.lang.Integer" />    <result column="dept_name" property="dept_name" javaType="java.lang.String" />    <result column="sort_num" property="sort_num" javaType="java.lang.Integer" />    <result column="create_time" property="create_time" javaType="java.lang.String" />    <result column="modify_id" property="modify_id" javaType="java.lang.Integer" />    <result column="modify_time" property="modify_time" javaType="java.lang.String" />    <result column="is_del" property="is_del" javaType="java.lang.Integer" />    <result column="status" property="status" javaType="java.lang.Integer" />    <result column="remark" property="remark" javaType="java.lang.String" />    <collection column="id" property="deptChild" javaType="java.util.ArrayList" select="selectDeptForJsonMenuChild"/>  </resultMap>  <!-- 查詢部門菜單樹 -->  <select id="selectDeptForJsonMenu" resultMap="deptFirst">    SELECT * FROM sys_dept WHERE pid = 0 AND is_del = 0 ORDER BY sort_num  </select>  <select id="selectDeptForJsonMenuChild" resultMap="deptFirst" parameterType="java.lang.Integer">    select * FROM sys_dept where pid = #{id} AND is_del = 0 ORDER BY sort_num  </select>

DeptService.java

public List<Dept> selectDeptForJsonMenu(){    return mapper.selectDeptForJsonMenu();  }

DeptController.java

@RequestMapping(value = "selectDeptForJsonMenu",method={RequestMethod.GET,RequestMethod.POST})  @ResponseBody  public List<Dept> selectDeptForJsonMenu(){    return service.selectDeptForJsonMenu();  }

html 引入layui.js,layui.css 并加載element模塊.

<div id="leftMenu"></div>
$(function(){  $.ajax({    method:'post',    url:getPath+"dept/selectDeptForJsonMenu",    dataType:'json',    success:function(data){      if(data.length > 0){        var showlist = $('<ul class="layui-nav layui-nav-tree"></ul>');        showall(data, showlist);        $("#leftMenu").html(showlist);      }else{         $('#leftMenu').html('<span class="layui-btn layui-btn-primary" id="add">添加</span>') ;       }    }  });  //json為json數據  //parent為最終html拼接內容  function showall(json, parent) {    for (var i in json) {      //有子節點 遍歷      if (json[i].deptChild.length > 0) {        //創建li        var li = $('<li class="layui-nav-item layui-nav-itemed"></li>');        $(li).append('<a href="javascript:;" rel="external nofollow" rel="external nofollow" >'+json[i].dept_name+'</a>');        $(li).append('<ul class="layui-nav-child"></ul>').appendTo(parent);        //將UL選中 回調        showall(json[i].deptChild, $(li).children().eq(1));      }      //無子級      else {        $('<li></li>').append('<a href="javascript:;" rel="external nofollow" rel="external nofollow" >'+json[i].dept_name+'</a>').appendTo(parent);      }    }  }});

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對武林網的支持。如果你想了解更多相關內容請查看下面相關鏈接

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲片国产一区一级在线观看| 亚洲一区av在线播放| 亚洲午夜性刺激影院| 亚洲第一中文字幕在线观看| 欧美美最猛性xxxxxx| 欧美第一黄网免费网站| 97涩涩爰在线观看亚洲| 亚洲欧美日韩一区二区三区在线| 久久久久国色av免费观看性色| 欧美丰满少妇xxxx| 精品亚洲一区二区三区在线观看| 亚洲最新视频在线| 日韩av影视在线| 欧美片一区二区三区| 亚洲精品在线视频| 日韩毛片在线看| 在线观看日韩专区| 97在线视频精品| 亚洲白拍色综合图区| 57pao国产成人免费| 久久久久国产视频| 欧美性猛交xxxx乱大交极品| 欧美资源在线观看| 欧美超级乱淫片喷水| 九九热视频这里只有精品| 26uuu国产精品视频| 欧美午夜丰满在线18影院| 国产丝袜一区二区三区免费视频| 中文字幕欧美亚洲| 亚洲人成77777在线观看网| 欧美视频二区36p| 亚洲精品白浆高清久久久久久| 国产精品久久久999| 日韩av手机在线观看| 97免费视频在线| 久久久久国产精品免费| 国产日韩欧美夫妻视频在线观看| 欧美成人小视频| 国产精品久久久久国产a级| 欧美激情成人在线视频| 欧美一级电影免费在线观看| 日韩有码在线播放| 欧美成aaa人片免费看| 久久久久久久久久久久av| 欧美猛少妇色xxxxx| 日韩av电影手机在线观看| 97超碰色婷婷| 成人av在线天堂| 日韩成人激情视频| 精品日韩中文字幕| 社区色欧美激情 | 欧美怡红院视频一区二区三区| 九九热99久久久国产盗摄| 亚洲精品国产欧美| 亚洲综合国产精品| 成人久久久久久久| 国产精品在线看| 国产免费一区视频观看免费| 国产精品伦子伦免费视频| 久久久久久国产三级电影| 国内精品国产三级国产在线专| 久久99精品国产99久久6尤物| 日韩中文字幕在线视频| 国产亚洲精品成人av久久ww| 成人黄色免费网站在线观看| 在线视频免费一区二区| 中文日韩在线视频| 亚洲毛片在线观看.| 在线视频欧美日韩精品| 欧美成人午夜激情在线| 亚洲国产成人精品女人久久久| 国产欧美日韩亚洲精品| 国产日韩视频在线观看| 92福利视频午夜1000合集在线观看| 久久久视频精品| 欧美多人爱爱视频网站| 国产69精品久久久久99| 欧美日韩国产中文字幕| 亚洲免费一在线| 亚洲伊人成综合成人网| 欧美一级视频一区二区| 成人免费在线网址| 91精品久久久久久久久久| 姬川优奈aav一区二区| 国模极品一区二区三区| 97精品国产97久久久久久免费| 亚洲女人天堂成人av在线| 欧美情侣性视频| 国产欧美最新羞羞视频在线观看| 2020国产精品视频| 欧美日韩国产页| 精品欧美国产一区二区三区| 亚洲精选一区二区| 国产视频亚洲精品| 色系列之999| 亚洲一区二区三区毛片| 亚洲男人天天操| 97精品一区二区三区| 欧美成aaa人片在线观看蜜臀| 亚洲精品自拍第一页| 国产精品视频精品| 亚洲毛片在线看| 亚洲第一区中文字幕| 亚洲精品日韩丝袜精品| 欧美成人激情视频免费观看| 久久久久久久久久久91| 国产91精品黑色丝袜高跟鞋| 国产午夜精品美女视频明星a级| 欧美日韩视频在线| 欧美老女人性视频| 久久国产精品久久久久| 成人性生交xxxxx网站| 日本19禁啪啪免费观看www| 亚洲精品视频久久| 色婷婷亚洲mv天堂mv在影片| 秋霞成人午夜鲁丝一区二区三区| 国产欧美日韩专区发布| 免费91在线视频| 日韩欧美黄色动漫| xxx一区二区| 精品香蕉在线观看视频一| 日韩国产精品亚洲а∨天堂免| 97人人模人人爽人人喊中文字| 韩国视频理论视频久久| 国模视频一区二区| 国产精品1234| 欧美日本啪啪无遮挡网站| 66m—66摸成人免费视频| 精品久久久久久久久久久久久| 久久免费视频网| 久久福利网址导航| 国产精品视频xxx| 精品一区二区三区四区在线| 欧美国产激情18| 日韩有码在线电影| 欧美激情欧美激情| 国产黑人绿帽在线第一区| 欧美成人sm免费视频| 色偷偷av一区二区三区乱| 中文字幕精品—区二区| 欧美日韩电影在线观看| 久久久久国产精品一区| 播播国产欧美激情| 国产成人精品日本亚洲专区61| 国产成人久久久精品一区| 久久五月天色综合| 精品久久久久久久久久久久久久| 97国产精品人人爽人人做| 日韩女优人人人人射在线视频| 国产成人一区二区三区| 国产精品中文字幕久久久| 日韩高清电影免费观看完整| www国产亚洲精品久久网站| 亚洲第一视频在线观看| 亚洲第一男人av| 国产精品三级在线| 欧美性videos高清精品| 韩日欧美一区二区| 激情懂色av一区av二区av| 精品久久久久久电影| 欧美日韩激情小视频| 亚洲欧美日韩国产中文| 亚洲欧美中文字幕在线一区| 亚洲视频视频在线|