微信小程序项目实例——食堂吃哪个
创始人
2024-05-13 18:19:38

微信小程序项目实例——食堂吃哪个

文章目录

  • 微信小程序项目实例——食堂吃哪个
  • 一、项目展示
  • 二、操作流程和核心代码
  • 三、效果展示
  • 文末

项目代码见文字底部,点赞关注有惊喜


一、项目展示

这是一款娱乐性的小程序
目的是为了解决大学生吃饭的选择困难症
用户可以选择不同的院校
并设置不同餐厅的概率
可以随机选出去哪个食堂吃饭

在这里插入图片描述

二、操作流程和核心代码

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

在这里插入图片描述
同时用户可以设置每个食堂的概率
并可以删去不想去的食堂
最后点击指引方向
便可以得出想去的食堂

在这里插入图片描述

院校信息修改

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

三、效果展示

在这里插入图片描述


文末

具体的介绍就到这里了
有兴趣的同学可以继续研究
代码放到下面链接里了

点击下载 小程序

在这里插入图片描述

相关内容

热门资讯

demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...