微信小程序忘记密码如何找回

现在很多应用都需要用户设置密码,那么密码多了就容易记混容易忘,那么我们的小程序设计了用户忘记密码时快速找回的方法,

例如在以下图中点击忘记密码,就会进入到找回密码的第一步。


找回密码第一步


以下为找回密码的第一步示例代码

//获取应用实例
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
  
  },

  formSubmit:function(e){

    console.log(e.detail.value.no);
    console.log(e.detail.value.email);
    var student = wx.getStorageSync('student');
    var no = student.no;
    console.log(no);
    var email = student.email;
    console.log(email);


    if (e.detail.value.email != student.email) {
      wx.showToast({
        title: '输入邮箱与绑定邮箱不一致',
        icon: 'none',
        duration: 2000
      })
    }else{
    // var no = this.data.student.no;
    // console.log(no);
    wx.request({
      url: app.globalData.url.forgotpwd,
      data: {
        // no: no,
        no: e.detail.value.no,
        email: e.detail.value.email
      },
      header: {
        'content-type': 'application/json' // 默认值
      },

      success: (res) => {
        console.log(res.data);
        wx.showToast({
          title: '下一步',
          icon: 'success',
          duration: 2000
        })
          setTimeout(function () {
          wx.redirectTo({
            url: "../getpwdtwo/getpwdtwo",
          })
        },2000)
      }
    });
    }
  },

在第一步中输入学号和已经绑定的邮箱即可进行下一步操作


输入新的密码和邮件中的验证码点击提交即可修改密码成功

以下为修改密码第二步的示例代码

//获取应用实例
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  formSubmit: function (e){
    // console.log(e.detail.value.pwd);
    // console.log(e.detail.value.validcode);

    var student = wx.getStorageSync('student');
    var no = student.no;
    var pwd = e.detail.value.pwd;
    var validcode = e.detail.value.validcode;
    console.log(no);
        wx.request({
          url: app.globalData.url.initpassword,
          data: {
            no: no,
            pwd: pwd,
            validcode: validcode,
          },
          header: {
            'content-type': 'application/json' // 默认值
          },
          success: (res)=> {
            console.log(res.data);
            wx.showToast({
              title: '修改密码成功',
              icon: 'success',
              duration: 2000
            })
            setTimeout(function () {
              wx.redirectTo({
                url: "../login/login",
              })
            },2000)
            // console.log(res);
          }  
        });
  },
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1.功能测试 对于微信小程序购物商城软件的功能进行测试,包括但不限于: a.注册登录功能测试:测试用户能否正常注册,登录、忘记密码找回密码等功能。 b.商品展示测试:测试商品是否能正常展示,能否进行筛选、排序等操作。 c.购物车测试:测试添加商品到购物车是否成功,购物车内商品数量是否正确,购物车内商品删除、修改数量等操作是否正常。 d.订单测试:测试下单流程是否正常,订单状态是否正确,订单支付是否成功等。 2.性能测试 对于微信小程序购物商城软件的性能进行测试,包括但不限于: a.加载速度测试:测试微信小程序的加载速度,包括首页、商品详情页、购物车、订单等页面的加载速度。 b.稳定性测试:测试微信小程序在不同网络环境下的稳定性,包括是否会出现闪退、卡顿等情况。 c.并发测试:测试微信小程序在多用户同时使用时的性能表现,包括是否会出现卡顿、响应速度等问题。 3.兼容性测试 对于微信小程序购物商城软件的兼容性进行测试,包括但不限于: a.不同设备测试:测试微信小程序在不同型号、不同操作系统版本的设备上的兼容性。 b.不同网络环境测试:测试微信小程序在不同网络环境下的兼容性,包括2G、3G、4G、WiFi等网络环境。 c.不同微信版本测试:测试微信小程序在不同微信版本上的兼容性,包括iOS、Android等系统上的微信版本。 4.安全测试 对于微信小程序购物商城软件的安全性进行测试,包括但不限于: a.数据安全测试:测试微信小程序的数据是否能够被非法获取、篡改等。 b.支付安全测试:测试微信小程序的支付流程是否安全可靠,是否存在支付漏洞等。 c.账户安全测试:测试微信小程序的账户安全性,包括密码强度、登录保护等。 5.易用性测试 对于微信小程序购物商城软件的易用性进行测试,包括但不限于: a.用户体验测试:测试微信小程序的用户体验是否良好,是否能够满足用户需求。 b.界面设计测试:测试微信小程序的界面设计是否美观简洁,是否易于操作。 c.功能设计测试:测试微信小程序的功能设计是否合理,是否能够满足用户需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值