前言
早上起床,问自己:早餐吃啥?
十一点,到点外卖的时间,问自己:午餐吃啥?
五点快下班了,回家做饭,问自己:晚餐炒什么菜?
晚上十点半,消化差不多又饿了,问自己:夜宵吃啥?
很多时候,一到饭点,我们都开始纠结吃啥,并且从来都没有得到解决,令人头大……
为了帮助大家解决这种选择困难症,我突发奇想搞了个抽签程序,也就是,不知道吃啥,那就抽签决定呗!
项目体验
项目共要分为三个页面,分页为:1首页抽签、2菜谱列表、3新增菜谱
- 首页抽签页面
首页右侧是随机出现的三个菜谱,核心功能在左侧,左侧功能可以随机抽取指定条件数量的菜谱,并且可以更换抽签的任意一个结果。
- 菜谱列表页面
菜谱列表中,默认展示最多12个菜谱,支持分页查看,以及根据菜谱名称关键字和类型筛选。
- 新增菜谱
我只是列了部分我常做和吃的菜,为了方便更多的人使用,可以进行新增菜谱的操作,更加方便和快捷。
功能实现
为了方便,前端布局我采用的是Bootstrap
,能够自适应手机端和电脑端的布局,并且用到了Layer.js
优化弹框提示,后端采用的是ThinkPHP5
框架进行开发,对了,数据存储在MySQL中,而且数据表我也导出并存放在项目根目录下的public/t_food.sql
中,可以直接导入执行就用。
完整源码
为了方便大家查看,我已经把全部代码都上传到了GitHub中,欢迎大家PR
更多好玩的代码
GitHub项目地址:https://github.com/gxcuizy/what-eat-today
最后
大家有任何问题,都可以给我留言给我,我会及时修改,如有说的不对的地方,还请大家帮忙纠正。对了,前端页面我写的比较拼凑,专业人员不要找我麻烦哈……
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。