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

目录

用到的包

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

登录界面 效果预览
在这里插入图片描述
登录成功界面效果预览密码输入正确直接跳转到该页面!
密码输入正确直接跳转到该页面!
登录失败页面效果预览
在这里插入图片描述
三秒后自动跳转到登录界面。

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

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值