Vue登录

1.判断输入的用户名密码以及验证码是否一致

let app = new Vue({
        el: "#app",
        data() {
            return {
                loginData: {
                    uname: '',
                    upwd: '',
                    code: ''
                }
            }
        },
        methods: {
            loginSubmit() {
                if (this.loginData.uname == "") {
                    alert("请输入用户名");
                    return;
                }
                if (this.loginData.upwd == "") {
                    alert("请输入密码");
                    return;
                }
                if (this.loginData.code == "") {
                    alert("请输入验证码");
                    return;
                }
                axios.post('Login', this.loginData).then(res => {
                    if (res.data.Code == 1) {
                        location.href = "/Index/Index";
                    } else {
                        alert(res.data.Msg);
                    }
                })
            }
        }
    })

结果类：

public enum ResponseType
    {
        /// <summary>
        /// 成功
        /// </summary>
        Success=1,
        /// <summary>
        /// 失败
        /// </summary>
        Fail=0,
        /// <summary>
        /// 验证码错误
        /// </summary>
        ValCode=-1,
        /// <summary>
        /// 发生错误
        /// </summary>
        Error=-99
    }
    public static class ResponseText
    {
        public const string ValCodeMessage = "验证码错误";
        public const string Success = "成功";
        public const string Fail = "失败";
        public const string Error = "系统错误";
    }

2.控制器进行判断结果

 

public ActionResult Login(string uname,string upwd,string code)
        {
            ResponseModel responseModel = new ResponseModel();
            try
            {
                //1.判断验证码
                if (code.ToLower() == Convert.ToString(Session["CheckCode"]).ToLower())
                {
                    if (loginBll.Login(uname, upwd) != null)
                    {
                        Session["UserName"] = uname;
                        responseModel.Code = (int)ResponseType.Success;
                        responseModel.Msg = ResponseText.Success;
                        responseModel.Data = "";
                        return Json(responseModel);
                    }
                    else
                    {
                        responseModel.Code = (int)ResponseType.Fail;
                        responseModel.Msg = ResponseText.Fail;
                        responseModel.Data = "";
                        return Json(responseModel);
                    }
                }
                else
                {
                    responseModel.Code = (int)ResponseType.ValCode;
                    responseModel.Msg = ResponseText.ValCodeMessage;
                    responseModel.Data = "";
                    return Json(responseModel);
                }
            }
            catch (Exception ex)
            {

                throw ex;
            }
        }