前言

后台管理系统，是内容管理系统Content Manage System（简称CMS）的一个子集。CMS是Content Management System的缩写，意为”内容管理系统”。

根据自己的业务提供不同模块，如商品管理、订单管理、财务管理等等。

目录结构

menu

下方代码都是在js/index.js里面

var menu = [{
 "id": -1,
 "children": [],
 "spread": true,
 "title": "主页",
 "url": "https://www.javanx.cn",
 "icon": ""
}, {
 id: "5",
 title: "一级菜单2",
 icon: "fa-stop-circle",
 url: "https://www.baidu.com",
 spread: false
}];
// 这里添加空的菜单进入，主要是为了能在页面里面打开tab菜单，请参考test页面实例
menu.push({
 id: "",
 title: "",
 icon: "",
 url: ""
});
navbar.set({
 data: menu
}).render(function(data) {
 refreshTab(data.id);
 tab.tabAdd(data);
});

自定义方法

/添加指定Tab项
addTab = function(options) {
 element.tabDelete('kitTab', options.id);
 $('li.layui-nav-item:last').find('a').data('options', JSON.stringify(options));
 $('li.layui-nav-item:last').find('a').trigger('click');
}
//删除指定Tab项
delTab = function(pid) {
 element.tabDelete('kitTab', pid);
}
//刷新指定Tab项
refreshTab = function(pid) {
 var item = $('.layui-tab-item[lay-item-id=' + pid + ']');
 if (!item.length) {
 return false;
 }
 var iframe = $(item).children("iframe");
 iframe.attr("src", iframe.attr("src"));
}
//切换到指定Tab项
changeTab = function(pid) {
 element.tabChange('kitTab', pid); //切换到：用户管理
}

iframe添加菜单到tab

var options = {
 url: '/tab.html',
 icon: '',
 title: 'iframe添加tab',
 id: '11'
}
window.parent.addTab(options)

依次类推，在iframe里面都可以用window.parent.xxx调用到index.js里面的方法

公告

需要源码和演示地址的同学，点击下方“了解更多”！

更多资源敬请关注！