当时面临如此需求，实在无从下手，后自己想了一个灵活的方法进行面对，特此记录，希望以后不会看不懂自己的代码

登陆界面设置

这个百度一下就可以，与数据库交互的登录界面很是简单，由于本项目要求不可注册，故只有登录、修改密码以及权限锁定，登陆界面略。。。。

监测用户登录错误次数

本项目中，对于用户名以及密码进行校验，故在判断到用户名正确，但是密码错误时，进行计数：

var a = that.data.err_num+1;  // a 的数值表示用户输错密码次数if(a>3){  //如果用户没有退出  次数刷新 重新来，防止剩余次数为 负数a=0;}that.setData({err_num : a,b : 3-a  // b的数值表示用户 距离锁定账户 还剩下次数  当b=0 登录按钮失能30分钟})console.log(that.data.err_num)wx.showModal({title: '提示', icon : "none",content: '账号或密码错误，剩余次数：' + that.data.b})//当用户输错密码 三次后 将状态存入数据库中，使登录按钮失能if(3 == that.data.err_num ){wx.request({url:'  ',  //此接口用于 改变用户station 登录 or 30分钟后登录data:{name:that.data.phone,   station: 'false'  },method:'GET',header: {'content-type': 'application/json'},success:res =>{console.log(res.data)  that.setData({station : false})    }})

将密码输入次数错误超过规定次数的用户记录如数据库，为登录权限验证数据库，每次页面刷线时都会先进行判断该用户是否允许登录。

30分钟记录

此处自己写了一个接口，当用户输入密码错误超过规定次数，微信小程序端就会将该用户名发给接口，接口将该用户登录station 变更为 false，30分钟后会自动将该状态修改为true。

------起初是准备写定时器，后来发现用户退出，定时器就取消了，所有状态就没了，可以尝试写入缓存解决，当并未尝试，有兴趣的朋友可以尝试

效果图

＜微信小程序＞登录界面实现密码输入错误3次，30分钟不允许该账号登录相关推荐

微信小程序input输入框校验手机号输入错误
<view class="flex jc-between"><view>联系方式</view><input class="pla ...
微信小程序开发登录界面mysql_微信小程序欢迎界面开发的实例详解
微信小程序欢迎界面市面上大多数的app都会有一个欢迎界面,下面将演示如何通过微信小程序实现一个欢迎界面. 下面将会按照以下的顺序介绍: 布局的实现逻辑的实现样式的实现 1.布局的实现整个布局 ...
微信小程序初始界面设置密码
如何在微信小程序初始界面输入密码,看到网上给出了很多方法,较为常见的是如何输入一个六位密码.这里介绍一种觉得比较可行的方法,具体实现如下: 最终效果: 代码实现: wxml: <input cl ...
小程序 sha1和服务器有关系吗,微信小程序使用sha1实现密码加密的方法介绍
微信小程序使用sha1实现密码加密的方法介绍,字符串,程序,转换为,详解,函数微信小程序使用sha1实现密码加密的方法介绍易采站长站,站长之家为您整理了微信小程序使用sha1实现密码加密的方法介绍 ...
php欢迎界面代码,分享微信小程序欢迎界面开发的实例代码
这篇文章主要分享微信小程序欢迎界面开发的实例代码的相关资料,这里实现欢迎界面的简单实例和实现代码及实现效果图,需要的朋友可以参考下微信小程序欢迎界面市面上大多数的app都会有一个欢迎界面,下面将 ...
微信小程序之界面交互API07
微信小程序之界面交互API07 关于界面交互,在官方文档上提供了API来 wx.showToast(Object object) 土司(只有提示,会在延迟时间过后消失)! 显示消息提示框参数 Obj ...
视频教程-微信小程序商城-界面设计实战教学(含源代码)-微信开发
微信小程序商城-界面设计实战教学(含源代码) 04年进入计算机行业.拥有6年net和php项目开发经验,8年java项目开发经验. 现前端全栈工程师,主攻产品设计,微信开发等. 黄菊华 ¥90.00 ...
微信小程序 wepy 框架手势密码 ios 安卓真正的无卡顿
微信小程序 wepy 框架手势密码 ios 安卓真正的无卡顿 https://github.com/t5442107/yj_wepy_gesture_lock 用vscode 打开测试! 下载 h ...
微信小程序开发界面介绍
这里是引用主要是简单的介绍一下微信小程序开发界面的各个文件先看下这个图片这是最简单的目录了 pages: 所有的页面都要在这里面创建,在这里面创建的页面需要在app.json里面添加一下路径如下 ...

＜微信小程序＞登录界面实现密码输入错误3次，30分钟不允许该账号登录

登陆界面设置

监测用户登录错误次数

30分钟记录

效果图

＜微信小程序＞登录界面实现密码输入错误3次，30分钟不允许该账号登录相关推荐

最新文章

热门文章