在制作动态二维码签到系统和车辆调度系统的登录界面的过程中,了解了关于全局变量的使用。在我的这两套系统中,为了让后面的数据可以对应相应的用户,我采取的方法是在登录的时候获取账户的账号并且作为全局变量储存在前端,方便传递到后台。
前端
<view class="login_container">
<view class="login">
<view class="login_view">
<text class="login_lable">账号:</text>
<input class="login_text" placeholder="请输入账号" bindinput="listeneraccountInput"/>
</view>
<view style="display:flex;margin-top:30px;margin-left:40px;">
<button class="login_button" bindtap="loginAction" style="width:20px;"style="margin-left:20px;"id='{{identity}}'>登录</button>
</view>
</view>
</view>
交互系统
在untils中app.JavaScript中储存Globaldata中先给账户定义一个null,当然也可以定义其他什么的。
globalData: {
Username: null
},
然后在你的登录页面的JavaScript中,切记要在page前使用var app=getApp();不然不知道是否使用全局变量,然后在点击事件中使用app.globaldata储存全局变量,这样,本页面的账户号码就储存在全局变量。
var app = getApp();
page({
data:{},
loginAction: function (e)
{
var that = this
app.globalData.account = this.account
}
})
紧接着在其他页面的JavaScript中,声明var app = getApp();使用全局变量,然后指明要取出的全局变量的名字,接着你就可以给他新赋值什么的都可以做了。
var app = getApp();
page({
data: {
account: getApp().globalData.account,
},
onloa:function(option)
{
this.setData({
account: getApp().globalData.account
});
var account = getApp().globalData.account;
}
})
后序
欢迎各位有志学士们加入我们大学生代码学习群交流:871352155
喜欢用HTML做成礼物或者贺卡等的朋友详情请看我的B站合集https://www.bilibili.com/video/av84894004不定时更新