2024.12.23 

#define layout()
<head>
    <meta charset="utf-8">
    <title>大作业</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <link rel="stylesheet" href="/static/css/custom.css"> <!-- 引入自定义样式 -->
    <style>
        /* 自定义整体配色 */
        .layui-header {
            background-color: #34495E !important; /* 深蓝灰色背景 */
        }
        .layui-header .layui-logo {
            color: #ECF0F1 !important; /* 浅灰字体 */
        }
        .layui-header .layui-nav a {
            color: #ECF0F1 !important; /* 浅灰字体 */
        }
        .layui-header .layui-nav a:hover {
            color: #1ABC9C !important; /* 绿色高亮 */
        }

        /* 侧边栏样式 */
        .layui-side {
            background-color: #2C3E50 !important; /* 深灰蓝背景 */
        }
        .layui-side-scroll .layui-nav .layui-nav-item a {
            color: #BDC3C7 !important; /* 浅灰字体 */
        }
        .layui-side-scroll .layui-nav .layui-nav-item:hover,
        .layui-side-scroll .layui-nav .layui-nav-itemed > a {
            background-color: #1ABC9C !important; /* 高亮绿色背景 */
            color: #FFFFFF !important; /* 白色字体 */
        }
        .layui-side-scroll .layui-nav-child dd a {
            padding-left: 30px; /* 子菜单缩进 */
            color: #95A5A6 !important; /* 子菜单灰色字体 */
        }
        .layui-side-scroll .layui-nav-child dd a:hover {
            color: #1ABC9C !important; /* 子菜单高亮绿色 */
        }

        /* 主体内容背景 */
        .layui-body {
            background-color: #ECF0F1; /* 浅灰背景 */
        }

        /* 底部样式 */
        .layui-footer {
            background-color: #34495E !important; /* 深蓝灰背景 */
            color: #ECF0F1 !important; /* 浅灰字体 */
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo" style="font-weight: bold; font-size: 18px;">大作业</div>
        <!-- 头部区域 -->
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a>
                    当前用户：#(session.loginUser.id)
                </a>
            </li>
            <li class="layui-nav-item"><a href="/logout">退出</a></li>
        </ul>
    </div>

    <div class="layui-side">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域 -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-user"></i> 用户管理</a>
                    <dl class="layui-nav-child">
                        #if( session.loginUser.isAdmin??== 1 )
                        <dd><a href="/user/list"><i class="layui-icon layui-icon-list"></i> 用户列表</a></dd>
                        <dd><a href="/user/search"><i class="layui-icon layui-icon-search"></i> 查询用户</a></dd>
                        #end
                        <dd><a href="/user/self"><i class="layui-icon layui-icon-home"></i> 个人信息</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-read"></i> 翻译业务管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/translate/translation"><i class="layui-icon layui-icon-edit"></i> 文本翻译</a></dd>
                        <dd><a href="/translate/search"><i class="layui-icon layui-icon-find-fill"></i> 个人翻译记录</a></dd>
                        #if( session.loginUser.isAdmin??== 1 )
                        <dd><a href="/translate/list"><i class="layui-icon layui-icon-template"></i> 所有翻译记录</a></dd>
                        #end
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-picture"></i> 图片优化管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/picture/convert"><i class="layui-icon layui-icon-magic"></i> 图片特效/增强</a></dd>
                        <dd><a href="/picture/search"><i class="layui-icon layui-icon-find-fill"></i> 个人图片记录</a></dd>
                        #if(session.loginUser.isAdmin??== 1 )
                        <dd><a href="/picture/list"><i class="layui-icon layui-icon-notes"></i> 所有图片记录</a></dd>
                        #end
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body" style="margin-left: 0px;"> <!-- 主体内容右移 -->
        <!-- 内容主体区域 -->
        #@main()
    </div>

    <div class="layui-footer">
        大作业
    </div>
</div>

<script src="/static/layui/layui.js"></script>
<script>
    layui.use('element', function () {
        var element = layui.element;
    });
</script>
</body>
#end
#define paginate(currentPage, totalPage, link)
   #if(totalPage <= 0 || currentPage > totalPage) #return #end
   #setLocal(startPage = currentPage - 4)
   #if (startPage < 1) #setLocal(startPage = 1) #end
   
   #setLocal(endPage = currentPage + 4)
   #if (endPage > totalPage) #setLocal(endPage = totalPage) #end
   
   <div class="pagination" id="demo1" style="text-align: center;">
      <div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-2">
         #if (currentPage <= 8)
            #setLocal(startPage = 1)
         #end
         #if ((totalPage - currentPage) < 8)
            #setLocal(endPage = totalPage)
         #end
         
         #if (currentPage == 1)
            <span class="disabled prev_page">上页</span>
         #else
            <a href="#(link)#(currentPage - 1)#(append)" class="prev_page">上页</a>
         #end
         
         #if (currentPage > 8)
            <a href="#(link)#(1)#(append)">#(1)</a>
            <a href="#(link)#(2)#(append)">#(2)</a>
            <span class="gap">…</span>
         #end
         
         #for(i : [startPage..endPage])
            #if (currentPage == i)
               <span class="current">#(i)</span>
            #else
               <a href="#(link)#(i)#(append)">#(i)</a>
            #end
         #end
         
         #if ((totalPage - currentPage) >= 8)
            <span class="gap">…</span>
            <a href="#(link)#(totalPage - 1)#(append)">#(totalPage - 1)</a>
            <a href="#(link)#(totalPage)#(append)">#(totalPage)</a>
         #end
         
         #if (currentPage == totalPage)
            <span class="disabled next_page">下页</span>
         #else
            <a href="#(link)#(currentPage + 1)#(append)" class="next_page" rel="next">下页</a>
         #end
      </div>
   </div>
#end
posted @   我也不想的  阅读(3)  评论(0)  编辑  收藏  举报
（评论功能已被禁用）
相关博文：
·  2024.12.25
·  2024.12.24
·  1_Layui
·  layui
·  layui
阅读排行：
· winform 绘制太阳，地球，月球 运作规律
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
点击右上角即可分享
微信分享提示
AI IDE Trae