目录
用到的包
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
- 这些包都是自动导入的,学习Web将会和这些包天天打交到,所以建议了解一下。
创建一个LoginServlet类继承HttpServlet类并重写doGet()和doPost()方法
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
public class LoginServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request,response);
/*在jsp中有一个method参数参数的值只能是get和post其实可以理解为你编写的
*Servlet类中的doGet 和 doPost方法
**/
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String id = request.getParameter("name"); //获取jsp中名字我name的文本输入框中用户输入的内容
String psw = request.getParameter("psw"); //获取jsp中名字我psw的密码输入框中用户输入的内容
//因为没有链接数据库 所用一个简单的判断来判断账户密码是否输入正确
if (id.equals("1")&&psw.equals("1")){
//账户、密码输入正确后跳转到“success”页面
request.getRequestDispatcher("/success.jsp").forward(request,response);
}else{
//账户、密码输入错误后跳转到“success”页面
request.getRequestDispatcher("/fail.jsp").forward(request,response);
}
创建登录界面 index.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录</title>
</head>
<body>
<div align="center"> <!-- 设置居中 -->
<form action="Login.do" method="post">
<!-- 通过xml映射 通过‘post’将数据传输到LoginServlet类中。建议每一个jsp都是post 增加安全性-->
姓名:<input type = "text" name = "name"><br><br>
密码:<input type = "password" name = "psw"><br><br>
<input type = "submit" value = "确定">
<input type="reset" value = "重置">
</form>
</div>
</body>
创建success.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录成功</title>
</head>
<body>
<div align="center">
<h1>登录成功,欢迎回来!!!</h1>
</div>
</body>
</html>
编写fail.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录失败</title>
</head>
<body>
<script type="text/javascript">
// 该js 不需要引用,当该页面中所有的内容执行完后自动执行
onload=function(){
setInterval(go, 1000);
//js 中时间以毫秒计时
};
var x=3; //利用了全局变量来执行
function go(){
x--;
if(x>0){
document.getElementById("sp").innerHTML=x+"秒后跳转页面!!!"; //每次设置的x的值都不一样了,兵现实这段话。
}else{
location.href='index.jsp';
}
}
</script>
<div align="center">
<h1>登陆失败, 请重新登录!!!</h1><br>
<span id="sp"> 3秒后跳转页面!!!</span><br> //通过 “sp” 将 script 现实在<span>中
<a href="index.jsp">若没有跳转,请点击此处!!!</a>
</div>
</body>
</html>
登录界面 效果预览
登录成功界面效果预览
密码输入正确直接跳转到该页面!
登录失败页面效果预览
三秒后自动跳转到登录界面。
如果有不对的地方请多多指点谢谢!!!
也希望有更好的方法的多多分享