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

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

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

一、項(xiàng)目展示

這是一款娛樂性的小程序

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

用戶可以選擇不同的院校

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

可以隨機(jī)選出去哪個(gè)食堂吃飯

二、操作流程和核心代碼

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

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

并可以刪去不想去的食堂

最后點(diǎn)擊指引方向

便可以得出想去的食堂

院校信息修改

對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: {}
  },

三、效果展示

到此這篇關(guān)于微信小程序開發(fā)之實(shí)現(xiàn)食堂點(diǎn)餐系統(tǒng)的文章就介紹到這了,更多相關(guān)小程序食堂點(diǎn)餐系統(tǒng)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: