Java点餐系统和点餐小程序新加排号等位功能

最新推荐文章于 2025-07-08 13:53:45 发布

原创

最新推荐文章于 2025-07-08 13:53:45 发布 · 444 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#java #学习 #经验分享

一，小程序端代码

1，排号相关代码

我们先来讲讲排号相关的代码，从上图可以看出，我们排号的wxml文件里可以显示两种状态，未排号和已排号。上图展示的是未排号的状态，用户点击完取号以后，就可以展示已排号状态了。

其实排号的小程序端代码很简单。下面再把paihao.js的代码贴出来给到大家。


let app = getApp()

Page({

  data: {

    num: 1111, //当前排号

    type: 1,

    currentSmall: -1,

    currentBig: -1

  },

  onShow: function () {

    this.getNum()

  },

  //取号

  quhao(event) {

    let type = event.currentTarget.dataset.type

    let that = this;

    //如果openid不存在，就重新请求接口获取openid

    var openid = app.globalData.openid;

    if (openid === null || openid === undefined) {

      app.getOpenid();

      wx.showToast({ //这里提示失败原因

        title: 'openid为空！',

        duration: 1500

      })

      return;

    }

    wx.request({

      url: app.globalData.baseUrl + '/paihao/quhao',

      method: "POST",

      header: {

        "Content-Type": "application/x-www-form-urlencoded"

      },

      data: {

        openid: openid,

        type: type,

      },

      success(res) {

        if (res && res.data && res.data.data) {

          wx.showToast({

            title: '排号成功',

          })

          console.log(res)

          that.setData({

            type: res.data.data.type,

            num: res.data.data.num

          })

        }

      },

      fail(res) {

        console.log("排号失败", res)

      }

    })



  },

  //查询我的排号

  getNum() {

    let that = this;

    //如果openid不存在，就重新请求接口获取openid

    var openid = app.globalData.openid;

    if (openid === null || openid === undefined) {

      app.getOpenid();

      wx.showToast({ //这里提示失败原因

        title: 'openid为空！',

        duration: 1500

      })

      return;

    }

    wx.request({

      url: app.globalData.baseUrl