SQL表結構
CREATE TABLE `menu` (
`id` int(11) NOT NULL COMMENT '主鍵和自增id',
`name` varchar(255) NOT NULL COMMENT '菜單名字',
`level` int(1) NOT NULL DEFAULT 0 COMMENT '第幾級菜單,0一級,1二級',
`last` int(11) NOT NULL DEFAULT 0 COMMENT '上級菜單的id,一級菜單默認爲0',
`url` varchar(255) NOT NULL COMMENT '菜單指向URL',
`is_used` int(1) NOT NULL DEFAULT 0 COMMENT '是否使用,0使用,1關閉'
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='菜單表';
index.php
模板使用layui
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>監測</title>
<link rel="stylesheet" href="./layui/css/layui.css">
</head>
<body class="layui-layout-body">
<?php
date_default_timezone_set("PRC");
mb_internal_encoding('UTF-8');
$link = mysqli_connect('172.30', 's', 'L', 'shell');
if (!$link) {
exit('數據庫連接失敗:' . mysqli_connect_error());
}
mysqli_set_charset($link, 'utf8');
$sql_two = "select * from menu WHERE level=0 AND is_used=0 order by id ASC";
$sql_one = "select * from menu WHERE level=1 AND is_used=0 AND `last`=0 order by id ASC";
$res_two = mysqli_query($link, $sql_two);
$res_one = mysqli_query($link, $sql_one);
$list = mysqli_fetch_all($res_two, MYSQLI_ASSOC);
$info = mysqli_fetch_all($res_one, MYSQLI_ASSOC);
foreach ($list as $k => $v) {
$too_sql = "select * from menu WHERE last=" . $v['id'] . " AND is_used=0 order by id ASC";
$too_res = mysqli_query($link, $too_sql);
$too_list = mysqli_fetch_all($too_res, MYSQLI_ASSOC);
$list[$k]['too'] = $too_list;
}
?>
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo">監測</div>
<!-- 頭部區域(可配合layui已有的水平導航) -->
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item"><a href="">控制檯</a></li>
<li class="layui-nav-item"><a href="">商品管理</a></li>
<li class="layui-nav-item"><a href="">用戶</a></li>
<li class="layui-nav-item">
<a href="javascript:;">其它系統</a>
<dl class="layui-nav-child">
<dd><a href="">郵件管理</a></dd>
<dd><a href="">消息管理</a></dd>
<dd><a href="">授權管理</a></dd>
</dl>
</li>
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;">
<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
賢心
</a>
<dl class="layui-nav-child">
<dd><a href="">基本資料</a></dd>
<dd><a href="">安全設置</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">退了</a></li>
</ul>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左側導航區域(可配合layui已有的垂直導航) -->
<ul class="layui-nav layui-nav-tree" 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>-->
<?php foreach ($list as $v): ?>
<li class="layui-nav-item">
<a href="javascript:;"><?= $v['name'] ?></a>
<?php if (is_array($v['too'])): ?>
<dl class="layui-nav-child">
<?php foreach ($v['too'] as $t): ?>
<dd><a href="<?= $t['url'] ?>"><?= $t['name'] ?></a></dd>
<?php endforeach; ?>
</dl>
<?php endif; ?>
</li>
<?php endforeach; ?>
<?php if(is_array($info)) foreach ($info as $v): ?>
<li class="layui-nav-item"><a href="<?= $v['url'] ?>"><?= $v['name'] ?></a></li>
<?php endforeach; ?>
</ul>
</div>
</div>
<div class="layui-body">
<!-- 內容主體區域 -->
<div style="padding: 15px;width: 100%;height: 100%">
<iframe width="100%" height="100%" src="./cpu.html" frameborder="0" seamless> </iframe>
</div>
</div>
<div class="layui-footer">
<!-- 底部固定區域 -->
© 服務器監測系統 - 底部固定區域
</div>
</div>
<!--<script src="../src/layui.js"></script>-->
<script src="./layui/layui.js"></script>
<script>
//JavaScript代碼區域
layui.use('element', function () {
var element = layui.element;
});
</script>
</body>
</html>