在这个数字化时代,手机小程序开发定制已经成为一种趋势,它可以根据用户的个性化需求,开发出符合其需求的应用程序,那么,手机小程序开发定制的常用代码有哪些呢?下面,我们将为您详细解答。
一、开发环境搭建
在进行手机小程序开发定制之前,我们需要搭建开发环境,常用的开发环境包括微信开发者工具和支付宝开发者工具,这些工具提供了丰富的功能和工具,可以帮助我们更高效地进行小程序开发。
二、小程序框架代码
小程序框架代码是小程序开发的基础,它包括小程序的启动页面、页面路由、组件库等,下面是一个简单的小程序框架代码示例:
1、启动页面代码:
// index.js
App({
onLaunch: function () {
// 展示本地存储能力
var logs = wx.getStorageSync('logs');
if (logs) {
logs.forEach(log => {
console.log(new Date(log).toLocaleString())
})
} else {
console.log('no logs')
}
}
})
页面路由代码:
// app.js
App({
globalData: {
userInfo: null
},
onLaunch: function () {
var that = this;
wx.login({
success: res => {
// 更新本地的用户信息,不更新本地存储的状态,只是用来展示登录态,如头像昵称等。如果需要更新本地状态,可以调用 updateUserInfo 方法。
例如: that.globalData.userInfo = res.userInfo; that.updateUserInfo();
如果你需要在其他地方使用用户信息,建议在 app.js 里定义一个 getUserInfo 方法,方便其他地方调用。 例如: getUserInfo:
function() { return this.globalData.userInfo } 这样你在其他地方就可以直接通过 getUserInfo
方法获取用户信息了。
that.globalData.userInfo = res.userInfo;
}
})
},
updateUserInfo: function(force) {
var that = this;
wx.getUserInfo({
success: function(res) {
that.globalData.userInfo = res.userInfo;
},
force: force // 如果为 true,则无论是否已经在本次生命周期中请求过用户信息,都会重新请求。一般用于获取最新的用户信息。})
}
})
标签:function,logs,res,代码,程序开发,globalData,userInfo,定制
From: https://blog.51cto.com/u_16299688/8587693