Layui之动态生成选项卡与用户CRUD

今天我来给大家分享一下，动态生成选项卡的案例

效果图

分享这个知识之前，我们先来了解一下什么是无限极分类？

无限级分类是一种分类技巧，例如部门组织，文章分类，学科分类等常用到无限级分类，将其简单理解成分类就好了。

引入公共资源：

<%@include file="common/Layui.jsp" %>
<%request.setAttribute("jdlj", request.getContextPath()); %>

首先是左导航区域的HTML

 
      <ul class="layui-nav layui-nav-tree" id="menu" lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">所有商品a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">列表一a>dd>
            <dd><a href="javascript:;">列表二a>dd>
            <dd><a href="javascript:;">列表三a>dd>
            <dd><a href="">超链接a>dd>
          dl>
        li>
        <li class="layui-nav-item">
          <a href="javascript:;">解决方案a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">列表一a>dd>
            <dd><a href="javascript:;">列表二a>dd>
            <dd><a href="">超链接a>dd>
          dl>
        li>
        <li class="layui-nav-item"><a href="">云市场a>li>
        <li class="layui-nav-item"><a href="">发布商品a>li>
        ul>

如何实现左导航的呢，当然是通过我们的JavaScript代码实现