root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add menu.json

v1.0
bobi 2019-05-18 02:23:50 +08:00
parent 7c496bb7f8
commit 9220eb9afb
3 changed files with 293 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

260
data/menu.json Normal file
View File

@ -0,0 +1,260 @@
{
"status": 1000,
"msg": "操作成功",
"data": [
{
"title": "后台首页",
"fontFamily": "ok-icon",
"icon": "",
"href": "pages/home.html",
"isClose": false,
"spread": true,
"isCheck": true
},
{
"title": "字体图标",
"icon": "",
"href": "pages/other/okfont.html",
"spread": false
},
{
"title": "图表管理",
"icon": "",
"href": "",
"spread": false,
"children": [
{
"title": "地图",
"fontFamily": "my-icon",
"icon": "my-iconditu",
"spread": false,
"children": [
{
"title": "中国地图",
"icon": "",
"href": "pages/echarts/mapchina2.html",
"spread": false
},
{
"title": "地区地图",
"icon": "",
"href": "pages/echarts/mapchina.html",
"spread": false
}
]
},
{
"title": "数据图",
"fontFamily": "my-icon",
"icon": "my-icontubiao",
"spread": false,
"children": [
{
"title": "统计图",
"icon": "",
"href": "pages/echarts/map1.html",
"spread": false
},
{
"title": "折线图",
"icon": "",
"href": "pages/echarts/map2.html",
"spread": false
},
{
"title": "馅饼图",
"icon": "",
"href": "pages/echarts/map4.html",
"spread": false
},
{
"title": "圆形图",
"icon": "",
"href": "pages/echarts/map5.html",
"spread": false
},
{
"title": "指数图",
"icon": "",
"href": "pages/echarts/map6.html",
"spread": false
}
]
}
]
},
{
"title": "框架使用说明",
"fontFamily": "ok-icon",
"icon": "",
"spread": false,
"children": [
{
"title": "插件目录",
"href": "pages/help/plugDirectory.html",
"spread": false
},
{
"title": "内部添加导航",
"href": "pages/help/navOperate.html",
"spread": false
},
{
"title": "导航的图标",
"href": "pages/help/navIcon.html",
"spread": false
},
{
"title": "导航的参数",
"href": "pages/help/navParameter.html",
"spread": false
}
]
},
{
"title": "第三方js库",
"icon": "",
"children": [
{
"title": "二维码",
"href": "pages/tripartite/qrcode.html"
}
]
},
{
"title": "会员管理",
"icon": "",
"href": "",
"spread": false,
"children": [
{
"title": "用户列表",
"fontFamily": "layui-icon",
"icon": "",
"href": "pages/user/user.html",
"spread": false
},
{
"title": "角色列表",
"icon": "",
"href": "pages/role/role.html",
"spread": false
},
{
"title": "权限列表",
"icon": "",
"href": "pages/permission/permission.html",
"spread": false
}
]
},
{
"title": "新闻管理",
"icon": "",
"href": "",
"spread": false,
"children": [
{
"title": "文章列表",
"fontFamily": "layui-icon",
"icon": "",
"href": "pages/article/article.html",
"spread": false
}
]
},
{
"title": "多级导航",
"fontFamily": "ok-icon",
"icon": "ok-iconnavigation-2",
"spread": false,
"children": [
{
"title": "二级导航",
"href": "",
"spread": false,
"children": [
{
"title": "三级导航1",
"fontFamily": "ok-icon",
"icon": "ok-iconairplay",
"href": "pages/home.html",
"spread": false
},
{
"title": "三级导航2",
"href": "",
"spread": false,
"children": [
{
"title": "四级导航1",
"href": "",
"spread": false
},
{
"title": "四级导航2",
"href": "",
"spread": false,
"children": [
{
"title": "五级导航",
"fontFamily": "ok-icon",
"icon": "&#xe971",
"href": "",
"spread": false
},
{
"title": "五级导航",
"href": "",
"spread": false
},
{
"title": "登录",
"icon": "",
"href": "pages/login.html",
"spread": false,
"target": "_blank"
}
]
}
]
}
]
}
]
},
{
"title": "系统管理",
"icon": "",
"href": "",
"spread": false,
"children": [
{
"title": "登录",
"icon": "",
"href": "pages/login.html",
"spread": false,
"target": "_blank"
},
{
"title": "403页面",
"icon": "",
"href": "pages/common/403.html",
"spread": false
},
{
"title": "404页面",
"icon": "",
"href": "pages/common/404.html",
"spread": false
},
{
"title": "500页面",
"icon": "",
"href": "pages/common/500.html",
"spread": false
}
]
}
]
}

12
index.html
View File

@ -46,7 +46,7 @@
<div class="layui-side-scroll"> <div class="layui-side-scroll">
<ul class="layui-nav layui-nav-tree" lay-shrink="all"> <ul class="layui-nav layui-nav-tree" lay-shrink="all">
<li class="layui-nav-item layui-nav-itemed"> <li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;"> <a href="javascript:;">
<i class="iconfont icon-huiyuan"></i> 会员管理 <i class="iconfont icon-huiyuan"></i> 会员管理
</a> </a>
<dl class="layui-nav-child"> <dl class="layui-nav-child">
@ -56,7 +56,7 @@
</dl> </dl>
</li> </li>
<li class="layui-nav-item"> <li class="layui-nav-item">
<a class="" href="javascript:;"> <a href="javascript:;">
<i class="iconfont icon-ai-new"></i> 新闻管理 <i class="iconfont icon-ai-new"></i> 新闻管理
</a> </a>
<dl class="layui-nav-child"> <dl class="layui-nav-child">
@ -64,7 +64,7 @@
</dl> </dl>
</li> </li>
<li class="layui-nav-item"> <li class="layui-nav-item">
<a class="" href="javascript:;"> <a href="javascript:;">
<i class="iconfont icon-liuyan"></i> 留言管理 <i class="iconfont icon-liuyan"></i> 留言管理
</a> </a>
<dl class="layui-nav-child"> <dl class="layui-nav-child">
@ -72,7 +72,7 @@
</dl> </dl>
</li> </li>
<li class="layui-nav-item"> <li class="layui-nav-item">
<a class="" href="javascript:;"> <a href="javascript:;">
<i class="iconfont icon-xiazai"></i> 下载中心 <i class="iconfont icon-xiazai"></i> 下载中心
</a> </a>
<dl class="layui-nav-child"> <dl class="layui-nav-child">
@ -80,7 +80,7 @@
</dl> </dl>
</li> </li>
<li class="layui-nav-item"> <li class="layui-nav-item">
<a class="" href="javascript:;"> <a href="javascript:;">
<i class="iconfont icon-youqinglianjie"></i> 友情链接 <i class="iconfont icon-youqinglianjie"></i> 友情链接
</a> </a>
<dl class="layui-nav-child"> <dl class="layui-nav-child">
@ -88,7 +88,7 @@
</dl> </dl>
</li> </li>
<li class="layui-nav-item"> <li class="layui-nav-item">
<a class="" href="javascript:;"> <a href="javascript:;">
<i class="iconfont icon-weibiaoti35"></i> 产品管理 <i class="iconfont icon-weibiaoti35"></i> 产品管理
</a> </a>
<dl class="layui-nav-child"> <dl class="layui-nav-child">

28
js/okadmin.js
View File

@ -2,10 +2,12 @@ layui.config({
base: "lib/okPlugins/" base: "lib/okPlugins/"
}).extend({ }).extend({
okTab: "okTab", okTab: "okTab",
}).use(["element", "layer", "okTab"], function () { okUtils: "okUtils"
}).use(["element", "layer", "okTab", "okUtils"], function () {
var $ = layui.jquery; var $ = layui.jquery;
var layer = layui.layer; var layer = layui.layer;
var okTab = layui.okTab; var okTab = layui.okTab;
var okUtils = layui.okUtils;
/** /**
* localhost运行提示 * localhost运行提示
@ -31,6 +33,30 @@ layui.config({
} }
}); });
// TODO 加载左侧菜单 ！！！！！！！！！！！！
okUtils.ajax("data/menu.json", "get").done(function (response) {
var html = "";
for (var i = 0; i < response.length; i++) {
var d = response[i];
html += "<li class='layui-nav-item'>"
html += "<a href='javascript:;'>"
html += "<i class='iconfont icon-huiyuan'></i> " + response[i].title;
html += "</a>"
if (d.children != undefined && d.children.length > 0) {
html += "<dl class='layui-nav-child'>"
for (var j = 0; j < d.children.length; j++) {
html += "<dd><a href='javascript:;' path='pages/user/user.html' tab-id='1-1'><i class='iconfont icon-dianliyonghuzongshu'></i> " + d.children[j].title + "</a></dd>";
}
html += "</dl>"
}
html += "</li>";
}
// alert(html)
// $(".layui-nav-tree").html(html);
}).fail(function (error) {
console.log(error)
});
/** /**
* 点击左边菜单在右边添加选项卡 * 点击左边菜单在右边添加选项卡
*/ */