学生身体体质信息管理系统 v1.0

captain_dong

已于 2023-04-26 11:30:13 修改

阅读量122

点赞数

分类专栏：平时学习 Javaweb网站练习文章标签： servlet java html

于 2023-04-05 18:14:04 首次发布

本文链接：https://blog.csdn.net/m0_63064861/article/details/129974521

版权

平时学习同时被 2 个专栏收录

49 篇文章 0 订阅

订阅专栏

Javaweb网站练习

32 篇文章 0 订阅

订阅专栏

学生身体体质信息管理系统 v1.0

<%--
  Created by IntelliJ IDEA.
  User: CaptainDong
  Date: 2023/4/5
  Time: 17:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>学生身体体质信息管理系统</title>
</head>
<frameset rows="80,*">
    <frame src="index_titile.jsp" scrolling="no">
    <frameset cols="140,*">
        <frame src="index_stu_left.jsp" scrolling="no">
        <frame src="index_stu_right.jsp" name="right" scrolling="no">
    </frameset>
</frameset>
</html>

<%--
  Created by IntelliJ IDEA.
  User: CaptainDong
  Date: 2023/4/5
  Time: 17:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>学生身体体质信息管理系统</title>
    <style>
        body {
            margin: 0;
        }
        header {
            height: 80px;
            background-color: #BEE9F5;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        nav {
            width: 140px;
            height: calc(100vh - 80px);
            background-color: #BEE9F5;
            float: left;
        }
        main {
            height: calc(100vh - 80px);
            overflow: hidden;
        }
        iframe {
            border: none;
            width: 100%;
            height: 100%;
        }
        @media only screen and (max-width: 767px) {
            nav {
                width: 100%;
                height: auto;
                float: none;
            }
            main {
                height: auto;
            }
        }
    </style>
</head>
<body>
<header>
    <h1>学生身体体质信息管理系统</h1>
</header>
<nav>
    <ul>
        <li><a href="find_stu_info.jsp.jsp">列出所有学生信息</a></li>
        <li><a href="find_stu_3_submit.jsp">按条件查询学生</a></li>
        <li><a href="insert_stu_2.jsp">添加新学生</a></li>
        <li> <a href="update_stu_2_submit.jsp">按条件修改学生</a></li>
    </ul>
</nav>
<main>
    <iframe src="index_stu_right.jsp" name="right"></iframe>
</main>
</body>
</html>

<%--
  Created by IntelliJ IDEA.
  User: CaptainDong
  Date: 2023/4/5
  Time: 17:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>页面标题</title>
</head>
<body bgcolor="F5E0DF">
<center>
    <h1>
        学生身体体质信息管理系统
    </h1>
</center>
</body>
</html>

<%--
  Created by IntelliJ IDEA.
  User: CaptainDong
  Date: 2023/4/5
  Time: 17:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>菜单页面</title>
</head>
<body bgcolor="F5E0DF">
<br><br><br><br>
<div>
    <a href="find_stu_3_submit.jsp.jsp" target="right">列出所有学生信息</a>
</div>
<div>
    <a href="find_stu_3_submit.jsp" target="right">按条件查询学生</a>
</div>
<div>
    <a href="insert_stu_2.jsp" target="right">添加新学生</a>
</div>
<div>
    <a href="update_stu_2_submit.jsp" target="right">按条件修改学生</a>
</div>
</body>
</html>

<%--
  Created by IntelliJ IDEA.
  User: CaptainDong
  Date: 2023/4/5
  Time: 17:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style>
    #background {
        position: fixed; /* 使其覆盖整个页面 */
        top: 0;
        left: 0;
        width: 100vw; /* 相对于视口宽度 */
        height: 100vh; /* 相对于视口高度 */
        background-position: center; /* 图片居中 */
        background-size: cover; /* 自适应缩放 */
    }

</style>
<html>
<head>
    <title>信息显示页面</title>
</head>
<body>
<div id="background" style="background-image: url('img/image1.jpg');"></div>

</body>
</html>

imge：