小白用vue登陆跳转

一、请求部分

    最先一定要弄清楚http协议和请求,学会使用开发者工具和chrome插件等等!

    首先有一个跨域设置,一开始我我直接跳过了,导致后来呜呜惨兮兮地碰了壁

    然后就是请求方式不同methods。

    然后就是业务逻辑

var vm = new Vue({
    el:"#loginform",
    data:{
        name:"man",
        password:"123"

    },
    methods:{
        postparam:function(){
            var params = new URLSearchParams()

            params.append('uname', vm.name)
            params.append('password', vm.password)
            if(vm.name!=""&&vm.password!=""){
                axios.post("/login",params)
                    .then(function(response){
                        if(response.data=="LoginFailed!")
                            alert("用户不存在,请先注册")
                        else{
                            alert(vm.name+"欢迎你的到来!")
                            window.location.href="http://localhost:8080/homepage"
                        }
                        console.log("成功:")
                        console.log(response);
                    })
                    .catch(function(error){
                        console.log("失败:")
                        console.log(error);
                    })
            }
        }
    }
})

    其中参数要注意,要注意要红线部分才能传过去。

    可以参考https://jingyan.baidu.com/article/29697b916d6a7bab20de3cf9.html

    传参成功!

二、数据库处理啦

    

DROP TABLE IF EXISTS user_info;
CREATE TABLE IF NOT EXISTS user_info
(
  id             INT  AUTO_INCREMENT  NOT NULL  PRIMARY KEY,
  uname          VARCHAR(255)  NOT NULL,
  email          VARCHAR(255)  NOT NULL,
  uregister_time DATETIME      NOT NULL,
  password       VARCHAR(255)  NOT NULL
)ENGINE=InnoDB;

INSERT INTO user_info VALUES ('1','man','1344483030@qq.com','2018/2/22','123');

注意几点:1、更新需要第一句,若存在需先删除。2、注意字符格式、长度合适(无论是创建时还是插入时)。3、定义主键也注意 。4、语法和引擎。

三、后端函数处理

    明天再战吧。。。

展开阅读全文
©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值