編寫Servlet,驗證用戶登陸,若是用戶名與密碼都爲「admin」則驗證經過,跳轉歡迎頁面,不然彈出提示信息「用戶名或密碼錯誤,請從新輸入!」,點擊「肯定」後跳轉至登陸頁面

java代碼:(Test1)javascript

package com.test;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet(urlPatterns={"/Test1"})
public class test1 extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp)
            throws ServletException, IOException {
        // TODO 自動生成的方法存根
        req.setCharacterEncoding("gbk");
        resp.setContentType("text/html;charset=utf-8");
        PrintWriter out = resp.getWriter();
        String user=req.getParameter("user");
        String pass = req.getParameter("pwd");
        if(user.equals("admin")&&pass.equals("admin")){
            out.println("歡迎登錄");
        }else{
            out.println("<script language='javascript'>alert('用戶名或密碼錯誤,請從新輸入!')</script>");
            out.println("<script language='javascript'>window.location.href='/Servlet_work/Html1.html'</script>");
        }
    }
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp)
            throws ServletException, IOException {
        // TODO 自動生成的方法存根
        doGet(req, resp);
    }
}

html代碼:(html1)css

<!DOCTYPE html>
<html>

    <head>
        <title>Html1.html</title>

        <meta name="keywords" content="keyword1,keyword2,keyword3">
        <meta name="description" content="this is my page">
        <meta name="content-type" content="text/html; charset=utf-8">

        <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
        <style>
            #home {
                width: 300px;
                height: 300px;
                margin: auto;
            }
            .dl1{
                clear: both;
            }
            .dl1 dt{
                float: left;
                
            }
            .dd1 dd{
                float: left;
            }
            h1{
                text-align: center;
            }
            #foot{
                text-align: center;
            }
        </style>
    </head>

    <body>
        <div id="home">
            <h1>用戶登錄</h1>
            <form action="Test1" method="post">
                <dl class="dl1">
                    <dt>用戶帳號:</dt>
                    <dd><input type="text" name="user" /></dd>
                </dl>
                <dl class="dl1">
                    <dt>用戶密碼:</dt>
                    <dd><input type="passWord" name="pwd" /></dd>
                </dl>
                <div id="foot">
                <input type="submit" value="登錄"/>
                </div>
            </form>
        </div>
    </body>

</html>

運行截圖:html

備註:java

在Servlet中實現頁面中彈窗:ide

PrintWriter out = resp.getWriter();
 out.println("<script language='javascript'>alert('用戶名或密碼錯誤,請從新輸入!')</script>");

在Servlet中實現頁面的跳轉:post

 out.println("<script language='javascript'>window.location.href='/Servlet_work/Html1.html'</script>");
相關文章
相關標籤/搜索