springboot+vue登陆验证

1.跳转html就不写了,下面是html代码

<input type="text" class="input input-big" name="nu_name" placeholder="登录账号" data-validate="required:请填写账号" v-model="nu_name" />
<input type="password" class="input input-big" value='' name="nu_pwd" placeholder="登录密码" data-validate="required:请填写密码" v-model="nu_pwd" />
<input type="button" class="button button-block bg-main text-big input-big" value="登录" v-on:click="tologin()">

2.vue代码

var vm = new Vue({
        el:'#app',
        data:{
            nu_name:"",
            nu_pwd:"",
            yzm:"",
        },
        methods:{
            tologin:function () {
                $.post("/login/doLogin",{nu_name:this.nu_name,nu_pwd:this.nu_pwd,yzm:this.yzm},function (data) {
                    alert(1);
                    if(data.sunccess==1){
                        alert(data.info);
                        document.location.href="/news/index";
                    }else if (data.success==2){
                        alert("失败");
                    }else if(data.sunccess==3){
                        alert(data.info);
                    }
                })
            },
        }
    })

3.vue中用到的spring代码

@RequestMapping("/doLogin")
    @ResponseBody
    public JSONObject dologin(HttpServletRequest request){
        HttpSession session = request.getSession();
        String nu_name = request.getParameter("nu_name");
        String nu_pwd = request.getParameter("nu_pwd");
        String yzm = request.getParameter("yzm");//验证码的
        newsUser newuser = newsUserService.doLogin(nu_name,nu_pwd);
        JSONObject data = new JSONObject();
        if(!yzm.equals(session.getAttribute("yzm"))){//验证码的
            data.put("success",3);
            data.put("info","验证码不正确");
            return data;
        }
        if(newuser ==null||newuser.equals("")){
            data.put("sunccess","2");
            data.put("info","登陆失败");
        }else {
            session.setAttribute("nu_name",nu_name);
            session.setAttribute("nu_pwd",nu_pwd);
            data.put("sunccess","1");
            data.put("info","登陆成功");
        }
        return data;
    }

4.dao层方法

@Query(value = "select * from news_user where nu_name=:nu_name and nu_pwd =:nu_pwd",nativeQuery = true)
    newsUser doLogin(String nu_name,String nu_pwd); 登陆查询

你可能感兴趣的:(Java,框架学习)