“今天吃什么?”——随机菜品选择小程序

背景

小程序出现的原因

我校无“流动食堂”,学生大多数选择在食堂就餐。但是日日在各个食堂徘徊选择吃什么也成为很多学生每天头疼的问题。根据调查显示,存在部分学生苦于不知道自己早中晚餐吃什么,因此我组设计小程序,用于随机挑选菜品为学生解决每日小烦恼。

采用小程序的原因

小程序在实现随机就餐功能之外增加趣味性,不仅解决部分学生的就餐选择困难症,而且还为学生添加生活乐趣。

技术路线

功能设计 功能实现
前期UI设计 墨刀
小程序UI展示设计 Wxml+WXSS+javascript
后端数据库 云服务器的搭建+Mysql+云开发
开发环境 微信小程序

功能分析

  1. 用户可以注册并登录,在我的信息中可以更改自己的个人信息(包括姓名、头像等);

  2. 用户可以自己手动选择校区,并随时可以进行修改,如南校区北校区;

  3. 用户可以通过其他扭一扭功能,进行随机选择吃什么;

  4. 用户可以通过转一转功能,从自己常吃的几种食物中进行选择;

  5. 用户可以通过夹一夹功能,从自己比较少吃的几种食物中选择;

  6. 用户可以通过我来定义,自己设定几种食物,由系统选择出来;

  7. 用户可以在评价栏查看所有人的评价,并根据关键词搜索可以查看自己想要得到的食物评价;

  8. 用户可以对自己吃过的食物进行评价,并查看自己之前的评价;

  9. 用户可以在统计界面查看自己吃过的食物的统计表;

  10. 用户可以查看由大众评分得出的红榜Top10和黑榜Top10

数据存储

云服务器的搭建


云服务器与Mysql的连接

云开发数据库转存

页面展示

启动页

出现logo

主页面

上方有食堂选择界面

抓阄抓一抓

用户自定义添加抓阄

最少添加两个,否则会出现提示

填写内容,不能为空


可以增加任意个阄,增加完后点击“开始抓阄”,所有阄顺序发生变化,用户随机翻一个

新的夹一夹

点击机械臂,可以在用户不常吃记录中,随机获取四种菜品

用户每点一次,四种菜品刷新一次


常吃转一转

转三次后,出现提醒



随机扭一扭

在dish数据库中,随机抽取一个菜品

扭三次后,出现提醒







动图展示

评论界面

使用云函数,实现数据库的多表连接,显示用户record的时间、菜品、店铺、食堂,显示用户的id,显示用户的评论及评分

搜索功能包括精准搜索、模糊搜索

搜索内容为空时,显示提醒

输入文字后,点击右侧图标即可搜索

输入内容为空,出现提醒

搜索内容在数据库中查询不到,出现提醒


精准搜索

模糊搜索

我的评价界面

根据用户record,显示出用户记录(包括时间、菜品、餐厅、食堂)

提醒用户去评价


添加评论界面

未输入文字则出现提醒


统计页面

个人统计界面

红黑榜

我的页面

授权登录


个人信息设置界面

退出登录后返回登录页面

关于我们界面

类图

时序图

用户账号管理

用户进行菜品选择

用户查看所有人评价

用户进行评价

用户查看统计数据

用例图

posted @ 2022-12-21 10:07  Janet-1006  阅读(491)  评论(0)    收藏  举报