微信小程序開發(fā)之實現(xiàn)食堂點餐系統(tǒng)

更新時間：2023年01月14日 17:07:16 作者：失散多年的哥哥

這篇文章主要為大家詳細(xì)介紹了如何通過微信小程序開發(fā)一個簡單的食堂點餐系統(tǒng)，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以和小編一起學(xué)習(xí)一下

一、項目展示

這是一款娛樂性的小程序

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

用戶可以選擇不同的院校

并設(shè)置不同餐廳的概率

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

二、操作流程和核心代碼

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

同時用戶可以設(shè)置每個食堂的概率

并可以刪去不想去的食堂

最后點擊指引方向

便可以得出想去的食堂

院校信息修改

對index.js文件中的refectoryList進(jìn)行院校管理即可

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