求一段wex5实现登录逻辑的代码

elgt

求一段wex5实现登录逻辑的代码
有了username和password，然后点登录，查找数据库检验登录是否成功的代码，谢
外卖后台登录少了这段代码

melvin_ding

//点击登录的按钮事件
Model.prototype.verifyBtn = function(event) {
        // 获取用户输入的手机号码，因为我绑定了一个data的字段
        var phoneInput = this.comp("Data").getValue("phoneNumber");
        // 如上，获取到用户输入的密码
        var passWord = this.comp("password").val();
        var reg = /^0?1[3|4|5|7|8][0-9]\d{8}$/;
        // 验证用户输入的手机号格式是否正确
        if (reg.test(phoneInput)) {
                // 过滤判断该手机号是否注册过（数据库中是否有这个手机号）
                merchantData.setFilter("f1", "merchant.telephone = " + phoneInput);
                merchantData.refreshData();
                if (merchantData.count() > 0) {
                        // 验证用户输入的密码是否正确
                        var p = merchantData.val("password");
                        if (passWord == p) {
                                justep.Util.hint("登录成功！");
                                // 将手机号进行本地储存
                                localStorage.setItem("userMobile", phoneInput);
                                // 禁用登录按钮
                                this.comp("verifyBtn").set({
                                        "disabled" : true
                                });
                        } else {
                                justep.Util.hint("您输入的密码有误", {
                                        "type" : "danger",
                                        "delay" : 2000
                                });
                        }
                } else {
                        justep.Util.hint("该手机号未注册，请先注册！", {
                                "type" : "danger",
                                "delay" : 2000
                        });
                }
        } else {
                justep.Util.hint("手机号不正确", {
                        "type" : "danger",
                        "delay" : 2000
                });
        }
};

elgt

多谢大神，还有就是注销登录的时候是不是在代码里面写localStorage.clear();就可以了呢？在其它页面如果检验是否登录是不是写
localStorage.getItem(‘userMobile‘)<>''
就可以了呢？

melvin_ding

这个具体的用户和界面交互要看你产品的设计，不是固定的。

举个简单的例子，
比如：未登陆成功前，所有的菜单/按钮都是disabled状态，登陆成功后才变成enabled状态，然后注销的时候把所有的菜单/按钮重置为disabled状态。

若想用localstorage的办法来判断当前的登陆状态，那么登陆成功后，就在所有需要权限验证的页面onload，或者onactive事件里面用localStorage.getItem(‘userMobile‘)获取当前用户名，若能成功获取则通过校验，若当前用户名为空则未登陆，注销的时候相应的要注销localStorage里面的内容。

还有其他思路，以上仅供参考。

elgt

多谢指导

闰土

可以参考demo：/UI2/login 或者网易案例的login页相关代码：/UI2/demo/netease