忘记密码 （通过邮箱来进行重新设置密码）

最新推荐文章于 2024-09-08 10:40:56 发布
最新推荐文章于 2024-09-08 10:40:56 发布
阅读量3k 收藏 9
点赞数 1
文章标签： java spring boot ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wwy11123/article/details/123780036
版权

忘记密码 （通过邮箱来进行重新设置密码）

*总的流程

1.点击忘记密码

image-20220327195530868

页面的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>

<div class="reg_form">
    <form action="userServlet?type=1" method="post">
        <ul>

            <li>
                <label >用户名：</label><input type="text" name="uname">
                <span class=""><i class=""></i></span>
            </li>
            <li>
                <label >密码：</label><input type="password" name="pwd">
                <span class=""><i class=""></i></span>
            </li>

            <li>
                <a href="update.html">忘记密码</a>
            </li>

            <li>
                <input class="btn" type="submit" value="登录">
            </li>
        </ul>
    </form>
</div>
</body>
</html>

2.进入到身份验证环节（身份校验）

image-20220327195550998

一.页面的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>忘记密码</title>
    <script src="demo/js/jquery-3.6.0.js"></script>
    <script src="demo/js/jquery.min.js"></script>
    <script>
        function sendEmail() {
            alert(12);
            var uname=$("#uname").val();
            var email=$("#email").val();
            $.ajax({
                url:"userServlet?type=11",
                type:"post",
                dataType:"json",
                data:{"uname":uname,"email":email},
                success:function (data) {
                    alert(data.msg);
                    if (data.istrue==1){
                        location.href="inputYzm.html";
                    }
                } ,
                error:function (data) {
                    alert(data.msg);
                    if (data.istrue==2){
                        location.href="update.html";
                    }
                }
            });
        }
    </script>
</head>
<body>
<div class="reg_form">
    <form >
        <ul>

            <li>
                <label >账号：</label><input type="text"  id="uname">
                <span class=""><i class=""></i></span>
            </li>
            <li>
                <label >邮箱：</label><input type="text"  id="email">
                <span class=""><i class=""></i></span>
            </li>
            <li>
                <input class="btn" type="button" onclick="sendEmail()" value="确认">
            </li>
        </ul>
    </form>
</div>
</body>
</html>

二.后台代码（servlet）

//单个查询+发送邮件 生成4位随机数字
    protected void selectOne(HttpServletRequest req, HttpServletResponse resp) throws Exception {

        PrintWriter out=resp.getWriter();
        String uname = req.getParameter("uname");
        System.out.println(uname);
        String email = req.getParameter("email");
        System.out.println(email);
        sys_users one = ss.selectOne(new sys_users(uname,email));//测试数据
        if(one!=null){
            System.out.println("cg");
            resultOne re=new resultOne();
            re.setIstrue(1);
            re.setMsg("该用户名邮箱下存在账号");
            String json= JSON.toJSONStringWithDateFormat(re, "yyyy-MM-dd");
            out.print(json);
            //验证身份成功之后 发送邮件给用户 验证码
            String pt = "1596481760@qq.com";
            String yzm22 = emailTest.getyzemail(email, pt).toString();
            req.getSession().setAttribute("yzm22",yzm22);

            System.out.println("单个查询成功存下的验证码"+yzm22);
        }else{
            System.out.println("sb");
            resultOne re=new resultOne();
            re.setIstrue(2);
            re.setMsg("该用户名邮箱下不存在账号");
            String json= JSON.toJSONStringWithDateFormat(re, "yyyy-MM-dd");
            out.print(json);
            //验证身份失败

        }
        out.flush();
        out.close();
    }

三.后台代码（serviceImpl）

 // 7: .单个查询 验证用户名  (写全单个查询 后面 还用的上)
    @Override
    public sys_users selectOne(sys_users u) {
        //编写单个查询的 sql语句
        String sql="select * from sys_users where uname='"+u.getUname()+"' and email='"+u.getEmail()+"'";
        sys_users users = sd.selectOne(sql);
        return users;
    }

四.后台代码（daoImpl）

  // 7: .单个查询 验证用户名  (写全单个查询 后面 还用的上)
    @Override
    public sys_users selectOne(String sql) {

        sys_users users=null;


        try {
            con= jdbcUtil.getConnection();
            ps=con.prepareStatement(sql);
            rs=ps.executeQuery();
            if (rs.next()){
                users=new sys_users(rs.getString("uname"));
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }

        return users;
    }

五.emailTest类中的 发送邮件的方法

public class emailTest {


    public static Integer getyzemail(String to,String from) {

        Integer random1 = 0;
        // 收件人电子邮箱


        // 发件人电子邮箱


        // 指定发送邮件的主机为 smtp.qq.com
        String host = "smtp.qq.com";  //QQ 邮件服务器

        // 获取系统属性
        Properties properties = System.getProperties();

        // 设置邮件服务器
        properties.setProperty("mail.smtp.host", host);

        properties.put("mail.smtp.auth", "true");
        // 获取默认session对象
        Session session = Session.getDefaultInstance(properties,new Authenticator(){
            public PasswordAuthentication getPasswordAuthentication()
            {
                //发件人邮件用户名、授权码【打开邮箱-设置-生成授权码==password】（自己的邮箱和授权码）
                return new PasswordAuthentication("xxxxxxx@qq.com", "uuekxrwqqyeffjde");
            }
        });

        try{
            // 创建默认的 MimeMessage 对象
            MimeMessage message = new MimeMessage(session);

            // Set From: 头部头字段
            message.setFrom(new InternetAddress(from));

            // Set To: 头部头字段
            message.addRecipient(Message.RecipientType.TO,
                    new InternetAddress(to));

            // Set Subject: 头部头字段
            message.setSubject("通知");

            //产生随机数

            random1 = (int) (Math.random()*(9999-1000+1))+1000;
            // 设置消息体
            message.setText("验证码是"+random1);

            // 发送消息
            Transport.send(message);

            System.out.println("发送成功");
        }catch (MessagingException mex) {
            mex.printStackTrace();
        }

        return random1;
    }


}

3.身份校验成功后（发送验证码）跳转到输入验证码页面

image-20220327195610282

输入验证码验证的页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="demo/js/jquery-3.6.0.js"></script>
    <script src="demo/js/jquery.min.js"></script>
    <script>
        function yzEmailyzm() {
            alert(22);
            var email=$("#email").val();
            $.ajax({
                url:"userServlet?type=10",
                type:"post",
                dataType:"json",
                data:{"email":email},
                success:function (data) {
                    alert(data.msg);
                    if (data.istrue==1){
                        location.href="hello.jsp";
                    }
                } ,
                error:function (data) {

                }
            });
        }
    </script>
</head>
<body>
<h1>请输入验证码</h1>
<div class="reg_form">
    <form >
        <ul>
            <li>
                <label >验证码：</label><input type="text" id="email">
                <span class=""><i class=""></i></span>
            </li>

            <li>
                <input class="btn" type="button" onclick="yzEmailyzm()" value="确认验证码">
            </li>
        </ul>
    </form>
</div>
        </body>
        </html>

输入验证码验证的后台

protected void yzemailyzm(HttpServletRequest req, HttpServletResponse resp) throws Exception {
        //自己输入验证码
        String yzm = req.getParameter("email");
        //自动生成的验证码
        String yzm2 = (String) req.getSession().getAttribute("yzm22");
        System.out.print(yzm + "==============" + yzm2);
        PrintWriter out = resp.getWriter();
        resultOne re = new resultOne();
        if (yzm.equals(yzm2)) {
            System.out.print("验证成功");
            //验证码验证成功 到修改页面 修改密码
            re.setIstrue(1);
            re.setMsg("验证码验证成功");
            String json = JSON.toJSONStringWithDateFormat(re, "yyyy-MM-dd");
            out.println(json);
        } else {
            System.out.print("验证失败");
        }
        out.flush();
        out.close();

    }

4.用户（通过邮箱收到）验证码后输入验证码

验证跳转到修改用户名的页面》》》》》》》

image-20220327195625104

进入页面后加载出单个查询的 账号和邮箱显示在页面上

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改密码 页面</title>
    <script src="demo/js/jquery-3.6.0.js"></script>
    <script src="demo/js/jquery.min.js"></script>
    <script>
        function selectInfo() {
            //通过ajax去后台查询数据
                $.ajax({
                    url:"userServlet?type=14",
                    dataType:"json",
                    type:"post",
                   // data:{},
                    success:function (data) {
                        $("#uname").val(data.uname);
                        $("#email").val(data.email);
                    } ,
                    error:function (data) {

                    }
                });
        }
    </script>
</head>
<body onload="selectInfo()">
<h1>修改密码页面</h1>
<div class="reg_form">
    <form>
        <ul>

            <li>
                <label>账号：</label><input type="text" id="uname">
                <span class=""><i class=""></i></span>
            </li>
            <li>
                <label>邮箱：</label><input type="text" id="email">
                <span class=""><i class=""></i></span>
            </li>
            <li>
                <label>密码：</label><input type="text" id="pwd">
                <span class=""><i class=""></i></span>
            </li>
            <li>
                <input class="btn" type="button" onclick="updatePwd()" value="确认">
            </li>
        </ul>
    </form>
</div>
</body>
</html>

显示在页面上的 方法

protected void one_infoName(HttpServletRequest req, HttpServletResponse resp) throws Exception {
        PrintWriter out=resp.getWriter();
        resultOne re=new resultOne();
        String selectone_uname = (String)req.getSession().getAttribute("selectone_uname");
        System.out.println(selectone_uname);
        String selectone_email = (String)req.getSession().getAttribute("selectone_email");
        System.out.println(selectone_email);
        re.setUname(selectone_uname);
        re.setEmail(selectone_email);

        String json = JSON.toJSONStringWithDateFormat(re, "yyyy-MM-dd");
        out.println(json);
        out.flush();
        out.close();
    }

5.修改密码

魏万燚
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
django+vue3通过邮箱重置密码
weixin_62935305的博客
06-11 1750
通过邮箱重置密码流程 简单的发布邮件 配置异步进行发邮件 重置密码完整代码 vue3重置邮箱密码流程 vue3 具体代码及解析
邮箱验证修改密码，通过邮箱找回密码
10-16 717
使用邮箱验证修改密码，在这里我是使用163免费邮进行测试 前台代码 1 <input type="text" name="Mail" id="Mail"/> 2 <span>*请输入邮箱</span><br/> 3 <asp:Button ID="zhuce" runat="server"...
通过邮件发送验证码来修改密码
weixin_33841722的博客
08-04 407
平时我们上网登录系统是忘记密码，用邮件找回密码，我就在下面自己做了一个用邮件找回密码的小程序： 1、目的：通过用户发送验证码到邮箱，用户登录邮箱后查看验证码（有效期30分钟），输入验证码后可修改密码 2、数据库设计:用户表的关键字段:UserId,UserPass,RandomText,LastSendRandomTime,Email. 3、解决思路: (1)用户输入邮箱地址(Email，...
php忘记密码代码
12-07
忘记密码php代码片段
忘记密码（找回密码）代码实现
热门推荐
相见恨晚
03-21 2万+
说到忘记密码，这种事情我们在生活中经常遇到，毕竟我们不是机器，总有忘的时候。回想忘记密码（找回密码）的流程一般分如下几个步骤：1.输入账号（手机号）2.点击发送验证码，过一会手机就会收到短信验证码3.填写验证码4.验证成功，并设置新的登录密码5.最后恭喜成功”找回密码“当然这些过程中还需要做一些验证：（1）如账号是否已注册或是否已存在，包括手机格式校验（2）验证码是否已过期（3）输入的验证码和短信...
django 开发忘记密码通过邮箱找回功能示例
09-20
在Django框架中，开发一个忘记密码并通过邮箱找回的功能是一个常见的需求。这个功能的主要目的是为用户提供一个安全且方便的方式来恢复他们丢失的账户密码。以下是一个详细的实现步骤和关键知识点： 1. **流程分析*...
java web实现邮箱激活与忘记密码
08-26
"java web实现邮箱激活与忘记密码" 在 Java Web 开发中，邮箱激活和忘记密码功能是非常...通过使用 Spring MVC 框架和 Spring Security 框架，我们可以轻松实现邮箱激活和忘记密码功能，提高用户体验和系统安全性。
vue网站后台登录注册和忘记密码切换页
07-13
文件名`Zp_demo.demohuo.top_73`可能是这个项目的压缩包文件，解压后可能包含项目的源代码、样式文件、图片资源等，便于开发者查看和学习Vue.js实现登录注册和忘记密码功能的具体代码和结构。 总的来说，这个项目...
postfixadmin忘记密码后的修改密码方法详解
10-21
在实际操作中，如果忘记密码，一种常见的做法是在数据库中直接修改密码。但是，由于PostfixAdmin采用了一定的密码加密机制，所以直接在数据库中修改密码并不是简单地更新明文密码即可。 PostfixAdmin使用了md5crypt...
通过邮箱验证码找回密码
Chen_binbin的博客
05-13 471
pom依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-mail</artifactId> </dependency> 测试类 package com.cbb.util; import java.util.Properties; import javax.mail.Authenti...
找回密码(代码)
08-27
找回密码(代码)－－这几天收集的！
邮件找回密码+无刷新验证码
04-21
邮件找回密码+无刷新验证码 邮件找回密码+无刷新验证码 邮件找回密码+无刷新验证码 邮件找回密码+无刷新验证码
用java实现的邮箱验证,找回密码
05-09
用java实现的邮箱验证,找回密码功能上传共分享
SSM实现邮箱验证功能
qq_32902741的博客
03-29 5292
(一)项目目录 (二)添加依赖pom.xml (三)生成唯一激活码 public class CodeUtil { //生成唯一的激活码 public String generateUniqueCode(){ return UUID.randomUUID().toString().replaceAll("-", ""); } } (四)...
使用ssm实现校验密码
weixin_30591551的博客
03-29 1068
由于审题不清，在完成作业“servlet实现进行用户名和密码验证”中使用了jdbc连接数据库的方式实现，没用静态方式验证，故本次作业使用ssm实现 本次作业上传到百度网盘：链接：https://pan.baidu.com/s/12IIczLqaFfa94mn-tY4MHw 提取码：4q7d 一、 导入jar包 二、 搭建框架（简述） 三、...
jsp网页开发中，通过注册邮箱找回密码，并限制连接的有效时间
伊人如梦
05-24 4633
jsp网页开发中，通过注册邮箱找回密码，并限制连接的有效时间   在很多注册系统中，都会有忘记密码通过邮箱找回密码这一功能，但这是怎么实现的呢。通过自己做的一个小项目来说说我是怎么做的吧。首先用户在注册时必须要填写有效的电子邮箱地址。注册成功时，当用户登录忘记密码是，可以这样来实现。首先要定义一个数据库表：就叫test吧。里面有如下几个字段：username（注册的用户名），
SpringBoot——邮箱发送验证码进行密码修改
weixin_42067873的博客
05-03 762
使用邮箱发送验证码进行改密验证，验证码需要分别发送到：（1）用户邮箱（2）缓存服务器 注：验证码发送到缓存服务器后，验证码保存一段时间，时间到期后，证明验证失败 1、设计前端页面 计划是：输入用户名（登录名 / 邮箱 / 手机号），点击发送验证码，在后台进行用户名正确性的检验 2、用户辨真假（后台验证） 发送给前端的验证码：（1）一份发给消息队列待邮件系统处理 （2）一份发送给缓存服务器待用户正式提交修改消息后做检验 @GetMapping("/sendcode") ...
csdn账号密码重置成功
gguxxing008的专栏
01-09 1471
没想到，新年的第一篇博客竟然是庆祝自己的csdn账号密码重置成功，但总算是找回来~~ ；如此大的论坛，如此多用户的账号被盗，这里面有多少东西需要去反思；安全，安全，安全，是一个永恒的话题！！！
spring事务详细讲解-深入浅出
最新发布
小电玩
09-08 470
Spring 事务是本身就是对数据库的事务的支持，没有数据库的事务 Spring 是本身无法实现事务的。Spring只提供了统一事务管理接口，具体的实现还是由各数据库自己实现。在使用 Spring 事务时，可以通过注解或编程方式将需要进行事务管理的方法和代码块标记为事务性操作，当这些操作被执行时，Spring 会负责开启时根据当前环境中设置的隔离级别，调整数据库隔离级别。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值