简单微信小程序代码

以下是一个简单的微信小程序代码示例:

// 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"。