您的位置：首页 > 其它

Servlet学习笔记 —— 实现最简单的登录注册及三秒后页面跳转

2019-03-30 21:34 609 查看

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 = "确定">&nbsp;&nbsp;&nbsp;&nbsp;
<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>

登录界面效果预览

登录成功界面效果预览
密码输入正确直接跳转到该页面！
登录失败页面效果预览

三秒后自动跳转到登录界面。

如果有不对的地方请多多指点谢谢！！！
也希望有更好的方法的多多分享

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

Servlet学习笔记 —— 实现最简单的登录注册及三秒后页面跳转

目录

用到的包