首页 > 其他分享 >manger层

manger层

时间:2023-06-10 12:36:26浏览次数:20  
标签:manger 用户名 关键字 html 密码 课程 搜索

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/add.css">
  <link type="text/css" rel="stylesheet" href="/css/browse.css">
</head>
<body>
<label id="addlab">
  <span class="plus" id="addCourse">添加课程+</span>
</label>
<div id="overlay" class="overlay"></div>
<div id="popup" class="popup">
  <button id="closebtn">×</button>
  <form action="/manger/addCourse" id="myForm" method="post">
    <label>
      课程名称
      <input type="text" name="coursename" required="required">
    </label>
    <label>
      课程限制人数
      <input type="number" name="courselimit" required="required">
    </label>
    <label>
      课程日期
      <select name="courseday">
        <option value="无">请选择</option>
        <option value="星期一">星期一</option>
        <option value="星期二">星期二</option>
        <option value="星期三">星期三</option>
        <option value="星期四">星期四</option>
        <option value="星期五">星期五</option>
      </select>
    </label>
    <label>
      课程时间段
      <select name="coursetime">
        <option value="无">请选择</option>
        <option value="8:00~9:35">8:00~9:35</option>
        <option value="9:50~12:15">9:50~12:15</option>
        <option value="14:00~15:35">14:00~15:35</option>
        <option value="15:50~17:25">15:50~17:25</option>
        <option value="19:00~21:25">19:00~21:25</option>
      </select>
    </label>
    <label>
      课程教室
      <input type="text" name="courseroom" required="required">
    </label>
    <label>
      课程种类
      <select name="coursekind">
        <option value="无">请选择</option>
        <option value="实验">实验</option>
        <option value="理论">理论</option>
      </select>
    </label>
    <input type="submit" value="添加">
  </form>
</div>
<label id="lab">
  <span>课程关键字搜索</span><input type="text" name="condition" id="condition">
  <span>老师关键字搜索</span><input type="text" name="teaCondition" id="teaCondition">
  <button id="find">搜索</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">
      <form th:action="@{/manger/addTeacherCourse(courseid=${i.getCourseid()})}" method="post">
      <select name="teaid" class="Tea">
        <option value="无">暂无老师</option>
        <option th:each="j : ${teachers}" th:value="${j.getTeaid()}" >
          <a class="addTea" th:text="${j.getTeaname()}"></a>
        </option>
      </select>
      <button class="addTea" id="addTea" type="submit">点击添加</button>
      </form>
    </td>
    <td>
      <a th:href="@{/manger/deleteCourse(courseid=${i.getCourseid()})}" class="button delete">删除</a>
    </td>
  </tr>
</table>
</body>
</html>

browseStudent.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/browseStudent.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"><button id="find">搜索</button>
</label>
<table>
    <tr>
        <th>用户名</th>
        <th>头像</th>
        <th>姓名</th>
        <th>性别</th>
        <th>账号是否激活</th>
        <th>操作</th>
    </tr>
    <tr th:each="i: ${stuList}">
        <td><a th:text="${i.getStuid()}" th:href="@{/manger/studentDetail(stuid=${i.getStuid()})}" target="_blank" class="Id"></a></td>
        <td th:if="${stuImg.get(i.getStuid())}==null"><img src="/img/default.png"></td>
        <td th:unless="${stuImg.get(i.getStuid())}==null"><img th:src="@{${stuImg.get(i.getStuid())}}"></td>
        <td th:text="${i.getStuname()}"></td>
        <td th:text="${i.getStusex()}"></td>
        <td th:if="${i.getStustate()}">
            <label class="switch">
                <a th:href="@{/manger/inauditStudent(stuid=${i.getStuid()})}">
            <input type="checkbox" checked="checked">
            <span class="slider"></span>
                </a>
        </label>
        </td>
        <td th:unless="${i.getStustate()}">
            <label class="switch">
                <a th:href="@{/manger/auditStudent(stuid=${i.getStuid()})}">
            <input type="checkbox">
            <span class="slider"></span>
                </a>
        </label>
        </td>
        <td>
            <a th:href="@{/manger/deleteStudent(stuid=${i.getStuid()})}" class="button delete">删除</a>
            <a th:href="@{/manger/resetStudent(stuid=${i.getStuid()},stupwd=${i.getStupwd()})}" class="button reset">重置密码</a>
        </td>
    </tr>
</table>
</body>
</html>

browseTeacher.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/browseTeacher.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"><button id="find">搜索</button>
</label>
<table>
    <tr>
        <th>用户名</th>
        <th>头像</th>
        <th>姓名</th>
        <th>性别</th>
        <th>账号是否激活</th>
        <th>操作</th>
    </tr>
    <tr th:each="i : ${teaList}">
        <td><a th:text="${i.getTeaid()}" th:href="@{/manger/teacherDetail(teaid=${i.getTeaid()})}" target="_blank" class="Id"></a></td>
        <td th:if="${teaImg.get(i.getTeaid())}==null"><img src="/img/default.png"></td>
        <td th:unless="${teaImg.get(i.getTeaid())}==null"><img th:src="@{${teaImg.get(i.getTeaid())}}"></td>
        <td th:text="${i.getTeaname()}"></td>
        <td th:text="${i.getTeasex()}"></td>
        <td th:if="${i.getTeastate()}">
            <label class="switch">
                <a th:href="@{/manger/inauditTeacher(teaid=${i.getTeaid()})}">
                    <input type="checkbox" checked="checked">
                    <span class="slider"></span>
                </a>
            </label>
        </td>
        <td th:unless="${i.getTeastate()}">
            <label class="switch">
                <a th:href="@{/manger/auditTeacher(teaid=${i.getTeaid()})}">
                    <input type="checkbox">
                    <span class="slider"></span>
                </a>
            </label>
        </td>
        <td>
            <a th:href="@{/manger/deleteTeacher(teaid=${i.getTeaid()})}" class="button delete">删除</a>
            <a th:href="@{/manger/resetTeacher(teaid=${i.getTeaid()},teapwd=${i.getTeapwd()})}" class="button reset">重置密码</a>
        </td>
    </tr>
</table>
</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/changeMangerPwd.js"></script>
  <link type="text/css" rel="stylesheet" href="/css/changePwd.css">
</head>
<body>
<form action="/student/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>

mangerFunction.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/mangerFunction.js"></script>
    <link type="text/css" rel="stylesheet" href="/css/function.css">
</head>
<body>
<div class="user-info">
    <img src="/img/manger.png" alt="头像">
    <span class="user-name" th:text="${session.mangerid}">管理员</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>

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="${Img}!=null"><img th:src="@{${Img}}" alt="头像" width="100" height="100"></td>
    <td th:unless="${Img}!=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>

teacherDetail.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="${tea.getTeaid()}">张三</td>
    </tr>
    <tr>
        <th>头像</th>
        <td th:if="${Img}!=null"><img th:src="@{${Img}}" alt="头像" width="100" height="100"></td>
        <td th:unless="${Img}!=null"><img src="/img/default.png" alt="头像" width="100" height="100"></td>
    </tr>
    <tr>
        <th>姓名</th>
        <td th:text="${tea.getTeaname()}">张三</td>
    </tr>
    <tr>
        <th>性别</th>
        <td th:text="${tea.getTeasex()}">男</td>
    </tr>
    <tr>
        <th>民族</th>
        <td th:text="${tea.getTearace()}">汉族</td>
    </tr>
    <tr>
        <th>籍贯</th>
        <td th:text="${tea.getTeaorigin()}">北京市</td>
    </tr>
    <tr>
        <th>学院</th>
        <td th:text="${tea.getTeacollege()}">信息科学与技术学院</td>
    </tr>
    <tr>
        <th>职位</th>
        <td th:text="${tea.getTeapost()}">教授</td>
    </tr>
    <tr>
        <th>毕业学校</th>
        <td th:text="${tea.getTeagraduation()}">清华大学</td>
    </tr>
    <tr>
        <th>学历</th>
        <td th:text="${tea.getTeadegree()}">博士</td>
    </tr>
    <tr>
        <th>电话号码</th>
        <td th:text="${tea.getTeaphone()}">1234567890</td>
    </tr>
    <tr>
        <th>账号是否被激活</th>
        <td class="active" th:if="${tea.getTeastate()}">是</td>
        <td class="inactive" th:unless="${tea.getTeastate()}">否</td>
    </tr>
</table>
</body>
</html>

 

标签:manger,用户名,关键字,html,密码,课程,搜索
From: https://www.cnblogs.com/liyiyang/p/17471067.html

相关文章

  • linphone-NetworkManger.java文件分析
    功能InterceptnetworkstatechangesandupdatelinphonecorethroughLinphoneManger翻译拦截网络状态的变化,并通过LinphoneManger更新linphone核心内容。NetworkManager.java/**......
  • prometheus学习笔记-alertmanger告警配置
    以上是prometheus架构图,一个完整的监控流程是数据采集(exporter),采集到数据之后,做数据可视化(grafana),然后是监控告警部分。promethues的角色是数据的采集,存储,定制告警规则,数据的展示是grafna,告警则是借助alertmanger来实现。详细参考官方网站https://prometheus.io/docs/alertin......
  • SQLiteManger 第一部分
    SQLiteManager相比于SQLiteHelper更像是一个帮手类,实现了一些常用的操作和查询,并且提供了不少快捷菜单方法(在编辑器中不用播放游戏即可执行测试)SQLiteManager只提供了测试连接、创建数据库和显示所有表名的快捷方法,TableTool脚本提供的多一些//Mono.Data.Sqlite请自行百度解决......
  • 【JPA】LocalContainerEntityManagerFactoryBean与EntityManger的关系
    @Autowired@Qualifier("primaryEntityManagerFactory")privateEntityManagerprimaryEntityManager;@Primary@Bean(name="primaryEntityManagerFactory")publicLocalContainerEntityManagerFactoryBeanprimaryEntityManagerFactory(Entit......
  • AgileSecu 案例分享 | Bot Manger 为欧洲跨境电商实现网络安全与用户体验的双赢
    01客户概述客户是欧洲一家大型的跨境电商,每年的客流量超过1000万,业务遍布全球200多个国家和地区,每年的收入同比增长50%以上。此外,为了提高用户留存率和企业口碑,客户自身还制定了用户忠诚度奖励计划,并定期举办慈善活动。 02客户挑战在与客户初步沟通中,我们了解到客户希望使......
  • DataSource,DriverManger,Driver和JdbcTemplate
    JDBC1.0使用DriverManager类来产生一个对数据源的连接,相对于DriverManager,JDBC2.0提供的DataSource接口是一个更好的连接数据源的方法。DataSource相比于前者无需硬性编码......
  • NetwoekManger之nmcli
    nmcliconnectionshow #查看网卡启用状态 nmcliconnectionmodifyenp216s0f0ipv4.methodmanualipv4.addresses10.10.1.12/24 ipv4.gateway10.10.1.10ipv4.d......
  • 全志V853+XR829 Tina无线网络wifimanger2.0使用指南
    1.主题Tina无线网络wifimanger2.0使用指南2.问题背景产品:所有需要用到无线的产品硬件:V853+XR829软件:Tina4.0+Wi-Fi配置文件下载:https://bbs.aw-ol.com/topic/1867......