wsy182
/
SmartRollCall
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新 home.html

master
wangsiyuan 2023-12-25 17:35:43 +08:00
parent f3ef70b096
commit f4eb448476
1 changed files with 19 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
app/templates/home.html
View File

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>layout 管理界面大布局示例 - Layui</title> <title>首页</title>
<meta name="renderer" content="webkit"/> <meta name="renderer" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
@ -27,7 +27,6 @@
</a> </a>
<dl class="layui-nav-child"> <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="javascript:;" id="logoutLink">登出</a></dd> <dd><a href="javascript:;" id="logoutLink">登出</a></dd>
</dl> </dl>
</li> </li>
@ -42,47 +41,35 @@
<div class="layui-side-scroll"> <div class="layui-side-scroll">
<!-- 左侧导航区域（可配合layui已有的垂直导航） --> <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
<ul class="layui-nav layui-nav-tree" lay-filter="test"> <ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item"><a href="javascript:;">首页</a></li>
<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="javascript:;">签到提醒</a></dd>
</dl>
</li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="layui-body">
<!-- 内容主体区域 -->
<div style="padding: 15px">
<blockquote class="layui-elem-quote layui-text">
Layui 框体布局内容主体区域
</blockquote>
<div class="layui-card layui-panel">
<div class="layui-card-header">
下面是充数内容，为的是出现滚动条
</div>
<div class="layui-card-body">
充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>充数内容<br/>你还真滑到了底部呀
</div>
</div>
<br/><br/>
</div>
</div>
</div> </div>
<script src="static/jquery.min.js"></script> <!-- 确保已经引入jQuery --> <script src="static/jquery.min.js"></script> <!-- 确保已经引入jQuery -->
<script src="static/layui.js"></script> <script src="static/layui.js"></script>
<script> <script>
layui.use(['jquery'], function(){ // 请求后端获取菜单数据
$.get('/api/menu', function (menuItems) {
// 清空原有菜单项
var menuList = $('.layui-nav.layui-nav-tree');
menuList.empty();
// 动态添加菜单项
menuItems.forEach(function (item) {
menuList.append('<li class="layui-nav-item"><a href="' + item.link + '">' + item.name + '</a></li>');
});
// 更新菜单布局
layui.element.render('nav', 'test');
});
layui.use(['jquery'], function () {
var $ = layui.jquery; // 获取Layui的jQuery对象 var $ = layui.jquery; // 获取Layui的jQuery对象
$('#logoutLink').on('click', function() { $('#logoutLink').on('click', function () {
// 向后端发送登出请求 // 向后端发送登出请求
$.get('/logout', function(data) { $.get('/logout', function (data) {
// 重定向到登录页面，或根据后端响应做其他处理 // 重定向到登录页面，或根据后端响应做其他处理
window.location.href = '/login'; window.location.href = '/login';
}); });