项目实训---微信小程序选座之页面逻辑


选座界面:

2.消息中心

首先,打开小程序的时候,会在onLaunch()调用一个checkUnreadNum()函数,检查未读消息的数目,如果有未读消息,则消息中心对应的tabbar会有一个小红点。

打开消息中心,会根据storage的token获取用户的所有消息,根据消息的状态(是否已读)决定是否显示未读消息的小红点。

点击某个具体的消息会打开消息的详情,这里没有调用后端的api,而是直接用小程序的页面切换时携带数据。同时,点击某个消息后会将该消息设置为已读。

点击“全部已读”按钮会将所有的消息设置为已读状态,向后端发送对应的请求并重新渲染,同时底部tabbar的小红点也会清除。

下拉刷新会调用界面的onLoad()函数,重新请求并渲染。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
由于微信小程序选座购票功能的实现需要多个环节的配合和协调,代码量较大,下面是一个简单的微信小程序选座购票的代码示例,仅供参考: 1. 座位图设计 在小程序端设计座位图,包括座位类型、座位价格等信息,并将其存储在后台数据库中。 2. 座位预订 在小程序端展示座位图,并让用户选择心仪的座位。选择座位后,向后台发送请求,生成订单并生成支付链接。 ``` wx.request({ url: '生成订单接口地址', data: { seat: seat, // 所选座位信息 price: price, // 座位价格 }, success: function(res) { // 生成支付链接 wx.requestPayment({ timeStamp: res.timeStamp, nonceStr: res.nonceStr, package: res.package, signType: res.signType, paySign: res.paySign, success: function(res) { // 支付成功后,座位锁定并生成相应的票据 wx.request({ url: '锁定座位接口地址', data: { seat: seat, // 所选座位信息 price: price, // 座位价格 }, success: function(res) { // 生成票据 wx.request({ url: '生成票据接口地址', data: { seat: seat, // 所选座位信息 price: price, // 座位价格 }, success: function(res) { // 将票据发送给用户 wx.showModal({ title: '购票成功', content: '请注意查收您的票据', }) } }) } }) }, fail: function(res) { wx.showModal({ title: '支付失败', content: '请稍后重试', }) } }) } }) ``` 3. 座位锁定 在后台数据库中,将所选座位锁定,避免其他用户重复预订。 4. 票据生成 在后台数据库中,生成相应的票据,包括座位号、场馆信息、价格等信息。 5. 票据发送 将票据发送给用户,用户可以通过小程序查看,也可以选择将票据保存或打印。 以上是微信小程序选座购票的简单示例代码,具体实现还需要根据实际情况进行调整和完善。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值