完成成绩修改页前端
Signed-off-by: Chenx221 <chenx221@yandex.com>
This commit is contained in:
parent
f5a85585d2
commit
3fdf17eb7e
Binary file not shown.
@ -49,7 +49,7 @@
|
||||
<hr class="dropdown-divider" />
|
||||
</li>
|
||||
<li><a class="dropdown-item" href="score/all">成绩查看</a></li>
|
||||
<li><a class="dropdown-item" href="#">成绩管理</a></li>
|
||||
<li><a class="dropdown-item" href="score/infomodv2">成绩管理</a></li>
|
||||
<li><a class="dropdown-item" href="#">学生成绩管理</a></li>
|
||||
<li>
|
||||
<hr class="dropdown-divider" />
|
||||
|
||||
@ -0,0 +1,446 @@
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ page 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>成绩信息修改v2</title>
|
||||
<script src="${pageContext.request.contextPath}/resources/js/jquery-3.7.0.min.js"></script>
|
||||
<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"/>
|
||||
<style>
|
||||
.table-container {
|
||||
min-width: 60vw;
|
||||
/* 设置最小宽度为视窗宽度的80% */
|
||||
min-height: 80vh;
|
||||
/* 设置最小高度为视窗高度的80% */
|
||||
/*display: flex;*/
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.table-container table {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="font-family: 'Noto Sans SC Regular',serif">
|
||||
<!--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 me-1"></i>
|
||||
${username}
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuAvatar">
|
||||
<li>
|
||||
<a class="dropdown-item" href="${pageContext.request.contextPath}/logout">登出</a>
|
||||
</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">
|
||||
<button type="button" class="btn btn-primary" onclick="location.href='../dashboard'">返回</button>
|
||||
<div class="table-container rounded-4 shadow-3-strong"
|
||||
style="background-color: rgba(255,255,255,0.9); overflow-y: auto; max-height: 400px">
|
||||
<table class="table table-striped table-hover border-primary">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">成绩ID</th>
|
||||
<th scope="col">学号</th>
|
||||
<th scope="col">学生姓名</th>
|
||||
<th scope="col">课程ID</th>
|
||||
<th scope="col">课程名</th>
|
||||
<th scope="col">成绩</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:forEach var="score" items="${scores}">
|
||||
<tr>
|
||||
<td>${score.scoreID}</td>
|
||||
<td>${score.student.id}</td>
|
||||
<td>${score.student.name}</td>
|
||||
<td>${score.course.courseID}</td>
|
||||
<td>${score.course.courseName}</td>
|
||||
<td>${score.score}</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="card rounded-4 shadow-3-strong" style="min-width: 244px">
|
||||
<!-- Tabs navs -->
|
||||
<ul class="nav nav-tabs" id="ex1" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link active fs-6" id="ex1-tab-1" data-mdb-toggle="tab" href="#ex1-tabs-1"
|
||||
role="tab" aria-controls="ex1-tabs-1" aria-selected="true">成绩查询</a>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link fs-6" id="ex1-tab-2" data-mdb-toggle="tab" href="#ex1-tabs-2"
|
||||
role="tab" aria-controls="ex1-tabs-2" aria-selected="true">成绩修改</a>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link fs-6" id="ex1-tab-3" data-mdb-toggle="tab" href="#ex1-tabs-3"
|
||||
role="tab" aria-controls="ex1-tabs-3" aria-selected="false">成绩删除</a>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link fs-6" id="ex1-tab-4" data-mdb-toggle="tab" href="#ex1-tabs-4"
|
||||
role="tab" aria-controls="ex1-tabs-4" aria-selected="false">成绩添加</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- Tabs navs -->
|
||||
<hr class="hr" style="margin: 1px"/>
|
||||
<!-- Tabs content -->
|
||||
<div class="tab-content" id="ex1-content">
|
||||
<div class="tab-pane fade show active" id="ex1-tabs-1" role="tabpanel"
|
||||
aria-labelledby="ex1-tab-1">
|
||||
<div class="card-body" style="min-width: 175px">
|
||||
<form action="query" method="post">
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText1" class="form-control"
|
||||
name="scoreid"/>
|
||||
<label class="form-label" for="typeText1">成绩ID</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText2" class="form-control"
|
||||
name="scoreid"/>
|
||||
<label class="form-label" for="typeText2">学号</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="text" id="typeText3" class="form-control"
|
||||
name="name"/>
|
||||
<label class="form-label" for="typeText3">学生姓名</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText4" class="form-control"
|
||||
name="courseid"/>
|
||||
<label class="form-label" for="typeText4">课程ID</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="text" id="typeText5" class="form-control"
|
||||
name="coursename"/>
|
||||
<label class="form-label" for="typeText5">课程名(支持部分)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<label class="form-label" for="customRange1">成绩最小值:
|
||||
<output id="score_min_value"></output>
|
||||
</label>
|
||||
<div class="range">
|
||||
<input type="range" class="form-range" id="customRange1" name="min" value="0" min="0" max="100"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label class="form-label" for="customRange2">成绩最大值:
|
||||
<output id="score_max_value"></output>
|
||||
</label>
|
||||
<div class="range">
|
||||
<input type="range" class="form-range" id="customRange2" name="max" value="100" min="0" max="100"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2 mt-4">
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="submit" class="btn btn-primary">查询
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="reset" class="btn btn-secondary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="ex1-tabs-2" role="tabpanel"
|
||||
aria-labelledby="ex1-tab-2">
|
||||
<div class="card-body" style="min-width: 175px">
|
||||
<form action="modinfo" method="post">
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText6" class="form-control"
|
||||
required name="id"/>
|
||||
<label class="form-label" for="typeText6">成绩ID (必填)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText7" class="form-control"
|
||||
name="score"/>
|
||||
<label class="form-label" for="typeText7">成绩</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2 mt-4">
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="submit" class="btn btn-primary">更改
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="reset" class="btn btn-secondary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="ex1-tabs-3" role="tabpanel" aria-labelledby="ex1-tab-3">
|
||||
<div class="card-body" style="min-width: 175px">
|
||||
<form action="delinfo" method="post">
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText8" class="form-control"
|
||||
required name="id"/>
|
||||
<label class="form-label" for="typeText8">成绩ID (必填)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2 mt-4">
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="submit" class="btn btn-primary">删除</button>
|
||||
</div>
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="reset" class="btn btn-secondary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="tab-pane fade" id="ex1-tabs-4" role="tabpanel" aria-labelledby="ex1-tab-4">
|
||||
<!-- <h5 class="card-header">信息添加</h5> -->
|
||||
<div class="card-body" style="min-width: 175px">
|
||||
<form action="addinfo" method="post">
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText9" class="form-control" required
|
||||
name="studentid"/>
|
||||
<label class="form-label" for="typeText9">学号 (必填)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText10" class="form-control" required
|
||||
name="courseid"/>
|
||||
<label class="form-label" for="typeText10">课程号 (必填)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText11" class="form-control" required
|
||||
name="score"/>
|
||||
<label class="form-label" for="typeText11">成绩 (必填)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2 mt-4">
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="submit" class="btn btn-primary">添加
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="reset" class="btn btn-secondary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Tabs content -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">
|
||||
<i class="fas fa-circle-exclamation me-2"></i>错误
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<c:if test="${not empty errorMessage}">
|
||||
${errorMessage}
|
||||
</c:if>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary" data-mdb-dismiss="modal">OK</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel2"
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel2">
|
||||
<i class="fas fa-circle-check me-2"></i>成功
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<c:if test="${not empty successMessage}">
|
||||
${successMessage}
|
||||
</c:if>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary" data-mdb-dismiss="modal">OK</button>
|
||||
</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>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
// 判断模型中是否存在错误信息
|
||||
<c:if test="${not empty errorMessage && errorMessage ne 'null'}">
|
||||
$('#exampleModal').modal('show');
|
||||
</c:if>
|
||||
<c:if test="${not empty successMessage && successMessage ne 'null'}">
|
||||
$('#exampleModal2').modal('show');
|
||||
</c:if>
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/range-limit.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,12 @@
|
||||
const input_min = document.querySelector("#customRange1")
|
||||
const input_max = document.querySelector("#customRange2")
|
||||
const value_min = document.querySelector("#score_min_value")
|
||||
const value_max = document.querySelector("#score_max_value")
|
||||
input_min.addEventListener("input", (event) => {
|
||||
value_min.textContent = event.target.value
|
||||
input_max.setAttribute("min", event.target.value)
|
||||
})
|
||||
input_max.addEventListener("input", (event) => {
|
||||
value_max.textContent = event.target.value
|
||||
input_min.setAttribute("max", event.target.value)
|
||||
})
|
||||
@ -11,7 +11,7 @@
|
||||
Target Server Version : 80033 (8.0.33)
|
||||
File Encoding : 65001
|
||||
|
||||
Date: 12/06/2023 10:34:40
|
||||
Date: 12/06/2023 19:35:57
|
||||
*/
|
||||
|
||||
SET NAMES utf8mb4;
|
||||
|
||||
@ -1,12 +1,16 @@
|
||||
package cyou.chenx221.controller;
|
||||
|
||||
import cyou.chenx221.helper.UsernameHelper;
|
||||
import cyou.chenx221.pojo.Course;
|
||||
import cyou.chenx221.service.ScoreService;
|
||||
import org.springframework.beans.factory.annotation.Autowired;
|
||||
import org.springframework.stereotype.Controller;
|
||||
import org.springframework.ui.Model;
|
||||
import org.springframework.web.bind.annotation.GetMapping;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
import org.springframework.web.bind.annotation.RequestParam;
|
||||
|
||||
import java.util.List;
|
||||
|
||||
@Controller
|
||||
@RequestMapping("/score")
|
||||
@ -27,4 +31,19 @@ public class ScoreController {
|
||||
model.addAttribute("scores", scoreService.getAllScores());
|
||||
return "scoreList";
|
||||
}
|
||||
|
||||
@GetMapping("/infomodv2")//处理学生信息修改页
|
||||
public String getInfoModv2(@RequestParam(value = "successMessage", required = false, defaultValue = "null") String successMessage,
|
||||
@RequestParam(value = "errorMessage", required = false, defaultValue = "null") String errorMessage,
|
||||
Model model) {
|
||||
String username = new UsernameHelper().getCurrentUsername();
|
||||
if (username != null) {
|
||||
model.addAttribute("username", username);
|
||||
}
|
||||
model.addAttribute("scores", scoreService.getAllScores());
|
||||
model.addAttribute("successMessage", successMessage);
|
||||
model.addAttribute("errorMessage", errorMessage);
|
||||
|
||||
return "scoreopv2";
|
||||
}
|
||||
}
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
<hr class="dropdown-divider" />
|
||||
</li>
|
||||
<li><a class="dropdown-item" href="score/all">成绩查看</a></li>
|
||||
<li><a class="dropdown-item" href="#">成绩管理</a></li>
|
||||
<li><a class="dropdown-item" href="score/infomodv2">成绩管理</a></li>
|
||||
<li><a class="dropdown-item" href="#">学生成绩管理</a></li>
|
||||
<li>
|
||||
<hr class="dropdown-divider" />
|
||||
|
||||
446
project2/web/WEB-INF/views/scoreopv2.jsp
Normal file
446
project2/web/WEB-INF/views/scoreopv2.jsp
Normal file
@ -0,0 +1,446 @@
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ page 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>成绩信息修改v2</title>
|
||||
<script src="${pageContext.request.contextPath}/resources/js/jquery-3.7.0.min.js"></script>
|
||||
<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"/>
|
||||
<style>
|
||||
.table-container {
|
||||
min-width: 60vw;
|
||||
/* 设置最小宽度为视窗宽度的80% */
|
||||
min-height: 80vh;
|
||||
/* 设置最小高度为视窗高度的80% */
|
||||
/*display: flex;*/
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.table-container table {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="font-family: 'Noto Sans SC Regular',serif">
|
||||
<!--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 me-1"></i>
|
||||
${username}
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuAvatar">
|
||||
<li>
|
||||
<a class="dropdown-item" href="${pageContext.request.contextPath}/logout">登出</a>
|
||||
</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">
|
||||
<button type="button" class="btn btn-primary" onclick="location.href='../dashboard'">返回</button>
|
||||
<div class="table-container rounded-4 shadow-3-strong"
|
||||
style="background-color: rgba(255,255,255,0.9); overflow-y: auto; max-height: 400px">
|
||||
<table class="table table-striped table-hover border-primary">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">成绩ID</th>
|
||||
<th scope="col">学号</th>
|
||||
<th scope="col">学生姓名</th>
|
||||
<th scope="col">课程ID</th>
|
||||
<th scope="col">课程名</th>
|
||||
<th scope="col">成绩</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:forEach var="score" items="${scores}">
|
||||
<tr>
|
||||
<td>${score.scoreID}</td>
|
||||
<td>${score.student.id}</td>
|
||||
<td>${score.student.name}</td>
|
||||
<td>${score.course.courseID}</td>
|
||||
<td>${score.course.courseName}</td>
|
||||
<td>${score.score}</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="card rounded-4 shadow-3-strong" style="min-width: 244px">
|
||||
<!-- Tabs navs -->
|
||||
<ul class="nav nav-tabs" id="ex1" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link active fs-6" id="ex1-tab-1" data-mdb-toggle="tab" href="#ex1-tabs-1"
|
||||
role="tab" aria-controls="ex1-tabs-1" aria-selected="true">成绩查询</a>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link fs-6" id="ex1-tab-2" data-mdb-toggle="tab" href="#ex1-tabs-2"
|
||||
role="tab" aria-controls="ex1-tabs-2" aria-selected="true">成绩修改</a>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link fs-6" id="ex1-tab-3" data-mdb-toggle="tab" href="#ex1-tabs-3"
|
||||
role="tab" aria-controls="ex1-tabs-3" aria-selected="false">成绩删除</a>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link fs-6" id="ex1-tab-4" data-mdb-toggle="tab" href="#ex1-tabs-4"
|
||||
role="tab" aria-controls="ex1-tabs-4" aria-selected="false">成绩添加</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- Tabs navs -->
|
||||
<hr class="hr" style="margin: 1px"/>
|
||||
<!-- Tabs content -->
|
||||
<div class="tab-content" id="ex1-content">
|
||||
<div class="tab-pane fade show active" id="ex1-tabs-1" role="tabpanel"
|
||||
aria-labelledby="ex1-tab-1">
|
||||
<div class="card-body" style="min-width: 175px">
|
||||
<form action="query" method="post">
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText1" class="form-control"
|
||||
name="scoreid"/>
|
||||
<label class="form-label" for="typeText1">成绩ID</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText2" class="form-control"
|
||||
name="scoreid"/>
|
||||
<label class="form-label" for="typeText2">学号</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="text" id="typeText3" class="form-control"
|
||||
name="name"/>
|
||||
<label class="form-label" for="typeText3">学生姓名</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText4" class="form-control"
|
||||
name="courseid"/>
|
||||
<label class="form-label" for="typeText4">课程ID</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="text" id="typeText5" class="form-control"
|
||||
name="coursename"/>
|
||||
<label class="form-label" for="typeText5">课程名(支持部分)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<label class="form-label" for="customRange1">成绩最小值:
|
||||
<output id="score_min_value"></output>
|
||||
</label>
|
||||
<div class="range">
|
||||
<input type="range" class="form-range" id="customRange1" name="min" value="0" min="0" max="100"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label class="form-label" for="customRange2">成绩最大值:
|
||||
<output id="score_max_value"></output>
|
||||
</label>
|
||||
<div class="range">
|
||||
<input type="range" class="form-range" id="customRange2" name="max" value="100" min="0" max="100"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2 mt-4">
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="submit" class="btn btn-primary">查询
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="reset" class="btn btn-secondary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="ex1-tabs-2" role="tabpanel"
|
||||
aria-labelledby="ex1-tab-2">
|
||||
<div class="card-body" style="min-width: 175px">
|
||||
<form action="modinfo" method="post">
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText6" class="form-control"
|
||||
required name="id"/>
|
||||
<label class="form-label" for="typeText6">成绩ID (必填)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText7" class="form-control"
|
||||
name="score"/>
|
||||
<label class="form-label" for="typeText7">成绩</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2 mt-4">
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="submit" class="btn btn-primary">更改
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="reset" class="btn btn-secondary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="ex1-tabs-3" role="tabpanel" aria-labelledby="ex1-tab-3">
|
||||
<div class="card-body" style="min-width: 175px">
|
||||
<form action="delinfo" method="post">
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText8" class="form-control"
|
||||
required name="id"/>
|
||||
<label class="form-label" for="typeText8">成绩ID (必填)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2 mt-4">
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="submit" class="btn btn-primary">删除</button>
|
||||
</div>
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="reset" class="btn btn-secondary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="tab-pane fade" id="ex1-tabs-4" role="tabpanel" aria-labelledby="ex1-tab-4">
|
||||
<!-- <h5 class="card-header">信息添加</h5> -->
|
||||
<div class="card-body" style="min-width: 175px">
|
||||
<form action="addinfo" method="post">
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText9" class="form-control" required
|
||||
name="studentid"/>
|
||||
<label class="form-label" for="typeText9">学号 (必填)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText10" class="form-control" required
|
||||
name="courseid"/>
|
||||
<label class="form-label" for="typeText10">课程号 (必填)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="number" id="typeText11" class="form-control" required
|
||||
name="score"/>
|
||||
<label class="form-label" for="typeText11">成绩 (必填)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2 mt-4">
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="submit" class="btn btn-primary">添加
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-lg-6 text-center">
|
||||
<button type="reset" class="btn btn-secondary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Tabs content -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">
|
||||
<i class="fas fa-circle-exclamation me-2"></i>错误
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<c:if test="${not empty errorMessage}">
|
||||
${errorMessage}
|
||||
</c:if>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary" data-mdb-dismiss="modal">OK</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel2"
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel2">
|
||||
<i class="fas fa-circle-check me-2"></i>成功
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<c:if test="${not empty successMessage}">
|
||||
${successMessage}
|
||||
</c:if>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary" data-mdb-dismiss="modal">OK</button>
|
||||
</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>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
// 判断模型中是否存在错误信息
|
||||
<c:if test="${not empty errorMessage && errorMessage ne 'null'}">
|
||||
$('#exampleModal').modal('show');
|
||||
</c:if>
|
||||
<c:if test="${not empty successMessage && successMessage ne 'null'}">
|
||||
$('#exampleModal2').modal('show');
|
||||
</c:if>
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/range-limit.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
12
project2/web/resources/js/range-limit.js
Normal file
12
project2/web/resources/js/range-limit.js
Normal file
@ -0,0 +1,12 @@
|
||||
const input_min = document.querySelector("#customRange1")
|
||||
const input_max = document.querySelector("#customRange2")
|
||||
const value_min = document.querySelector("#score_min_value")
|
||||
const value_max = document.querySelector("#score_max_value")
|
||||
input_min.addEventListener("input", (event) => {
|
||||
value_min.textContent = event.target.value
|
||||
input_max.setAttribute("min", event.target.value)
|
||||
})
|
||||
input_max.addEventListener("input", (event) => {
|
||||
value_max.textContent = event.target.value
|
||||
input_min.setAttribute("max", event.target.value)
|
||||
})
|
||||
Reference in New Issue
Block a user