教务管理系统之student层

browseCourse.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>选课系统</title>
  <script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>
  <script type="text/javascript" src="/js/browseCourse.js"></script>
  <link type="text/css" rel="stylesheet" href="/css/browse.css">
</head>
<body>
<label id="lab">
  <span>课程关键字搜索</span><input type="text" name="condition" id="condition">
  <span>老师关键字搜索</span><input type="text" name="teaCondition" id="teaCondition">
  <button id="stufind">搜索</button>
</label>
<table>
  <tr>
    <th>课程编号</th>
    <th>课程名称</th>
    <th>已选课人数</th>
    <th>课程限选人数</th>
    <th>课程时间</th>
    <th>课程教室</th>
    <th>课程种类</th>
    <th>授课教师姓名</th>
    <th>操作</th>
  </tr>
  <tr th:each="i : ${courseList}">
    <td th:text="${i.getCourseid()}"></td>
    <td th:text="${i.getCoursename()}"></td>
    <td th:text="${i.getCoursenumber()}"></td>
    <td th:text="${i.getCourselimit()}"></td>
    <td th:text="${i.getCourseday()+' '+i.getCoursetime()}"></td>
    <td th:text="${i.getCourseroom()}"></td>
    <td th:text="${i.getCoursekind()}"></td>
    <td th:if="${i.getTeacher()}!=null" th:text="${i.getTeacher().getTeaname()}"></td>
    <td th:unless="${i.getTeacher()}!=null" th:text="暂无老师"></td>
    <td>
      <a th:if="${i.getCoursenumber()<i.getCourselimit()}" th:href="@{/student/addStudentCourse(courseid=${i.getCourseid()})}" class="button chose">选课</a>
      <p th:unless="${i.getCoursenumber()<i.getCourselimit()}" class="button chose" style="color: rgb(255,0,0);background-color: white">该课程人数已满</p>
    </td>
  </tr>
</table>
</body>
</html>

browseHomework.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>课程作业</title>
    <link type="text/css" rel="stylesheet" href="/css/browseHomework.css">
    <script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="/js/browseHomework.js"></script>
</head>
<body>
    <label id="homeworkLab1">
        <span id="sp1"><input type="radio" value="0" name="kind">全部</span>
        <span id="sp2"><input type="radio" value="1" name="kind">已过期</span>
        <span id="sp3"><input type="radio" value="2" name="kind">未过期</span>
    </label>
<div class="homework-container">
    <div class="homework-item" th:each="i,index : ${homeworkList}">
        <a th:href="@{/student/homeworkDetail(homeworkid=${i.getHomeworkid()},index=${index.index})}" target="_blank" class="a">
            <span th:text="第+${index.index}+次作业"></span>
            <br/>
            开始时间:<span style="font-size: 18px" th:text="${i.getStartline()}"></span>
            <br/>
            结束时间:<span style="font-size: 18px" th:text="${i.getEndline()}"></span>
            <br/>
        </a>
    </div>
</div>
</body>
</html>

browseVideo.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>教学视频</title>
  <link type="text/css" rel="stylesheet" href="/css/browseVideo.css">
  <script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>
  <script src="/js/browseVideo.js"></script>
</head>
<body>
<label id="lab">
  <span>关键字搜索</span><input type="text" name="condition" id="condition"><button id="find1">搜索</button>
</label>
<div class="video-container">
  <div class="video-item" th:each="i : ${videoList}">
    <a th:href="@{/teacher/videoDetail(videoid=${i.getVideoid()})}" target="_blank" class="a">
      <img th:src="@{${videoImg.get(i.getVideoid())}}">
      <p th:text="${i.getVideoid()}+': '+${i.getVideoname()}"></p>
      <span th:text="${i.getVideotime()}"></span>
    </a>
  </div>
</div>
</body>
</html>

changePwd.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>修改密码</title>
  <script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>
  <script type="text/javascript" src="/js/changeStudentPwd.js"></script>
  <link type="text/css" rel="stylesheet" href="/css/changePwd.css">
</head>
<body>
<form action="/manger/changePwd" id="myForm" method="post">
  <label>
    旧密码
    <input type="password" name="oldpwd" id="oldpwd">
  </label>
  <label>
    新密码
    <input type="password" name="newpwd1" id="newpwd1">
    确认新密码
    <input type="password" name="newpwd2" id="newpwd2">
  </label>
  <input type="submit" value="修改">
</form>
</body>
</html>

homeworkDetail.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>作业详情</title>
  <script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>
  <script src="/js/homeworkDetail.js"></script>
  <link type="text/css" rel="stylesheet" href="/css/stuHomworkDetail.css">
</head>
<body>
<div class="homework">
  <h1 th:text="第+${index}+次作业"></h1>
  <p th:text="'作业要求: '+${homework.getHomeworkrequest()}"></p>
  <img th:src="@{${homeworkImg}}">
  <br/>
  <span th:text="'开始时间:  '+${homework.getStartline()}"></span>
  <br/>
  <span th:text="'结束时间:  '+${homework.getEndline()}"></span>
</div>
<form action="/student/addAnswer" method="post" th:if="${answer}==null and !${#dates.createNow().after(homework.getEndline())}" id="myForm1" enctype="multipart/form-data">
  <label>
    上传图片(可多次上传，以最后一次为最终答案)
    <br/>
    <input type="file" id="answerImg1" required="required">
    <input type="submit" value="提交">
  </label>
</form>
<form action="/student/updateAnswer" method="post" th:if="${answer}!=null and !${#dates.createNow().after(homework.getEndline())}" id="myForm2" enctype="multipart/form-data">
  <label>
    上传图片(可多次上传，以最后一次为最终答案)
    <br/>
    <input type="file" id="answerImg2" required="required">
    <input type="submit" value="提交">
  </label>
</form>
<div class="myAnswer">
  <h1 th:if="${#dates.createNow().after(homework.getEndline())}" style="color: gray">该作业已经过期</h1>
<h1>你的答案</h1>
<br/>
<span th:if="${answerImg!=null}" th:text="'上传时间:' +${answer.getSubmittime()}"></span>
<br/>
<img th:if="${answerImg!=null}" th:src="${answerImg}">
<br/>
<span th:if="${answer}!=null and ${answer.getScore()>0}" th:text="${answer.getScore()}">分数</span>
<span th:if="${answer}==null or ${answer.getScore()<0}">暂无分数</span>
</div>
</body>
</html>

myCourse.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的课程</title>
    <script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="/js/browseCourse.js"></script>
    <link type="text/css" rel="stylesheet" href="/css/browse.css">
</head>
<body>
<table>
    <tr>
        <th>课程编号</th>
        <th>课程名称</th>
        <th>已选课人数</th>
        <th>课程限选人数</th>
        <th>课程时间</th>
        <th>课程教室</th>
        <th>课程种类</th>
        <th>授课教师姓名</th>
        <th>成绩</th>
        <th>操作</th>
    </tr>
    <tr th:each="i : ${courseList}">
        <td th:text="${i.getCourseid()}"></td>
        <td th:text="${i.getCoursename()}"></td>
        <td th:text="${i.getCoursenumber()}"></td>
        <td th:text="${i.getCourselimit()}"></td>
        <td th:text="${i.getCourseday()+' '+i.getCoursetime()}"></td>
        <td th:text="${i.getCourseroom()}"></td>
        <td th:text="${i.getCoursekind()}"></td>
        <td th:if="${i.getTeacher()}!=null" th:text="${i.getTeacher().getTeaname()}"></td>
        <td th:unless="${i.getTeacher()}!=null" th:text="暂无老师"></td>
        <td th:if="${score.get(i.getCourseid())}==null">暂无成绩</td>
        <td th:unless="${score.get(i.getCourseid())}==null" th:text="${score.get(i.getCourseid())}"></td>
        <td>
            <a th:href="@{/student/browseHomework(courseid=${i.getCourseid()})}" class="button myHomework" target="_blank">课程作业</a>
            <a th:href="@{/student/browseVideo(courseid=${i.getCourseid()})}" class="button myVideo" target="_blank">教学视频</a>
            <a th:href="@{/student/deleteStudentCourse(courseid=${i.getCourseid()})}" class="button delete">退课</a>
        </td>
    </tr>
</table>
</body>
</html>

studentDetail.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <link type="text/css" rel="stylesheet" href="/css/detail.css">
</head>
<body>
<header>
    <h1>学生信息</h1>
</header>
<table>
    <tr>
        <th>用户名</th>
        <td th:text="${stu.getStuid()}">张三</td>
    </tr>
    <tr>
        <th>头像</th>
        <td th:if="${stu.getStuphoto()}!=null"><img  th:src="@{${Img}}" alt="头像" width="100" height="100"></td>
        <td th:if="${stu.getStuphoto()}==null"><img src="/img/default.png" alt="头像" width="100" height="100" ></td>
    </tr>
    <tr>
        <th>姓名</th>
        <td th:text="${stu.getStuname()}">张三</td>
    </tr>
    <tr>
        <th>性别</th>
        <td th:text="${stu.getStusex()}">男</td>
    </tr>
    <tr>
        <th>民族</th>
        <td th:text="${stu.getSturace()}">汉族</td>
    </tr>
    <tr>
        <th>籍贯</th>
        <td th:text="${stu.getStuorigin()}">北京市</td>
    </tr>
    <tr>
        <th>入学年份</th>
        <td th:text="${stu.getStuenrollment()}">2020</td>
    </tr>
    <tr>
        <th>学院</th>
        <td th:text="${stu.getStucollege()}">信息科学与技术学院</td>
    </tr>
    <tr>
        <th>专业</th>
        <td th:text="${stu.getStumajor()}">计算机科学与技术</td>
    </tr>
    <tr>
        <th>班级</th>
        <td th:text="${stu.getStuclass()}">软件工程1班</td>
    </tr>
    <tr>
        <th>电话号码</th>
        <td th:text="${stu.getStuphone()}">1234567890</td>
    </tr>
    <tr>
        <th>账号是否被激活</th>
        <td class="active" th:if="${stu.getStustate()}">是</td>
        <td class="inactive" th:unless="${stu.getStustate()}">否</td>
    </tr>
</table>
</body>
</html>

studentFunction.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>学生功能</title>
  <script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>
  <script type="text/javascript" src="/js/studentFunction.js"></script>
  <link type="text/css" rel="stylesheet" href="/css/function.css">
</head>
<body>
<div class="user-info">
  <img th:if="${session.StudentPersonImg==null}" src="/img/default.png" alt="头像">
  <img th:unless="${session.StudentPersonImg==null}" th:src="@{${session.StudentPersonImg}}" alt="头像">
  <span class="user-name" th:text="${session.StudentPerson.getStuid()}">张三</span>
</div>
<header style="text-align: center">
  <h1>学生功能页面</h1>
</header>
<aside>
  <span style="font-size:30px; cursor:pointer" id="openbtn">&#9776; 主菜单</span>
  <div id="mySidenav" class="sidenav">
    <a href="javascript:void(0)" id="closebtn">&times;</a>
    <a href="#" id="a1">修改密码</a>
    <a href="#" id="a2">个人信息</a>
    <a href="#" id="a3">选课管理</a>
    <a href="#" id="a4">我的课表</a>
    <a href="#" id="a5">退出系统</a>
  </div>
</aside>
<section style="text-align: center">
  <iframe id="content" src="/weclome"></iframe>
</section>
</body>
</html>

studentRegister.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>学生注册页面</title>
    <script src="http://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="/js/stuRegister.js"></script>
    <link type="text/css" rel="stylesheet" href="/css/register.css"/>
</head>
<body>
<form action="/student/register" method="post" id="myForm" enctype="multipart/form-data">
    <label>
        用户名
        <input type="text" name="stuid" required="required">
    </label>
    <br/>
    <label>
        密码
        <input type="password" name="stupwd" required="required">
    </label>
    <br/>
    <label>
        姓名
        <input type="text" name="stuname" required="required">
    </label>
    <br/>
    <label>
        性别
        <input type="radio" value="男" name="stusex">男
        <input type="radio" value="女" name="stusex">女
    </label>
    <br/>
    <label>
        民族
        <input type="text" name="sturace" required="required">
    </label>
    <br/>
    <label>
        籍贯
        <input type="text" name="stuorigin" required="required">
    </label>
    <br/>
    <label>
        入学年
        <input type="text" name="stuenrollment" required="required">
    </label>
    <br/>
    <label>
        学院
        <select name="stucollege" id="stucollege">
            <option value="无">学院</option>
            <option value="信息科学与技术学院">信息科学与技术学院</option>
            <option value="土木工程学院">土木工程学院</option>
            <option value="机械工程学院">机械工程学院</option>

        </select>
    </label>
    <label>
        专业
        <select name="stumajor" id="stumajor">
            <option value="无">专业</option>
        </select>
    </label>
    <label>
        班级
        <select name="stuclass">
            <option value="无">班级</option>
            <option value="1班">1班</option>
            <option value="2班">2班</option>
            <option value="3班">3班</option>
        </select>
    </label>
    <br/>
    <label>
        电话号码
        <input type="text" name="stuphone" id="phone" required="required">
    </label>
    <label>
        验证码
        <input type="text" id="flag" required="required">
    </label>
    <input type="button" id="getflag" value="点击获取验证码" style="background-color: #00f7ff;width: 50%">
    <br/>
    <label>
        头像
        <input type="file" name="photo" id="stuphoto" style="border: none">
    </label>
    <br/>
    <input type="submit" value="注册">
</form>
</body>
</html>

 

posted @ 2023-06-10 12:24  突破铁皮  阅读(19)  评论(0)  编辑  收藏  举报