From f4eb448476750073645efaf68fdd6aadda0bd5fc Mon Sep 17 00:00:00 2001
From: wangsiyuan <2392948297@qq.com>
Date: Mon, 25 Dec 2023 17:35:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20home.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/templates/home.html | 51 +++++++++++++++--------------------------
 1 file changed, 19 insertions(+), 32 deletions(-)
diff --git a/app/templates/home.html b/app/templates/home.html
index 2128059..c287852 100644
--- a/app/templates/home.html
+++ b/app/templates/home.html
@@ -2,7 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8"/>
-    <title>layout 管理界面大布局示例 - Layui</title>
+    <title>首页</title>
     <meta name="renderer" content="webkit"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
@@ -27,7 +27,6 @@
                 </a>
                 <dl class="layui-nav-child">
                     <dd><a href="javascript:;">资料</a></dd>
-                    <dd><a href="javascript:;">设置</a></dd>
                     <dd><a href="javascript:;" id="logoutLink">登出</a></dd>
                 </dl>
             </li>
@@ -42,47 +41,35 @@
         <div class="layui-side-scroll">
             <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
             <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>
         </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>
 
 <script src="static/jquery.min.js"></script> <!-- 确保已经引入jQuery -->
 <script src="static/layui.js"></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对象
 
-        $('#logoutLink').on('click', function() {
+        $('#logoutLink').on('click', function () {
             // 向后端发送登出请求
-            $.get('/logout', function(data) {
+            $.get('/logout', function (data) {
                 // 重定向到登录页面，或根据后端响应做其他处理
                 window.location.href = '/login';
             });
