关于java:JavaWeb简单实现记住密码以及自动填充功能

34次阅读

共计 7688 个字符,预计需要花费 20 分钟才能阅读完成。

应用技术 jQuery druid MySQL Jackson AJAX JSON

话不多说间接上代码
智汇代理申请 https://www.kaifx.cn/broker/t…

–JSP 页面

<%--
  Created by IntelliJ IDEA.
  User: QiLin
  Date: 2020/7/28
  Time: 13:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title> 管理员登录 </title>

    <!-- 1. 导入 CSS 的全局款式 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- 2. jQuery 导入,倡议应用 1.9 以上的版本 -->
    <script src="js/jquery-2.1.0.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <!-- 3. 导入 bootstrap 的 js 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
    </script>
</head>
<body>
<div class="container" style="width: 400px;">
    <h3 style="text-align: center;"> 管理员登录 </h3>
    <form action="Login" method="post">
        <div class="form-group">
            <label for="user"> 用户名:</label>
            <input type="text" name="user" class="form-control" id="user"   placeholder="请输出用户名"/>
        </div>

        <div class="form-group">
            <label for="password"> 明码:</label>
            <input type="password" name="password" class="form-control" id="password"   placeholder="请输出明码"/>
        </div>

        <div class="form-inline">
            <label for="vcode"> 验证码:</label>
            <input type="text" name="verifycode" class="form-control" id="verifycode" placeholder="请输出验证码" style="width: 120px;"/>
            <a href="javascript:refreshCode()"><img src="Check_card" title="看不清点击刷新" id="vcode"/></a>
        </div>
        <hr/>
        <div class="form-group" style="text-align: center;">
            <c:if test="${not empty sessionScope.jzmmm}">
            记住明码 &nbsp;&nbsp;<input type="radio" name="cookie" checked value="true"><br>
            </c:if>
            <c:if test="${empty sessionScope.jzmmm}">
                记住明码 &nbsp;&nbsp;<input type="radio" name="cookie"  value="true"><br>
            </c:if>

            <input  class="btn btn btn-primary" type="submit" value="登录">
        </div>
    </form>
    <span id="a"></span>
    <span id="b"></span>

    <!-- 出错显示的信息框 -->
    <c:if test="${not empty sessionScope.msg1 || not empty sessionScope.msg2}">
    <div class="alert alert-warning alert-dismissible" role="alert">
        <button type="button" class="close" data-dismiss="alert" >
            <span style="color:red;">${sessionScope.msg1}</span>
            <span style="color:crimson;">${sessionScope.msg2}</span>
        </button>
        <strong> 登录失败!</strong>
    </div>
    </c:if>
</div>
</body>
</html>
<script>
    $(function () {
    // 明码重置为空
        $("#user").keydown(function () {$("#password").val("");
        });
        // 刷新验证码
        $("#vcode").click(function () {var s= new Date().getTime();
            this.src = "Check_card?time="+s;
        });
        // 填充明码
        $("#user").blur(function () {$.post("GetCookie",{uname:$(this).val()},function (data) {$("#password").val(JSON.parse(data));
                }
            );
        });
    });
</script>

Servlet—登录

package web;

import service.UserService;
import service.impl.UserServiceImpl;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.*;
import java.io.IOException;
import java.net.URL;
import java.net.URLEncoder;

/**
 * @author: QiLin
 * @date: 2020/8/1 14:32
 * @version: 1.0
 */
@WebServlet("/Login")
public class Login extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("utf-8");
        String user = request.getParameter("user");
        String pwd = request.getParameter("password");
        String code = request.getParameter("verifycode");
        String jzmm = request.getParameter("cookie");
        String check_card = (String) request.getSession().getAttribute("check_card");
        HttpSession session = request.getSession();
        if (code.equalsIgnoreCase(check_card)) {UserService userService = new UserServiceImpl();
            int login = userService.login(user, pwd);
            if (login == 1) {if ( jzmm !=null && jzmm.equals("true") ) {String username = URLEncoder.encode(user,"UTF-8");
                    String userpwd = URLEncoder.encode(user+"pwd","UTF-8");
                    Cookie name = new Cookie(username,username);
                    Cookie pwdpwd = new Cookie(userpwd,pwd);
                    Cookie jzmmm = new Cookie("jzmm",jzmm);
                    name.setMaxAge(1*60*60);
                    pwdpwd.setMaxAge(1*60*60);
                    jzmmm.setMaxAge(1*60*60);
                    session.setAttribute("username", user);
                    session.setAttribute("password", pwd);
                    response.addCookie(name);
                    response.addCookie(pwdpwd);
                    response.addCookie(jzmmm);
                    request.setAttribute("user",user);
                    request.getRequestDispatcher("index.jsp").forward(request,response);
                } else {request.setAttribute("user",user);
                    request.getRequestDispatcher("index.jsp").forward(request,response);
                }
            } else {session.removeAttribute("msg1");
                session.setAttribute("msg2","用户名或明码谬误");
                response.sendRedirect("login.jsp");
            }
        } else {session.removeAttribute("msg2");
            session.setAttribute("msg1","验证码谬误");
            response.sendRedirect("login.jsp");
        }
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doPost(request, response);
    }
}

Servlet—获取明码

package web;

import com.fasterxml.jackson.databind.ObjectMapper;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.*;
import java.io.IOException;
import java.net.URLDecoder;
import java.net.URLEncoder;

/**
 * @author: QiLin
 * @date: 2020/8/2 14:09
 * @version: 1.0
 */
@WebServlet("/GetCookie")
public class GetCookie extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {response.setContentType("text/html;charset=utf-8");
        String user = request.getParameter("uname");
        String password = "";
        ObjectMapper mapper = new ObjectMapper();
        // 获取 cookie
        Cookie[] cookies = request.getCookies();
        // 如果为空,则停留在该页面
         if(cookies !=null || cookies.length >0) {String username = URLEncoder.encode(user,"UTF-8");
            String userpwd = URLEncoder.encode(user+"pwd","UTF-8");
            for (int i = 0; i < cookies.length; i++) {if (cookies[i].getName().equals(username)) {user = URLDecoder.decode(cookies[i].getValue(),"UTF-8");
                }
                if (cookies[i].getName().equals(userpwd)) {password = cookies[i].getValue();}
            }
            request.setAttribute("pwd",password);
            String pwd = mapper.writeValueAsString(request.getAttribute("pwd"));
            response.getWriter().write(pwd);
        }
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doPost(request, response);
    }
}

Servlet—验证码

package web;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

/**
 * @author: QiLin
 * @date: 2020/8/1 13:52
 * @version: 1.0
 */
@WebServlet("/Check_card")
public class Check_card extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 设置宽高
        int width = 100;
        int height = 50;
        // 创建对象,在内存验证码图
        BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_BGR);
        // 丑化图片
        Graphics graphics = image.getGraphics();
        // 画边框
        graphics.setColor(Color.magenta);
        graphics.drawRect(0,0,width-1,height-1);
        // 填充背景色彩
        graphics.setColor(Color.cyan);// 画笔色彩
        graphics.drawRect(0,0,width,height);
        // 定义随机抽取池
        String str = "QWERTYUIOPASDFGHJKLZXCVBNMqwertyuioplkjhgfdsazxcvbnm0123456789";
        // 生成随机角标
        Random ran = new Random();
        // 接管验证码
        StringBuffer sb = new StringBuffer();
        // 写入验证码
        for (int i = 1; i <= 4; i++) {int index = ran.nextInt(str.length());
            // 获取随机字符
            char c = str.charAt(index);
            sb.append(c);
//            // 生成随机 x 轴
//            int x = ran.nextInt(width-10) % (width-10-10+1)+10;
//            // 生成随机 y 轴
//            int y = ran.nextInt(height-5) % (width-5-5+1)+5;
            graphics.setFont(new Font("Tahoma", Font.BOLD, 18));
            graphics.drawString(c+"",width/5*i,height/2);
        }
        // 存入 session
        String session_check = sb.toString();
        request.getSession().setAttribute("check_card",session_check);
        // 画烦扰线
        graphics.setColor(Color.green);
        for (int i = 0; i < 10; i++) {int x1 = ran.nextInt(width);
            int x2 = ran.nextInt(width);
            int y1 = ran.nextInt(height);
            int y2 = ran.nextInt(height);
            graphics.drawLine(x1,y1,x2,y2);
        }
        // 将图片画到页面
        ImageIO.write(image,"jpg",response.getOutputStream());
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {doPost(request, response);
    }
}

正文完
 0