| 花了两天做了一个随机点菜系统 | 您所在的位置：网站首页 › 中午吃什么的app › 花了两天做了一个随机点菜系统 |
花了两天做了一个随机点菜系统
|
缘起
中午一起去吃饭，都是十人左右，附近只有一家炒饭饭店，总是去这家店吃，每天中午吃什么是一个国际问题 某天吃饭的时候，讨论点什么菜，我提议可以做个系统。于是就在三月五号开始简单搭建一个系统。 我个人的想法三月五号，一天搞定，不去考虑代码的风格，异常，封装等，直接速成，毕竟这个不准备维护什么的。 实际上花费了周末两天时间才完成，包括测试修改Bug三小时 介绍为了解决世纪难题—中午吃什么而开发出的一套随机点菜系统 可以根据菜的类型和个数及价格上限来随机出一份今日菜单 帮助选择困难症治愈点餐不纠结综合症 以后再也不担心女友问吃什么了（咦！我女朋友呢！原来我没有女朋友呀！） 一、系统需求 最好图形化界面，方便操作最好饭店可扩展，菜单可添加最好随机点菜的种类要多样性最好有价格上限，人均 二、系统方案 后端技术选型JDK 11 MyBatis Plus Spring Boot MySQL 前端技术选型因为我的前端水平一般，只会简单Java script、JQuery、Html、CSS、Bootstrap 并不会 Vue、NodeJS等 我想要速成，就只有去看看前端有什么好的，几个小时的速成框架，当然知名的有很多都是Vue相关的，而我是打算以后花时间系统的去学习下Vue，现在只是想速成。而前几天看过3y的一篇公众号文章 austin前端选型 他是采用的是一款百度开发的前端低代码JSON结构的框架叫做amis，几小时速成，那我也用这个。 什么是 amis 花了几个小时，看了下文档，基本上CRUD页面展示都可以做了 三、系统实现 整体代码图
核心算法就是随机点菜了，根据价格上限、肉、蛋、素、汤的个数来随机一份菜单出来 首先不考虑价格上限，随机出来一份菜单 然后判断总价格是否达到价格上限 若超过价格上限 找出价格最高的菜 判断菜的类型 若是肉菜（素蛋汤同样） 肉菜剩余菜单价格低于该价格的随机选择一个，移除剩余菜单中该菜 总价格减去上一个价格加上该菜价格 再次判断总价格是否大于上限 一直循环，若找不到比该肉价格更低的肉，则移除该菜，该菜的数量低于要求 知道价格满足价格上限，输出菜单、总价和人均
算法优化点 可以判断价格上限与总价格的差值，在低于移除菜该差值的菜单里面选择一个就可以了，循环次数大大降低 不过刚想到的就先不优化了。 四、附加功能
只需要在html页面末尾添加下面的代码就可以了 if (screen.width >= 100) { Promise.all([ loadExternalResource(live2d_path + "waifu.css", "css"), loadExternalResource(live2d_path + "live2d.min.js", "js"), loadExternalResource(live2d_path + "waifu-tips.js", "js") ]).then(() => { initWidget({ waifuPath: live2d_path + "waifu-tips.json", apiPath: "https://live2d.fghrsh.net/api/", //cdnPath: "https://cdn.jsdelivr.net/gh/fghrsh/live2d_api/" }); }); } Live2d
去年8月5号，已经添加到思源笔记模板Me，具体介绍下面参考文章 思源模板 Me 添加动态二次元角色 + 音乐播放器介绍 https://github.com/lanedu/live2d 播放器歌单为网易云找的一个古风歌单 银临、以冬、玄觞、封茗囧菌，余音袅袅
因为不准备维护，且准备一天速成的项目 没有添加分页、排序、查询、异常、历史表、状态、权重等等 感兴趣的可以fork 添加一些功能之后 pull request 欢迎大家 star，以后可以有机会装B，跟女朋友说，我半天给你开发出一套点餐系统了 GitHub地址为 随机点菜系统代码地址 演示访问地址为 随机点菜系统演示地址（可能需要1分钟才能打开） |
【本文地址】