




本人纯小白,在AI的帮助下完成制作了这个堪用的《餐厅食谱菜单公示系统》,起因是因为单位内部食堂每日吃食大家只能到饭堂才能看到今天吃什么,而办公楼跟食堂也有一定距离,每次不吃吧饿~吃吧跑过去又不是自己喜欢吃的。然后就给饭堂的管理员做了这个。为的就是让大家能够能够知道每天吃什么,甚至未来吃什么,回顾昨天吃什么!!!妥妥的吃货~~~
因为本人并不专业,系统可能还是存在很多随着时间的增加出现各种未知问题,比如数据文件的大小等。
数据库的问题,本来想做成独立数据库文件,每日一个以日期为名数据库单文件,但是能力有限没成功。
想要达成未达成的,添加订餐打包预订功能,对每日想吃的提前预订打包,饭堂的工作人员看到后提前打包,这样人员可以到饭堂领包就走,节约排队时间。
总之,第一次独立完成。发出来共享给大家,也是请有能力的同志们能够一起完善强大它。还有就是接受大家的各种建议以及提出这个系统存在的隐藏问题,我边学边改。
<!DOCTYPE html>
选择查看日期
早餐 (6:30-9:00)
午餐 (11:30-14:00)
晚餐 (17:30-20:00)
菜品评价
提交评价
我想吃的菜 – 建议箱
提交新建议
setTimeout(function() { // 使用更可靠的日期计算方法,避免时区问题 const now = new Date(); const today = now.getFullYear() + '-' + String(now.getMonth() + 1).padStart(2, '0') + '-' + String(now.getDate()).padStart(2, '0'); console.log('📅 强制设置今日日期:', today); console.log('🕐 原始时间对象:', now.toString());
// 更新日期选择器 const datePicker = document.getElementById('datePicker'); if (datePicker) { datePicker.value = today; console.log('✅ 日期选择器已更新为:', today); }
// 强制更新菜单标题 const menuTitle = document.querySelector('#menu h2'); if (menuTitle) { const todayObj = new Date(); const formattedDate = todayObj.toLocaleDateString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric', weekday: 'long' });
// 始终显示"今日菜单",无论是否有菜单数据 menuTitle.innerHTML = '今日菜单'; console.log('✅ 标题已更新为"今日菜单"');
// 移除任何旧的提示信息 const menuSection = document.getElementById('menu'); if (menuSection) { const existingAlerts = menuSection.querySelectorAll('.date-fix-alert, .date-fallback-alert'); existingAlerts.forEach(alert => alert.remove()); } }
console.log('🎉 强制日期修复完成'); }, 2000); // 延迟2秒确保页面完全加载 });
(访问码:hdp7)



