Web教程---学生管理系统-教师端
学生管理系统->教师端
- 一、创建TeacherLogin.jsp
- 实现的内容:
- 效果图:
- 代码:
- 二、创建Teacher.jsp
- 三、创建TeacherLoginServlet.java
一、创建TeacherLogin.jsp
注意创建在WebContent文件夹下
实现的内容:
1.四张狗儿子图片的轮播(对,就是我们宿舍那四个狗儿子)
2.一个登录界面
3.对输入框进行美化
4.对登录按钮进行美化
5.在账号或密码错误时弹窗出:请检查你的账号或密码!!!然后跳转回TeacherLogin.jsp
效果图:
输入错误时弹窗:
输入成功时跳转:
代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>教师端学生管理系统</title><style>img{width: 570px;height: 765px;display: none;/*图片消失*/}#header{background-color: #EEEEEE;color: black;text-align: center;padding: 5px;width:400px;heigh:100px;position: absolute;left: 870px;top: 200px;}#windows{position: absolute;left: 900px;top: 350px;}input{border: 1px solid #ccc;padding: 7px 0px;border-radius: 3px;padding-left:5px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s}input:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}</style></head>
<body onload="showImg(1)"><div><img id="myImg1" src="img/img1.jpg" border="1"/><img id="myImg2" src="img/img2.jpg" border="1"/><img id="myImg3" src="img/img3.jpg" border="1"/><img id="myImg4" src="img/img4.jpg" border="1"/></div><%Object msg=request.getAttribute("msg");if(msg!=null){out.println("<!DOCTYPE html>");out.println("<html>");out.println("<head>");out.println("<meta charset=\"UTF-8\">");out.println("<title></title>");out.println("</head>");out.println("<body>");out.println("</body>");out.println("<script>");out.println("alert(\"请检查你的账号或密码\")");out.println("</script>");out.println("</html>");}%><div id="header"><h1>学生管理系统教师端</h1></div> <div id="windows"><form action="TeacherLoginServlet" method="post">账号: <input style="width:250px;height:30px" id="username" type="text" name="username" placeholder="请输入用户名"/><br/><br/>密码: <input style="width:250px;height:30px" id="pass" type="password" name="pass" placeholder="请输入密码"/><br/><br/><input id="anniu" style="width:70px;height:35px" type="submit" value="登录"/></form></div>
</body>
<script>var nowshow=1; //当前显示的图片var sid; //声明sid用来接收serTimeOut返回值function showImg(index){if(Number(index)){clearTimeout(sid); //清除定时调用nowshow=index;}for (var i=1;i<5;i++) {if (i==nowshow) {document.getElementById("myImg"+nowshow).style.display="block";} else{document.getElementById("myImg"+i).style.display="none"; }}if(nowshow>=4){nowshow=1;}else{nowshow++; }sid=setTimeout("showImg()",2000);//每隔3秒钟执行}</script>
</html>
二、创建Teacher.jsp
主要实现学生信息管理,可进行学生信息删除(暂未连接数据库)
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>学生信息管理</title><style>#header{background-color: black;color: white;text-align: center;padding: 5px;}#nav{background-color: #EEEEEE;line-height: 30px;/*行高*/height: 560px;width: 120px;text-align: center;padding: 5px;float: left;/*不仅影响自己*/}#section{width: 800px;float: left;padding: 20px;}#footer{background-color: black;color: white;text-align: center;padding: 5px;clear: both;/*清除浮动*/height: 30px;}#nav2{list-style-type: none;margin: 0; /*外边距*/padding: 0; /*内边距*/}/*块状*/a{display: block;width: 100px;color: black;background-color: #BEBEBE;text-decoration: none; /*去掉下划线*/text-align: center;font-size: 20px;padding: 6px;}a:hover{color: white;background-color: black;}#stu3{color: black;background-color: white;font-size:18px;}</style>
</head>
<body><div id="header"><h1>学生管理系统后台</h1></div><div id="nav"><ul id="nav2"><li><a href="#">学生管理</a></li> <li><a href="#">学生成绩</a></li> <li><a href="#">修改密码</a></li> <li><a href="#">系统统计</a></li> <li><a href="#">退出系统</a></li> </ul></div><div id="section"><table><tr><td>姓名</td><td>年龄</td><td>年级</td><td> 操作</td></tr><tr id="tr1"><td>吕某人</td><td>18</td><td>大三</td><td><a id="stu3" href="javascript:removeTr(1)">删除</a></td></tr><tr id="tr2"><td>刘某人</td><td>22</td><td>大二</td><td><a id="stu3" href="javascript:removeTr(2)">删除</a></td></tr><tr id="tr3"><td>刁某人</td><td>87</td><td>幼儿园</td><td><a id="stu3" href="javascript:removeTr(3)">删除</a></td></tr></table></div><div id="footer">Copyright © <font color="white">青岛大学天软软件基地实训</font></div>
</body>
<script src="js/jquery-1.11.0.js"></script>
<script>function removeTr(index){var flag=confirm("请问确认删除嘛?");if(flag){$("#tr"+index).remove();} }
</script>
</html>
三、创建TeacherLoginServlet.java
主要负责将用户名与密码与数据库中的进行对比
package org.lanqiao.servlet;import java.io.IOException;
//import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.SQLException;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.lanqiao.bean.Student;
import org.lanqiao.util.DBUtil;/*** Servlet implementation class TeacherLoginServlet*/
@WebServlet("/TeacherLoginServlet")
public class TeacherLoginServlet extends HttpServlet {private static final long serialVersionUID = 1L;protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//处理请求中中文乱码request.setCharacterEncoding("utf-8");//获取用户名和密码String name=request.getParameter("username");String pass=request.getParameter("pass");//使用gdbc连接数据库判断用户名和密码是否正确//创建数据库连接Connection conn=DBUtil.getConn();String sql="select * from tea_tab where name=? and pass=?";//参数Object[] objs={name,pass};ResultSet rs=DBUtil.excuteQuery(sql, objs);//封装用户Student stu=null;try {if(rs.next()) {String stuName=rs.getString("name");String stuPass=rs.getString("pass");stu=new Student(stuName,stuPass);}} catch (SQLException e) {// TODO Auto-generated catch blocke.printStackTrace();}if(stu!=null) {//登录成功,放入用户名,跳转到成功页 response.sendRedirect("TeacherHouTai.jsp");}else {//登陆失败,重定向到登录项request.setAttribute("msg", "请检查你的账号或密码是否正确!!!");request.getRequestDispatcher("TeacherLogin.jsp").forward(request, response);}}
}
Web教程---学生管理系统-教师端相关推荐
- 学生信息管理系统-教师端
前言 基于python的学生信息管理系统-教师端,使用csv文件进行存储数据,操作界面为dos窗口 model.py 用于将StudentInfo.csv文件中的文本数据转换为可操作的对象 ser ...
- 初学Java Web(9)——学生管理系统(简易版)总结
技术准备 这个项目是自己用于巩固 J2EE 相关知识的练手项目,非常简单,但是相关的功能却非常实用,所以在这里分享一下 为了完成这个项目,需要掌握如下技术: Java 基础知识 前端: HTML, C ...
- 基于web的学生管理系统(三)前端页面
前端页面主要使用JSP 1.登录页面,index.jsp <%@ page contentType="text/html;charset=UTF-8" language=&q ...
- 基于web的学生管理系统(一)简介
一.功能需求 (一)登录 1.登录页面 2.记住密码功能 3.注册 4.用户跟踪,防止跳过登录程序 (二)主页面 1.分页显示全部信息 2.添加学生按钮 3.删除学生信息按钮 4.修改学生信息按钮 5 ...
- SSM学生信息管理系统(学生端+教师端+管理员端)
获取源码和数据库脚本+q:1597720408 1. 登录页面 2. 管理员端页面 2.1 学生信息修改 2.2 教师管理 2.3 课程管理 2.4 添加学生 3. 教师端页面 4. 学生端页面
- 学生信息管理系统的价值PHP,php技术对学生管理系统实现的价值研究
基于php技术的学生管理系统的设计要解决的主要问题就是通过设计切实可行的管理系统来解决学校对学生信息的管理.老师对学生信息的管理.学生对自己信息的核对等问题.本系统是利用netbeans作为前台开发工 ...
- C/C++语言实现 学生管理系统
C/C++语言实现 学生管理系统 首先,让我分部分介绍本学生管理系统 本系统分为两个大板块,分别是学生版和教师版,学生版又分出三个具体功能,教师版分为七个功能,让我依次来介绍它们吧! (一)学生版 1 ...
- php做一个学生管理系统,基于php技术的学生管理系统实现方法
标签和路由Route::get("dologin","Admin\\login@dologin")连接控制器loginController并加载dologin( ...
- java学生管理系统(简易)(三)---教师端的登录主页面
教师端的登录界面就比较清晰了...可能就我自己认为,以为前面写的太乱了...蒙圈 // 学会了先布局,在完善部分代码,嘤嘤嘤...之前那个学生的感觉凉凉啊~ // 有些代码中可能有main函数,有些没 ...
最新文章
- MEMS传感器前景光明,国内产业如何创新破局
- 约瑟夫环双向链表c语言实,双向链表与约瑟夫环代码
- 用matlab仿真函数在空间分布,1.3 信道函数免费阅读_MATLAB R2016a通信系统建模与仿真28个案例分析免费全文_百度阅读...
- linux之V4L2摄像头应用流程
- linux 卸载 openldap,Linux下安装openldap
- this-is-how-we-troubleshoot-windows-interoperability-issues-in-the-open-specifications-support-team/
- python3创建类_python3 metaclass--创建类的过程分析
- php获取qqkey源码,易语言取QQKEY源码
- 08 计算机视觉-opencv直方图与傅里叶变换
- 微信公众号群发图文API插入视频音频解决方案
- C++ class 和 struct 构造函数
- 基于Python的发票识别与机器学习(保姆式教程)
- 谢孟媛老师 初级文法学习笔记
- web前端 打地鼠小游戏
- 车辆搜索 -使用triplet loss 训练车辆识别模型
- 什么是大数据?2022大数据时代
- 【计算机网络】PPP协议
- 卸载Nero8后,怎样删除它“Nero Sout”目录。
- Linux管理日记(一)
- Chest X-Ray Images (Pneumonia)(胸部X光片(肺炎)相关数据集)