网站前端模板(layer后台管理系统前端框架模板)

前言后台管理系统,是内容管理系统Content Manage System(简称CMS)的一个子集。CMS是Content Management System的缩写,意为”内容管理系统”。根据自己的业务提供不同模块,如商品管理、订单管理、财务管理等等。layer admin预览目录结构layer后台管理系统前端框架模板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添加菜单到tabvar options = {
url: ‘/tab.html’,
icon: ‘’,
title: ‘iframe添加tab’,
id: ’11’
}
window.parent.addTab(options)
依次类推,在iframe里面都可以用window.parent.xxx调用到index.js里面的方法公告需要源码和演示地址的同学,点击下方“了解更多”!更多资源敬请关注!


本文出自快速备案,转载时请注明出处及相应链接。

本文永久链接: https://www.xiaosb.com/beian/49105/