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

首頁 > 開發 > JS > 正文

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

2024-05-06 16:47:37
字體:
來源:轉載
供稿:網友

這里使用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);      }    }  }});

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對VeVb武林網的支持。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲福利在线看| 国产精品自产拍在线观看| 国产精品视频男人的天堂| 亚洲欧美日韩图片| 一区二区欧美日韩视频| 欧美黑人一级爽快片淫片高清| 欧美电影免费观看网站| 久久精品国产视频| 久久精品国产亚洲精品2020| 午夜免费久久久久| 国产亚洲aⅴaaaaaa毛片| 91精品国产91久久久| 色爱av美腿丝袜综合粉嫩av| 亚洲第一视频网| 欧美日韩国产va另类| 国产成人一区二| 欧美国产极速在线| 日本免费一区二区三区视频观看| 国产在线观看一区二区三区| 日韩欧美精品在线观看| 欧美激情精品久久久久久| 亚洲视频电影图片偷拍一区| 在线性视频日韩欧美| 欧美日韩免费在线| 久久久久久网址| 欧美在线一区二区三区四| 亚洲色图第三页| 亚洲人成77777在线观看网| 91免费看视频.| 日韩av电影手机在线观看| 亚洲成人久久久久| 日本韩国欧美精品大片卡二| 毛片精品免费在线观看| 久久免费视频这里只有精品| 亚洲精品98久久久久久中文字幕| 高清欧美性猛交xxxx黑人猛交| 国产欧美日韩丝袜精品一区| 成人网在线视频| 国产精品丝袜白浆摸在线| 欧美激情中文字幕在线| 91亚洲一区精品| 久久91超碰青草是什么| 色与欲影视天天看综合网| 国产欧美日韩免费| 97人人爽人人喊人人模波多| 色狠狠久久aa北条麻妃| 国产区精品视频| 亚洲男人7777| 亚洲人成网站免费播放| 亚洲欧美日韩网| 日本精品视频在线观看| 亚洲加勒比久久88色综合| 午夜免费久久久久| 午夜精品一区二区三区视频免费看| 日韩中文字幕精品视频| 欧美疯狂xxxx大交乱88av| 69精品小视频| 亚洲女人天堂av| 欧美疯狂性受xxxxx另类| 欧美另类交人妖| 久久精品中文字幕| 欧美日韩国产影院| 欧美有码在线视频| 久久视频在线免费观看| 亚洲女人天堂色在线7777| 欧美视频免费在线观看| 亚洲人av在线影院| 欧美亚洲一级片| 精品亚洲va在线va天堂资源站| 亚洲夜晚福利在线观看| 日韩精品免费观看| 日本精品性网站在线观看| 日韩高清不卡av| 国产精品一区二区三区毛片淫片| 久久久久中文字幕2018| 国产亚洲人成网站在线观看| 成人美女av在线直播| 精品国产老师黑色丝袜高跟鞋| 久久伊人精品视频| 8090理伦午夜在线电影| 欧美精品一区三区| 亚洲第一福利在线观看| 久久久久日韩精品久久久男男| 3344国产精品免费看| 韩日精品中文字幕| 欧美中文字幕在线视频| 久久久精品久久| 亚洲一区二区三区毛片| www.亚洲免费视频| 91精品国产乱码久久久久久久久| 亚洲精品国产免费| 国产在线999| 九色精品美女在线| 91精品国产91久久久久久久久| 亚洲欧美在线x视频| 久久在线视频在线| 精品香蕉在线观看视频一| 国产精品色视频| 亚洲在线第一页| 欧美网站在线观看| 国产精品美女午夜av| 国产精品日韩在线一区| 亚洲美女性视频| 日韩中文字幕视频| 一道本无吗dⅴd在线播放一区| 尤物九九久久国产精品的分类| 日韩中文在线不卡| 午夜精品久久久久久久久久久久久| 亚洲精品99久久久久中文字幕| 久久久久女教师免费一区| 中文字幕日韩有码| 亚洲电影免费在线观看| 精品动漫一区二区| 91在线观看免费高清| 亚洲美女精品久久| 91视频88av| 在线观看欧美日韩| 性欧美视频videos6一9| 久久资源免费视频| 日韩欧美亚洲综合| 91在线观看免费网站| 中文字幕精品视频| 亚洲女人被黑人巨大进入al| 欧美精品一区二区免费| 国外色69视频在线观看| 久久精品国产2020观看福利| 伊人成人开心激情综合网| 久久精品国产2020观看福利| 久久久久久久久电影| 国产成人精品久久亚洲高清不卡| 欧美在线性视频| 亚洲精品综合久久中文字幕| 中文字幕在线亚洲| 国产精品丝袜久久久久久不卡| 亚洲成人av在线| 中日韩美女免费视频网站在线观看| 亚洲护士老师的毛茸茸最新章节| 91久久精品国产91久久| 夜夜躁日日躁狠狠久久88av| 精品国产一区二区三区久久狼5月| 一区三区二区视频| 亚洲欧洲午夜一线一品| 欧美成人h版在线观看| 精品国产精品自拍| 亚洲视频网站在线观看| 国产午夜一区二区| 国产精品视频一区二区三区四| 一区二区在线视频| 国产成人精品国内自产拍免费看| 7777kkkk成人观看| 久久视频在线看| 国产精品永久免费观看| 欧美高清videos高潮hd| 中文字幕少妇一区二区三区| 欧美视频二区36p| 国产69精品99久久久久久宅男| 日本精品久久中文字幕佐佐木| 中文字幕亚洲一区二区三区五十路| 国产亚洲福利一区| 久久人体大胆视频| 亚洲精品福利资源站| 欧美精品在线极品| 欧美日韩在线观看视频小说| 久久免费国产精品1|