微信小程序如何實現食堂點餐系統

本篇內容介紹了“微信小程序如何實現食堂點餐系統”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

一、項目展示

這是一款娛樂性的小程序

目的是為了解決大學生吃飯的選擇困難癥

用戶可以選擇不同的院校

并設置不同餐廳的概率

可以隨機選出去哪個食堂吃飯

二、操作流程和核心代碼

用戶可以選擇切換所在院校

同時用戶可以設置每個食堂的概率

并可以刪去不想去的食堂

最后點擊指引方向

便可以得出想去的食堂

院校信息修改

對index.js文件中的refectoryList進行院校管理即可

  data: {
    schoolList:['北京大學','浙江大學'],
    schoolSelected: '北京大學',
    refectoryList:{
      '北京大學': [{
        name: '農園一層',
        ratio: 1
      }, {
        name: '農園二層',
        ratio: 1
      },{
        name: '燕南',
        ratio: 1
      },{
        name: '學一',
        ratio: 1
      },{
        name: '學五',
        ratio: 1
      },{
        name: '勺園',
        ratio: 1
      },{
        name: '藝園',
        ratio: 1
      },{
        name: '暢春新園',
        ratio: 1
      }],
      '浙江大學': [{
        name: '海寧食堂',
        ratio: 1
      },{
        name: '民族餐廳',
        ratio: 1
      },{
        name: '玉泉食堂',
        ratio: 1
      },{
        name: '清真餐廳',
        ratio: 1
      },{
        name: '留學生食堂',
        ratio: 1
      }]
    },
    refectorys: [{
        name: '農園一層',
        ratio: 1
      }, {
        name: '農園二層',
        ratio: 1
      },{
        name: '燕南',
        ratio: 1
      },{
        name: '學一',
        ratio: 1
      },{
        name: '學五',
        ratio: 1
      },{
        name: '勺園',
        ratio: 1
      },{
        name: '藝園',
        ratio: 1
      },{
        name: '暢春新園',
        ratio: 1
      }],
    selectedRefectory: null,
    ratioList: ['1倍概率','2倍概率','3倍概率','4倍概率','5倍概率'],
    userInfo: {}
  },

三、效果展示

“微信小程序如何實現食堂點餐系統”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！