微信小程序开发之实现食堂点餐系统

网友投稿 397 2023-11-07

−目录一、项目展示二、操作流程和核心代码三、效果展示

一、项目展示

这是一款娱乐性的小程序

微信小程序开发之实现食堂点餐系统

目的是为了解决大学生吃饭的选择困难症

用户可以选择不同的院校

并设置不同餐厅的概率

可以随机选出去哪个食堂吃饭

二、操作流程和核心代码

用户可以选择切换所在院校

同时用户可以设置每个食堂的概率

并可以删去不想去的食堂

最后点击指引方向

便可以得出想去的食堂

院校信息修改

对index.js文件中的refectoryList进行院校管理即可

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
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: {}
},

三、效果展示

到此这篇关于微信小程序开发之实现食堂点餐系统的文章就介绍到这了,

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。

标签：程序 微信小程序 小程序 代码 js
上一篇:宜家、欧派打造小程序新玩法，家具业小程序大有可为！
下一篇:小程序运营实战指南
相关文章

 发表评论

暂时没有评论，来抢沙发吧~