src/main/resources/templates/user.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>管理系统</title>
    <link rel="stylesheet" th:href="@{css/layui.css}">
</head>
<body class="layui-layout-body">

<!-- 顶部区域 -->
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">疫苗接种信息管理系统</div>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;" th:text="${username}">

                </a>
                <dl class="layui-nav-child">

                    <dd>
                        <!--1、属性data-url（需要在右边选项卡中打开的页面的路径）  -->
                        <!--2、属性data-title（选项卡标题）-->
                        <!--3、属性data-id必须唯一，tab选项卡根据这个值进行切换-->

                        <a href="#" data-url="userInfo" data-title="个人资料" data-id="100" class="site-demo-active"
                           data-type="tabAdd">
                            个人资料
                        </a>
                    </dd>

                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="/logout">退出</a>
            </li>
        </ul>
    </div>


    <!-- 左侧导航栏 -->
    <div class="layui-tab  layui-side layui-tab-card site-demo-button">
        <ul class="layui-nav layui-side layui-nav-tree layui-nav-side">

            <li class="layui-nav-item layui-nav-itemed">

                <a href="javascript:;">疫苗管理</a>

                <dl class="layui-nav-child">

                    <dd>
                        <!--1、属性data-url（需要在右边选项卡中打开的页面的路径）  -->
                        <!--2、属性data-title（选项卡标题）-->
                        <!--3、属性data-id必须唯一，tab选项卡根据这个值进行切换-->
                        <!--4、id，也必须唯一，这里id设置为default-tab，设置该选项卡为默认显示的-->
                        <a href="#" data-url="toInoculation" data-title="" data-id="11" id="default-tab" class="site-demo-active"
                           data-type="tabAdd">
                            疫苗记录
                        </a>
                    </dd>