This repository has been archived on 2024-07-21. You can view files and clone it, but cannot push or open issues or pull requests.
java_ee_project/project2/web/WEB-INF/views/studentListQuery.jsp

261 lines
14 KiB
Plaintext
Raw Normal View History

2023-06-06 18:07:57 +08:00
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta http-equiv="x-ua-compatible" content="ie=edge"/>
<title>学生信息查询</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/mdb.min.css"/>
2023-06-07 12:44:45 +08:00
<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/datepicker.min.css"/>
2023-06-06 18:07:57 +08:00
<style>
.table-container {
2023-06-07 12:44:45 +08:00
min-width: 80vw;
min-height: 80vh;
2023-06-06 18:07:57 +08:00
align-items: center;
justify-content: center;
}
.table-container table {
width: 100%;
height: 100%;
}
</style>
</head>
<body style="font-family: 'Noto Sans SC Regular',serif">
2023-06-06 18:07:57 +08:00
<!--Main Navigation-->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light" style="z-index: 1;min-height: 58.59px">
<div class="container">
<button class="navbar-toggler" type="button" data-mdb-toggle="collapse"
data-mdb-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<a class="navbar-brand mt-2 mt-lg-0" href="#">
<i class="fas fa-chalkboard-user me-2"></i>
教务管理系统
</a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">首页</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button"
data-mdb-toggle="dropdown" aria-expanded="false">
学生管理
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown1">
<li><a class="dropdown-item" href="#">学生信息查询</a></li>
<li><a class="dropdown-item" href="#">学生信息管理</a></li>
<li><a class="dropdown-item" href="#">学生信息管理</a></li>
<li>
<hr class="dropdown-divider"/>
</li>
<li><a class="dropdown-item" href="#">学生成绩管理</a></li>
<li><a class="dropdown-item" href="#">学生成绩管理</a></li>
<li><a class="dropdown-item" href="#">学生成绩管理</a></li>
<li>
<hr class="dropdown-divider"/>
</li>
<li><a class="dropdown-item" href="#">学生选课管理</a></li>
<li><a class="dropdown-item" href="#">学生选课管理</a></li>
<li><a class="dropdown-item" href="#">学生选课管理</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
data-mdb-toggle="dropdown" aria-expanded="false">
教师管理
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown2">
<li><a class="dropdown-item" href="#">教师信息管理</a></li>
<li><a class="dropdown-item" href="#">教师课程管理</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown3" role="button"
data-mdb-toggle="dropdown" aria-expanded="false">
课程管理
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown3">
<li><a class="dropdown-item" href="#">课程信息管理</a></li>
<li><a class="dropdown-item" href="#">课程安排管理</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown4" role="button"
data-mdb-toggle="dropdown" aria-expanded="false">
系统管理
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown4">
<li><a class="dropdown-item" href="#">个人设定</a></li>
<li><a class="dropdown-item" href="#">用户管理</a></li>
<li><a class="dropdown-item" href="#">日志管理</a></li>
<li><a class="dropdown-item" href="#">版本信息</a></li>
</ul>
</li>
</ul>
</div>
<div class="dropdown">
<a class="dropdown-toggle d-flex align-items-center hidden-arrow" href="#"
id="navbarDropdownMenuAvatar" role="button" data-mdb-toggle="dropdown" aria-expanded="false">
<i class="fas fa-circle-user fa-lg"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuAvatar">
<li>
<a class="dropdown-item" href="${pageContext.request.contextPath}/logout">登出</a>
2023-06-06 18:07:57 +08:00
</li>
</ul>
</div>
</div>
</nav>
</header>
<!--Main Navigation-->
<!--Main layout-->
<main>
<div class="bg-image shadow-2-strong vh-100"
style="background-image: url('${pageContext.request.contextPath}/resources/img/jason-blackeye-nyL-rzwP-Mk-unsplash.jpg'); margin-top: -58.59px;">
<div class="mask d-flex align-items-center h-100" style="background-color: hsla(0, 0%, 100%, 0.5);">
<div class="container d-flex justify-content-center">
<div class="card">
<div class="card-body p-4 p-md-5">
<h3 class="mb-2 pb-2">数据查询</h3>
<!-- Button triggers collapse -->
<a
class="btn btn-primary mb-3"
data-mdb-toggle="collapse"
href="#collapseWithScrollbar"
role="button"
aria-expanded="false"
aria-controls="collapseExample"
>
<i class="fas fa-circle-question"></i>
帮助信息
</a>
<!-- Collapsed content -->
<div class="collapse scroll-section" id="collapseWithScrollbar" style="max-width: 500px">
<div class="note note-primary mb-3">
<strong>提示:</strong> 这里的查询分成两类,班级查询与其他信息查询独立
</div>
</div>
2023-06-07 12:44:45 +08:00
<form action="query" method="post">
2023-06-06 18:07:57 +08:00
<div class="row">
<div class="col-md-6 mb-4">
<div class="form-outline">
2023-06-07 12:44:45 +08:00
<input type="text" id="firstName" class="form-control" name="name"/>
<label class="form-label" for="firstName">名字</label>
2023-06-06 18:07:57 +08:00
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 mb-4">
<div class="form-outline datepicker">
2023-06-07 12:44:45 +08:00
<input type="text" class="form-control" id="birthdayDate" name="birthday"/>
2023-06-06 18:17:15 +08:00
<label for="birthdayDate" class="form-label">出生日期</label>
2023-06-06 18:07:57 +08:00
</div>
</div>
<div class="col-md-6 mb-4">
2023-06-06 18:17:15 +08:00
<h6 class="mb-2 pb-1">性别: </h6>
2023-06-06 18:07:57 +08:00
<div class="form-check form-check-inline">
2023-06-07 12:44:45 +08:00
<input class="form-check-input" type="radio" name="inlineRadioOptions"
id="femaleGender" value="女"/>
2023-06-06 18:17:15 +08:00
<label class="form-check-label" for="femaleGender">女</label>
2023-06-06 18:07:57 +08:00
</div>
<div class="form-check form-check-inline">
2023-06-07 12:44:45 +08:00
<input class="form-check-input" type="radio" name="inlineRadioOptions"
id="maleGender" value="男"/>
2023-06-06 18:17:15 +08:00
<label class="form-check-label" for="maleGender">男</label>
2023-06-06 18:07:57 +08:00
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 mb-4">
<div class="form-outline">
2023-06-07 12:44:45 +08:00
<input type="number" id="id" class="form-control" name="student-id"/>
<label class="form-label" for="id">学号</label>
2023-06-06 18:07:57 +08:00
</div>
</div>
2023-06-07 12:44:45 +08:00
<%-- Pending 改造 拖条↑--%>
2023-06-06 18:07:57 +08:00
<div class="col-md-6 mb-4">
<div class="form-outline">
2023-06-07 12:44:45 +08:00
<input type="text" id="phoneNumber" class="form-control" name="phone"/>
<label class="form-label" for="phoneNumber">联系方式</label>
2023-06-06 18:07:57 +08:00
</div>
</div>
</div>
<div class="row">
<div class="col-12">
2023-06-07 12:44:45 +08:00
<h6 class="mb-3">班级</h6>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox1"
name="classes"
value="1班"/>
<label class="form-check-label" for="inlineCheckbox1">1班</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2"
name="classes"
value="2班"/>
<label class="form-check-label" for="inlineCheckbox2">2班</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox3"
name="classes"
value="3班"/>
<label class="form-check-label" for="inlineCheckbox3">3班</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox4"
name="classes"
value="4班"/>
<label class="form-check-label" for="inlineCheckbox4">4班</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox5"
name="classes"
value="5班"/>
<label class="form-check-label" for="inlineCheckbox5">5班</label>
</div>
2023-06-06 18:07:57 +08:00
<div class="mt-4">
2023-06-07 12:44:45 +08:00
<input class="btn btn-warning btn-lg" type="submit" value="提交"/>
<button type="reset" class="btn btn-secondary">重置</button>
2023-06-06 18:07:57 +08:00
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
<!--Main layout-->
<!-- Footer -->
<footer class="bg-link text-center text-lg-start ">
</footer>
<!-- Footer -->
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/mdb.min.js"></script>
2023-06-07 12:44:45 +08:00
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/datepicker.min.js"></script>
2023-06-06 18:07:57 +08:00
</body>
</html>