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">
   
   姓名:<br><br>
   密码:<br><br>
       
   
 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学习笔记 —— 实现最简单的登录注册及三秒后页面跳转_第1张图片
登录成功界面效果预览Servlet学习笔记 —— 实现最简单的登录注册及三秒后页面跳转_第2张图片
密码输入正确直接跳转到该页面!
登录失败页面效果预览
Servlet学习笔记 —— 实现最简单的登录注册及三秒后页面跳转_第3张图片
三秒后自动跳转到登录界面。

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

你可能感兴趣的:(JAVAWeb初学者)