其实微信小程序就是js+css,不过腾讯封装过了。如果前端有经验,微信小程序很容易掌握。我的头条里自己有几篇普及微信小程序的文章,希望对你有帮助。
微信小程序项目是如何处理用户操作的?如何相应用户的点击?或者获取用户位置等?这就涉及小程序的逻辑交互。
微信小程序处理用户操作的逻辑交互设计简洁而高效。用户通过点击、滑动等操作触发事件,小程序前端监听这些事件并调用相应的处理函数。处理函数根据业务需求与后端进行通信,获取或提交数据,并更新页面展示。整个过程通过数据绑定和事件响应机制实现,确保用户操作的流畅性和即时性。这种设计使得小程序能够提供丰富的交互体验,同时保持应用的轻量级和高效性。微信小程序项目处理用户操作的方式主要涉及到前端的事件处理和后端的逻辑处理两个层面。其中前端主要通过事件绑定和事件处理函数来响应用户的操作。微信小程序支持多种事件类型,如点击事件(tap)、长按事件(longpress)、滑动事件(touchmove)、输入事件(input)和表单提交事件(submit)等。
小程序中逻辑交互分为三层别,均是以.js结尾 的文件。分别是:
第一层,项目级别的app.js文件,是整个微信小程序项目的入口文件,通过App()函数来启动整个小程序。
第二层,页面级别的.js文件,是页面的入口文件,通过调用Page()函数来创建并运行页面。
第三层,普通的.js文件。是普通的功能模块文件,用来封装公共的函数或属性,供页面使用。
使用场景:
今天在开发微信小程序时,需要调用微信的小程序接口,今天调用的是获取微信开卡参数接口,后面用这些参数,去调用小程序接口获取用户提交到微信卡包的资料。
当然,开发微信JSAPI时,他们也提供了样板程序,但这样,我们使用我们自己写的程序,一般做后端,大家都喜欢把调用接口是,如果是Get接口,命名为doGet,如果是Post接口,叫doPost。
我们也这么做。现在我们来看程序。
1.查看调用接口的方法:
上图方法,通过传入token,activateticket,
1)调用微信官方提供的接口,开始执行调用。
2)反序列化字符串为对象,并返回结果。
2.查看doPost方法:
上图方法通过获取URL及字典存储的键对值结构调用Post方法
1)声明ContentType
2)获取字节流(BuildQuery(textParams)
3)写入Post数据
4)获取返回
5)把返回转换为字符串
其中我们再看看 BuildQuery(textParams)
就一句话,因为请求时,我们需要把字典序列化为字符串,去调用微信接口。
3.处理返回,将返回的字节流转换为String
以上就完成了整个POST请求微信接口。
最后再总结一下:
1.首先我们处理Request头的请求(ContentType,请求的数据序列化为字符串)
2.接着我们请求微信的接口,并得到Response
3.我们把Response以字符流方式读取并转换为字符串
4.最后,我们把字符串再转换为我们需要的对象。结束
页面之间的相互跳转叫页面导航,上期交流了通过点击导航组件跳转页面的方法,今天专门介绍第二种微信小程序页面跳转方法:通过调用小程序专门的导航API。
第一步,打开微信开发者工具。
第二步,在页面的.wxml文件中,放一个按钮,并为按钮绑定一个点击事件处理函数。
代码示例:<button bindtap="gotoMessage">跳转到message页面</button>
第三步,在页面的.js文件中,data平级位置,声明该事件处理函数。
第四步,在该事件处理函数内部,调用方法且指定跳转地址,即url属性,以/开头。其中,tabBar页面调用wx.switchTab方法,非tabBar页面调用wx.navigateTo方法。
代码示例:
gotoMessage(){
wx.switchTab({
url:"/pages/message/message"
})
},
上一页或后退多页
第一步,在页面的.wxml页面中声明按钮组件,文本为后退,绑定一个事件处理函数。
第二步,在页面的.js文件中,data平级位置,声明该事件处理函数。
第三步,调用wx.nabigateBack方法,确定后退层级数,即delta属性,默认为1.
代码示例:
<button bindtap="gotoBack">后退</button>
gotoBack(){
wx.navigateBack()
}
本文全部原创手码,与大家分享共同进步,欢迎交流!
#编程##小白新手创业营##你有多久没有写过代码了##笔记#