关于微信小程序开发教程,迈特科技跟大家分享过微信小程序JSON配置、WXSS 样式等开发教程,接下来要给大家分享的是小程序开发JS 交互逻辑详解。
一个服务仅仅只有界面展示是不够的,还需要和用户做交互:响应用户的点击、获取用户的位置等等。在小程序里边,通过编写 JS 脚本文件来处理用户的操作。
<view>{{ msg }}</view>
<button bindtap="clickMe">点击我</button>
点击 button 按钮的时候,我们希望把界面上 msg 显示成 "Hello World",于是我们在 button 上声明一个属性: bindtap ,在 JS 文件里边声明了 clickMe 方法来响应这次点击操作:
Page({
clickMe: function() {
this.setData({ msg: "Hello World" })
}
})
响应用户的操作就是这么简单。
此外你还可以在 JS 中调用小程序提供的丰富的 API,利用这些 API 可以很方便的调起微信提供的能力,例如获取用户信息、本地存储、微信支付等。在前边的 QuickStart 例子中,在 pages/index/index.js 就调用了 wx.getUserInfo 获取微信用户的头像和昵称,最后通过 setData 把获取到的信息显示到界面上。
迈特科技——靠谱的技术伙伴,为企业提供一站式技术服务。主要业务范围有:APP开发、小程序开发、微信开发、电商系统开发、物联网(IOT)开发等互联网+领域。
小程序api:www.nymaite.com/article_291.html
微信小程序申请:www.nymaite.com/article_298.html
推荐文章