简单微信小程序代码
以下是一个简单的微信小程序代码示例:
// app.js
App({
onLaunch: function () {
// 小程序初始化时触发
},
globalData: {
userInfo: null
}
})
// pages/index/index.js
Page({
data: {
message: 'Hello, World!'
},
onLoad: function () {
// 页面加载时触发
},
onTap: function () {
wx.showToast({
title: 'You tapped the button!',
icon: 'success'
})
}
})
// pages/index/index.wxml
<view>
<text>{{ message }}</text>
<button bindtap="onTap">Tap me!</button>
</view>
// app.json
{
"pages": [
"pages/index/index"
],
"window": {
"navigationBarTitleText": "My App"
}
}
这个示例包含了一个简单的页面,页面上有一个文本和一个按钮。当点击按钮时,会弹出一个提示框。
// app.js
App({
onLaunch: function () {
// 小程序初始化时触发
},
globalData: {
userInfo: null
}
})
// pages/index/index.js
Page({
data: {
message: ‘Hello, World!’
},
onLoad: function () {
// 页面加载时触发
},
onTap: function () {
wx.showToast({
title: 'You tapped the button!’,
icon: ‘success’
})
}
})
// pages/index/index.wxml
<view>
<text>{{ message }}</text>
<button bindtap="onTap">Tap me!</button>
</view>
// app.json
{
"pages": [
“pages/index/index”
],
"window": {
"navigationBarTitleText": “My App”
}
}
这个示例包含了一个简单的页面,页面上有一个文本和一个按钮。当点击按钮时,会弹出一个提示框。
在app.js中,我们定义了一个App对象,其中onLaunch函数会在小程序初始化时触发。我们还定义了一个全局变量globalData,用于存储用户信息。
在index.js中,我们定义了一个Page对象,其中data对象用于存储页面的数据。在onLoad函数中,我们可以执行一些页面加载时需要的操作。在onTap函数中,我们使用wx.showToast函数弹出一个提示框。
在index.wxml中,我们使用{{ message }}来显示data中的message数据,并使用bindtap绑定了onTap函数,使得按钮点击时触发该函数。
在app.json中,我们定义了小程序的页面路径和窗口样式。在这个示例中,我们只有一个页面,即index页面,并设置了导航栏标题为"My App"。