微信小程序项目实例——食堂吃哪个
微信小程序项目实例——食堂吃哪个
文章目录
- 微信小程序项目实例——食堂吃哪个
- 一、项目展示
- 二、操作流程和核心代码
- 三、效果展示
- 文末
项目代码见文字底部,点赞关注有惊喜
一、项目展示
这是一款娱乐性的小程序
目的是为了解决大学生吃饭的选择困难症
用户可以选择不同的院校
并设置不同餐厅的概率
可以随机选出去哪个食堂吃饭
二、操作流程和核心代码
用户可以选择切换所在院校
同时用户可以设置每个食堂的概率
并可以删去不想去的食堂
最后点击指引方向
便可以得出想去的食堂
院校信息修改
对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: {}},
三、效果展示
文末
具体的介绍就到这里了
有兴趣的同学可以继续研究
代码放到下面链接里了
点击下载 小程序
微信小程序项目实例——食堂吃哪个相关推荐
- 微信小程序项目实例——二维码生成器
微信小程序项目实例--二维码生成器 文章目录 微信小程序项目实例--二维码生成器 一.项目展示 二.项目核心代码 三.效果展示 文末 项目代码见文字底部,点赞关注有惊喜 一.项目展示 项目是一个简单实 ...
- 微信小程序项目实例——手势解锁
微信小程序项目实例--手势解锁 文章目录 微信小程序项目实例--手势解锁 一.项目展示 二.设置手势.手势解锁 三.手势重置 文末:项目代码 项目代码见文字底部 一.项目展示 这是一款简单实用的手势解 ...
- 微信小程序项目实例——摇色子
微信小程序项目实例--摇色子 文章目录 微信小程序项目实例--摇色子 一.项目展示 二.核心代码 三.效果图 文末 项目代码见文字底部,点赞关注有惊喜 一.项目展示 摇色子是一款简易的游戏类小程序 用 ...
- 微信小程序项目实例——体质计算器
微信小程序项目实例--体质计算器 文章目录 微信小程序项目实例--体质计算器 一.项目展示 二.项目核心代码 文末 项目代码见文字底部,点赞关注有惊喜 一.项目展示 体质计算器是一款简单的健康类小程序 ...
- 微信小程序项目实例——记账本
微信小程序项目实例--记账本 文章目录 微信小程序项目实例--记账本 一.项目展示 二.首页 三.效果图 文末 项目代码见文字底部,点赞关注有惊喜 一.项目展示 这是一款简易的记账本小程序 用户可以记 ...
- 微信小程序项目实例——心情记事本
微信小程序项目实例--心情记事本 文章目录 微信小程序项目实例--心情记事本 一.项目展示 二.首页 三.效果图 文末 项目代码见文字底部,点赞关注有惊喜 一.项目展示 心情记事本是一款可以记录当前心 ...
- 微信小程序项目实例——幸运大转盘
微信小程序项目实例--幸运大转盘 文章目录 微信小程序项目实例--幸运大转盘 一.项目展示 二.抽奖页 三.领奖页 文末:项目代码 项目代码见文字底部,点赞关注有惊喜 一.项目展示 幸运大转盘是一个简 ...
- 微信小程序项目实例——狼人杀
微信小程序项目实例--狼人杀 文章目录 微信小程序项目实例--狼人杀 一.项目展示 二.首页 三.游戏页 四.特殊角色 文末 项目代码见文字底部,点赞关注有惊喜 一.项目展示 狼人杀是一款多人参与的, ...
- 微信小程序项目实例——我有一支画笔(画画)
微信小程序项目实例--我有一支画笔(画画) 文章目录 微信小程序项目实例--我有一支画笔(画画) 一.项目展示 二.首页 三.自由绘图 四.照片绘图 文末 项目代码见文字底部,点赞关注有惊喜 一.项目 ...
最新文章
- Transformer也能生成图像
- OKR什么意思?是时候建立一本“OKR字典”啦
- java初学者的书中收获
- python中split()进行多分割
- 计算机组成原理,计算机系统概论,计算机基本组成
- 画函数图形的C#程序(改进版) (转)
- uva 12563——Jin Ge Jin Qu hao
- 服务容错保护断路器Hystrix之七:做到自动降级
- 1、Docker部署及基础理论
- 单用户模式 启动 mysql_单用户模式连接以及故障排除
- js学习之SublimeText编辑器
- xPath(他山之石)
- OFFICE2003的自动保存功能。
- Unity3D的音效相关介绍
- 800多套单片机毕业设计
- 数据结构C语言版 学习整理
- Android OpenCV竖屏处理策略和底层代码修改
- android怎样连接指定wifi,手机连接指定WiFi的实现
- 致青春触动心灵的英语美文——小寓言大智慧
- 微信小说小程序源码-自带采集带安装教程