微信小程序开发之实现食堂点餐系统
短信预约 -IT技能 免费直播动态提醒
一、项目展示
这是一款娱乐性的小程序
目的是为了解决大学生吃饭的选择困难症
用户可以选择不同的院校
并设置不同餐厅的概率
可以随机选出去哪个食堂吃饭
二、操作流程和核心代码
用户可以选择切换所在院校
同时用户可以设置每个食堂的概率
并可以删去不想去的食堂
最后点击指引方向
便可以得出想去的食堂
院校信息修改
对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: {}
},
三、效果展示
到此这篇关于微信小程序开发之实现食堂点餐系统的文章就介绍到这了,更多相关小程序食堂点餐系统内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341