|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<!-- 设置文档的字符编码为UTF-8 -->
|
|
|
<meta charset="utf-8">
|
|
|
<!-- 设置网页标题 -->
|
|
|
<title>高校宿舍管理系统</title>
|
|
|
<!-- 设置网页关键词，便于搜索引擎优化 -->
|
|
|
<meta name="keywords" content="高校宿舍管理系统">
|
|
|
<!-- 设置网页描述，便于搜索引擎优化 -->
|
|
|
<meta name="description" content="高校宿舍管理系统">
|
|
|
<!-- 设置渲染引擎为webkit -->
|
|
|
<meta name="renderer" content="webkit">
|
|
|
<!-- 设置IE浏览器兼容模式 -->
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
<!-- 允许所有来源的跨域请求 -->
|
|
|
<meta http-equiv="Access-Control-Allow-Origin" content="*">
|
|
|
<!-- 设置视口宽度和缩放比例 -->
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
<!-- 设置苹果设备的状态栏样式为黑色 -->
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
<!-- 允许将网站添加到主屏幕 -->
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
<!-- 禁用电话识别 -->
|
|
|
<meta name="format-detection" content="telephone=no">
|
|
|
<!-- 设置网页图标 -->
|
|
|
<link rel="icon" href="../images/favicon.ico">
|
|
|
<!-- 引入layui框架的CSS文件 -->
|
|
|
<link rel="stylesheet" href="../lib/layui-v2.5.5/css/layui.css" media="all">
|
|
|
<!-- 引入FontAwesome字体库的CSS文件 -->
|
|
|
<link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
|
|
|
<!-- 引入自定义的layuimini CSS文件 -->
|
|
|
<link rel="stylesheet" href="../css/layuimini.css?v=2.0.1" media="all">
|
|
|
<!-- 引入默认主题的CSS文件 -->
|
|
|
<link rel="stylesheet" href="../css/themes/default.css" media="all">
|
|
|
<!-- 引入公共CSS文件 -->
|
|
|
<link rel="stylesheet" href="../css/public.css" media="all">
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
|
<!-- 引入 HTML5 shiv，用于使旧版 IE 浏览器支持 HTML5 元素 -->
|
|
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
|
<!-- 引入 respond.js，用于使旧版 IE 浏览器支持媒体查询 -->
|
|
|
<![endif]-->
|
|
|
<!-- 结束条件注释 -->
|
|
|
<style id="layuimini-bg-color">
|
|
|
</style>
|
|
|
<!-- 定义一个空的样式标签，用于动态设置背景颜色 -->
|
|
|
</head>
|
|
|
<body class="layui-layout-body layuimini-all">
|
|
|
<!-- 页面主体部分，使用 layui 布局类 -->
|
|
|
<div class="layui-layout layui-layout-admin">
|
|
|
<!-- 使用 layui 布局容器 -->
|
|
|
|
|
|
<div class="layui-header header">
|
|
|
<!-- 页头部分 -->
|
|
|
<div class="layui-logo layuimini-logo layuimini-back-home"></div>
|
|
|
<!-- 网站 logo，点击可返回首页 -->
|
|
|
|
|
|
<div class="layuimini-header-content">
|
|
|
<!-- 页头内容区域 -->
|
|
|
<a>
|
|
|
<div class="layuimini-tool"><i title="展开" class="fa fa-outdent" data-side-fold="1"></i></div>
|
|
|
<!-- 折叠按钮，点击后展开菜单 -->
|
|
|
</a>
|
|
|
|
|
|
<!--电脑端头部菜单-->
|
|
|
<ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-menu-header-pc layuimini-pc-show">
|
|
|
<!-- 电脑端头部菜单列表 -->
|
|
|
</ul>
|
|
|
|
|
|
<!--手机端头部菜单-->
|
|
|
<ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-mobile-show">
|
|
|
<!-- 手机端头部菜单列表 -->
|
|
|
<li class="layui-nav-item">
|
|
|
<!-- 单个菜单项 -->
|
|
|
<a href="javascript:;"><i class="fa fa-list-ul"></i> 选择模块</a>
|
|
|
<!-- 菜单项链接和图标 -->
|
|
|
<dl class="layui-nav-child layuimini-menu-header-mobile">
|
|
|
<!-- 子菜单列表 -->
|
|
|
</dl>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul class="layui-nav layui-layout-right">
|
|
|
<!-- 刷新按钮 -->
|
|
|
<li class="layui-nav-item" lay-unselect>
|
|
|
<!-- 点击后触发刷新操作 -->
|
|
|
<a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
|
|
|
</li>
|
|
|
<!-- 清理按钮（已注释） -->
|
|
|
<!-- <li class="layui-nav-item" lay-unselect>
|
|
|
<a href="javascript:;" data-clear="清理" class="layuimini-clear"><i class="fa fa-trash-o"></i></a>
|
|
|
</li> -->
|
|
|
<!-- 全屏按钮，仅在移动设备上显示 -->
|
|
|
<li class="layui-nav-item mobile layui-hide-xs" lay-unselect>
|
|
|
<!-- 点击后触发全屏操作 -->
|
|
|
<a href="javascript:;" data-check-screen="full"><i class="fa fa-arrows-alt"></i></a>
|
|
|
</li>
|
|
|
<!-- 设置菜单项 -->
|
|
|
<li class="layui-nav-item layuimini-setting">
|
|
|
<!-- 用户名链接 -->
|
|
|
<a href="javascript:;" id="userName"></a>
|
|
|
<!-- 下拉菜单内容 -->
|
|
|
<dl class="layui-nav-child">
|
|
|
<!-- 基本资料子菜单项 -->
|
|
|
<dd>
|
|
|
<a href="javascript:;" layuimini-content-href="user/info.html" data-title="基本资料" data-icon="fa fa-gears">基本资料</a>
|
|
|
</dd>
|
|
|
<!-- 修改密码子菜单项 -->
|
|
|
<dd>
|
|
|
<a href="javascript:;" layuimini-content-href="user/password.html" data-title="修改密码" data-icon="fa fa-gears">修改密码</a>
|
|
|
</dd>
|
|
|
<!-- 分隔线 -->
|
|
|
<dd>
|
|
|
<hr>
|
|
|
</dd>
|
|
|
<!-- 其他子菜单项可以继续添加在这里 -->
|
|
|
<dd>
|
|
|
<!-- 退出登录链接 -->
|
|
|
<a href="javascript:;" class="login-out">退出登录</a>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
</li>
|
|
|
<!-- 配色方案选择项 -->
|
|
|
<li class="layui-nav-item layuimini-select-bgcolor" lay-unselect>
|
|
|
<!-- 点击后触发背景颜色选择功能 -->
|
|
|
<a href="javascript:;" data-bgcolor="配色方案"><i class="fa fa-ellipsis-v"></i></a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 无限极左侧菜单容器 -->
|
|
|
<div class="layui-side layui-bg-black layuimini-menu-left">
|
|
|
</div>
|
|
|
|
|
|
<!-- 初始化加载层 -->
|
|
|
<div class="layuimini-loader">
|
|
|
<!-- 加载动画的内部容器 -->
|
|
|
<div class="layuimini-loader-inner"></div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 手机端遮罩层 -->
|
|
|
<div class="layuimini-make"></div>
|
|
|
|
|
|
<!-- 移动导航 -->
|
|
|
<div class="layuimini-site-mobile"><i class="layui-icon"></i></div>
|
|
|
<!-- 页面主体内容 -->
|
|
|
<div class="layui-body">
|
|
|
<!-- 隐藏的卡片，用于显示面包屑导航 -->
|
|
|
<div class="layui-card layuimini-page-header layui-hide">
|
|
|
<!-- 面包屑导航 -->
|
|
|
<div class="layui-breadcrumb layuimini-page-title">
|
|
|
<!-- 主页链接 -->
|
|
|
<a lay-href="" href="/">主页</a><span lay-separator="">/</span>
|
|
|
<!-- 常规管理链接 -->
|
|
|
<a><cite>常规管理</cite></a><span lay-separator="">/</span>
|
|
|
<!-- 系统设置链接 -->
|
|
|
<a><cite>系统设置</cite></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 页面主要内容区域 -->
|
|
|
<div class="layuimini-content-page">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<script src="../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
|
|
|
<!-- 引入 layui 框架 -->
|
|
|
<script src="../js/lay-config.js?v=2.0.0" charset="utf-8"></script>
|
|
|
<!-- 引入自定义的 lay-config 配置文件 -->
|
|
|
<script>
|
|
|
// 使用 layui 模块
|
|
|
layui.use(['jquery', 'layer', 'miniAdmin','store'], function () {
|
|
|
var $ = layui.jquery,
|
|
|
// 获取 layui 的 jQuery 模块
|
|
|
layer = layui.layer,
|
|
|
// 获取 layui 的 layer 模块，用于弹出层和消息提示
|
|
|
store = layui.store,
|
|
|
// 获取 layui 的 store 模块，用于本地存储
|
|
|
miniAdmin = layui.miniAdmin;
|
|
|
// 获取 layui 的 miniAdmin 模块，用于后台管理界面
|
|
|
|
|
|
if(!store.getToken()){
|
|
|
// 如果本地存储中没有 token，则跳转到登录页面
|
|
|
location.href ='login.html';
|
|
|
}
|
|
|
if(store.getLoginInfo()){
|
|
|
// 如果本地存储中有登录信息，则显示用户名
|
|
|
$('#userName').html(store.getLoginInfo());
|
|
|
}
|
|
|
|
|
|
<script>
|
|
|
// 定义配置选项对象
|
|
|
let options = {
|
|
|
iniUrl: "menu/query", // 功能菜单请求接口地址
|
|
|
clearUrl: "", // 缓存清理接口
|
|
|
renderPageVersion: true, // 初始化页面是否加版本号
|
|
|
bgColorDefault: false, // 主题默认配置
|
|
|
multiModule: false, // 是否开启多模块
|
|
|
menuChildOpen: false, // 是否默认展开菜单
|
|
|
loadingTime: 0, // 初始化加载时间
|
|
|
pageAnim: true, // 切换菜单动画
|
|
|
logoInfo: {
|
|
|
title: "宿舍管理系统", // 系统标题
|
|
|
image: "../images/logo.png", // 系统Logo图片路径
|
|
|
href: "" // 系统链接
|
|
|
},
|
|
|
homeInfo: {
|
|
|
title: "首页", // 首页标题
|
|
|
href: "main.html" // 首页链接
|
|
|
},
|
|
|
};
|
|
|
// 调用miniAdmin的render方法，传入配置选项
|
|
|
miniAdmin.render(options);
|
|
|
|
|
|
// 为退出按钮绑定点击事件
|
|
|
$('.login-out').on("click", function () {
|
|
|
// 弹出确认对话框，询问用户是否确定退出
|
|
|
layer.confirm("确定要退出吗？",function () {
|
|
|
// 清除本地存储数据
|
|
|
store.clear();
|
|
|
// 跳转到登录页面
|
|
|
window.location = 'login.html';
|
|
|
})
|
|
|
});
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|
