微信小程序学习笔记之用户登录

初次学习微信小程序，第二次实例练习
因为本次想注重逻辑问题，布局就随便搞搞了

需要实现的目标：
用户未登录时也可正常浏览首页，当用户点击用户时，如果用户未登录，自动跳转用户登录页面。
app.js

appdata:{    userinfo:null,  }

user.js

var app=getApp();
onLoad: function (options) {
    if(app.appdata.userinfo==null){
          wx.redirectTo({
                  url: '../logs/logs',      
                  })          
                  }else{      
    this.setData({ 
                  username:app.appdata.userinfo.username 
                  })
                  }
                  },

下一步，在进入用户登录界面之后，输入账号密码跳转登录。
需要注意的是，在项目里用户输入账号密码之后会通过服务器进行验证。
本次实例并没有服务器，只是模拟这种情况而已。
下面写button和input上面的事件
login.js

var app=getApp();
Page({  data: {    username:null,    password:null,  },
click:function(){
app.appdata.userinfo={username:this.data.username,password:this.data.password}
    wx.switchTab({      url: '../user/user',    })  },
    usernameinput:function(event){    this.setData({username:event.detail.value})  },
      passwordinput:function(event){    this.setData({ password: event.detail.value })
        },

然后在button和input上绑定事件

<view> <input bindinput="usernameinput"></input> </view>
<view> <input bindinput="passwordinput"></input> <text>忘记密码</text>
<view> <button bindtap="click">登录</button> </view>
</view>

以上，功能实现。
需要注意的是，由于在首页应用了tabBar，所以在用户登录界面跳转的时候，要用switchtab，如果使用其他的可能会出现bug。
新手初学，如有错误，请多多指教