【LayUI】之动态树&动态选项卡Tab&iframe使用

目录

  1.左侧导航

  2.导入数据表及无限级分类

  3.实现左侧菜单后台代码

  4.前端左侧菜单绑定

附录一：

附录二：判断选项卡是否已经打开

   1.什么是Tab选项卡

   2.Tab分类

附录一：什么是lay-filter

附录二：iframe

附录三：如何隐藏tab第一个选项卡的删除图标

附录四：首页tab选项卡及body样式处理

---

1.左侧导航

  导航一般指页面引导性频道集合，多以菜单的形式呈现，可应用于头部和侧边，是整个网页画龙点晴般的存在。
  面包屑结构简单，支持自定义分隔符。

  参考地址：http://layui.org.cn/doc/element/nav.html

  2.导入数据表及无限级分类

  1) 数据导入请参考资料中的db.sql
  
  2) 无限级分类：父亲找儿子的过程，将对应的儿子放在父亲下面，形成树结构。（递归算法）

  3.实现左侧菜单后台代码

  4.前端左侧菜单绑定

附录一：

<iframe frameborder="0" src="' + url+ '" scrolling="auto" style="width:100%;height:100%"></iframe>

附录二：判断选项卡是否已经打开

$(".layui-tab-title li[lay-id='" + name + "']").length > 0

   1.什么是Tab选项卡

   Tab广泛应用于Web页面，因此我们也对其进行了良好的支持（简约风格、卡片风格、响应式Tab以及带删除的Tab等等）。Layui内置多种Tab风格，支持删除选项卡、并提供响应式支持。

   2.Tab分类