用户登录记住用户名和密码

最新推荐文章于 2022-09-21 13:50:46 发布

我若心飞扬，天地任我逍遥

最新推荐文章于 2022-09-21 13:50:46 发布

阅读量459

点赞数 1

分类专栏：功能块文章标签： java html5

本文链接：https://blog.csdn.net/m0_61122802/article/details/119863018

版权

功能块专栏收录该内容

11 篇文章 0 订阅

订阅专栏

前端代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>机修云仓库用户登录</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<link href="Login/css/style.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="Login/js/jquery.min.js"></script>
	
</head>
<body>
      <!--


         * Copyright , 陈强（18239620528@163.com）版权所有
         *
         * 开发者：陈强
         * 版权所有者：陈强

        -->
    <%
    String rememberUserName = "";
    String rememberUserPwd = "";
    Cookie[] cookies = request.getCookies();
    if (cookies != null) { 
   
    for(Cookie cookie :cookies){ //查找cookie中记住的用户名和密码
        if("rememberUser".equals(cookie.getName())){
            rememberUserName = cookie.getValue().split("&")[0];
            rememberUserPwd = cookie.getValue().split("&")[1];
        }
    }
    }
%>

<section class="aui-flexView">
	<header class="aui-navBar aui-navBar-fixed">
		<a href="javascript:;" class="aui-navBar-item">
			
		</a>
		<div class="aui-center">
			<span class="aui-center-title"></span>
		</div>
		<a href="javascript:;" class="aui-navBar-item" >
			<i class="icon icon-sys"></i>
		</a>
	</header>
	<section class="aui-scrollView">
		<div class="aui-sign-head">
			<img src="Login/images/head.png" alt="">
		</div>
		<div class="aui-sign-form">
			<form method="post"  action="${pageContext.request.contextPath }/User?method=User_login">
				<div class="aui-flex">
					<!-- <i class="icon icon-phone"></i> -->
					<div class="aui-flex-box">
						<input type="text"  name="user_name" id="user_name" value="<%=rememberUserName%>" autocomplete="off" placeholder="请输入姓名" required="required">
					</div>
				</div>
				<div class="aui-flex">
					<!-- <i class="icon icon-code"></i> -->
					<div class="aui-flex-box">
						<input type="password" name="user_password"  id="user_password" value="<%=rememberUserPwd%>"  autocomplete="off" placeholder="请输入密码" required="required">
					</div>
				
				</div>
				<button class="aui-sign-login" >立即登录</button>
				<div class="aui-flex aui-flex-clear">
					<div class="aui-flex-box">
						<!-- <a href="javascript:;">手机注册</a> -->
					</div>
					<div class="aui-links">
						<a href="${pageContext.request.contextPath }/Index?method=WangJiMiMa">忘记密码</a>
					</div>
				</div>
			</form>

		</div>

	</section>
</section>
 
</body>
</html>

前端关键代码JAVA处理部分

    <%
    String rememberUserName = "";
    String rememberUserPwd = "";
    Cookie[] cookies = request.getCookies();
    if (cookies != null) { 
   
    for(Cookie cookie :cookies){ //查找cookie中记住的用户名和密码
        if("rememberUser".equals(cookie.getName())){
            rememberUserName = cookie.getValue().split("&")[0];
            rememberUserPwd = cookie.getValue().split("&")[1];
        }
    }
    }
%>

前端保存获取到代码关键代码

	<div class="aui-flex">
					<!-- <i class="icon icon-phone"></i> -->
					<div class="aui-flex-box">
						<input type="text"  name="user_name" id="user_name" value="<%=rememberUserName%>" autocomplete="off" placeholder="请输入姓名" required="required">
					</div>
				</div>
				<div class="aui-flex">
					<!-- <i class="icon icon-code"></i> -->
					<div class="aui-flex-box">
						<input type="password" name="user_password"  id="user_password" value="<%=rememberUserPwd%>"  autocomplete="off" placeholder="请输入密码" required="required">
					</div>
				
				</div>

后端处理登录验证时需要把正确的用户名和密码放到Cookie,注意：用户名和密码不要用中文，否者在传递时会出错

// 将用户名和密码放入cookie
Cookie rememberUserCookie = new Cookie("rememberUser", user_name + "&" + password);
rememberUserCookie.setMaxAge(60 * 60 * 24 * 365);// 设置有效时间为20秒
response.addCookie(rememberUserCookie);

效果

我若心飞扬，天地任我逍遥

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
用户登录记住用户名和密码

前端代码<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %><!
复制链接

扫一扫