基于JavaScript的网上订餐系统

chissa

本系统旨在打造一个全方位的网上点餐平台，通过微服务架构将系统拆分为多个独立的服务模块，包括用户服务、菜品服务、订单服务等。每个服务都可以独立部署，互不依赖，从而降低了系统间的耦合度，提高了系统的可扩展性和维护性。在管理员端，系统提供餐厅信息管理、菜品管理、员工管理等功能，方便餐厅管理人员对餐厅运营进行全面掌控。在用户端，顾客可以浏览菜单、选择菜品、下单支付，并实时查看订单状态，享受便捷的点餐体验。此外，本系统还注重顾客与餐厅之间的交互体验。通过在线客服、消息推送等功能，顾客可以随时与餐厅沟通，提出需求或解决问题。餐厅也可以主动向顾客发送优惠信息、订单通知等，增强顾客粘性，提升品牌形象。

chissa

第一周，我主要完成了以下工作：
项目初探：研究了JavaScript基础知识，确定了使用HTML、CSS和JavaScript作为主要的开发工具。通过查阅在线资源，明确了网上订餐系统的基本功能需求。
搭建基本框架：使用HTML和CSS创建了简单的网页布局，包括导航栏、菜品展示区域和购物车按钮。编写了基本的JavaScript代码，实现了页面的动态效果。
实现用户注册和登录：使用HTML表单收集用户信息，并通过JavaScript验证输入的有效性。使用浏览器的localStorage作为临时数据库，实现了用户注册和登录功能。
本周的收获是明确了项目的方向和基本框架，为后续的开发打下了坚实的基础。同时，也遇到了一些挑战，比如对JavaScript的掌握还不够熟练，需要不断学习和实践。

chissa

第二周我继续推进项目的开发，主要完成了以下工作：
设计菜品展示页面：创建了包含菜品名称、图片、价格和描述的数据结构，使用JavaScript动态生成HTML元素来展示这些菜品。添加了搜索框，允许用户按菜品名称进行搜索。
实现购物车功能：创建了一个全局的购物车对象，用于存储用户添加到购物车的菜品信息。实现了点击“加入购物车”按钮时，将菜品信息添加到购物车中，并更新购物车中的菜品数量和总价。
本周的收获是进一步丰富了系统的功能，使用户能够浏览菜品并将其添加到购物车中。同时，也优化了一些细节，比如搜索功能和页面样式，提高了用户体验。

chissa

第三周我主要进行了用户体验的优化和订单提交功能的实现，具体工作如下：
优化用户体验：添加了页面加载动画和优化的搜索功能，支持模糊搜索并提高了搜索速度。对菜品展示页面进行了排版调整，使其更加整洁和易读。
实现订单提交功能：当用户点击“提交订单”按钮时，收集购物车中的菜品信息，生成订单对象，并显示在订单确认页面上。模拟了支付过程，添加了支付按钮和支付成功的提示。
本周的收获是显著提升了系统的用户体验和功能性，使用户能够顺利完成从浏览菜品到提交订单的全过程。同时，也意识到在开发过程中需要不断关注用户需求和体验，以提供更好的服务。

chissa

第四周我主要进行了用户反馈功能的添加和数据存储方案的优化，具体工作如下：
1.添加用户反馈功能：创建了一个简单的反馈表单，允许用户输入他们的意见和建议。将反馈内容存储在一个数组中，并显示在页面上供其他用户查看。
2.优化数据存储：考虑到localStorage的局限性，开始学习IndexedDB的基本用法，并准备将其应用到项目中。
本周的收获是增加了用户反馈功能，提高了系统的互动性。同时，也意识到数据存储方案的重要性，并选择了更适合大量数据存储和检索的IndexedDB。

chissa

第五周我主要进行了数据从localStorage到IndexedDB的迁移和数据检索的优化，具体工作如下：
1.迁移数据到IndexedDB：创建了数据库和必要的对象存储，编写了将数据从localStorage读取并写入IndexedDB的代码。处理了异步操作，成功迁移了所有数据。
2.优化数据检索：学习了如何使用索引来加速查询，并编写了一些高效的查询函数。对系统中的数据进行了分类和整理。
本周的收获是成功完成了数据的迁移，并显著提高了数据检索的效率。这为系统的稳定运行和后续功能的开发提供了有力支持。

chissa

第六周我主要进行了用户注销功能的实现和页面布局的优化，具体工作如下：
1.实现用户注销功能：当用户点击注销按钮时，清除存储在IndexedDB中的用户信息和购物车内容，并跳转到登录页面。添加了额外的验证步骤，确保用户注销的安全性。
2.优化页面布局：学习了响应式设计的基本原理，并使用CSS媒体查询来适应不同设备的屏幕尺寸。对页面中的元素进行了重新排版和美化。
本周的收获是增加了用户注销功能，提高了系统的安全性。同时，也优化了页面布局，使系统更加美观和易用。

chissa

第七周我主要进行了订单历史记录功能的添加和系统性能的优化，具体工作如下：
1.添加订单历史记录功能：创建了一个新的页面来展示用户的订单历史记录，并使用IndexedDB来存储和检索订单数据。当用户点击某个订单时，显示该订单的详细信息。
2.优化系统性能：删除了不必要的代码和冗余的DOM操作，使用事件委托来减少事件监听器的数量。对数据库查询进行了优化。
本周的收获是增加了订单历史记录功能，使用户能够方便地回顾自己的消费记录。同时，也显著提高了系统的运行速度和响应能力。

chissa

第八周我主要进行了错误处理机制的添加和用户角色管理的实现，具体工作如下：
1.添加错误处理机制：学习了JavaScript中的try-catch语句和Promise的错误处理方法，并在代码中添加了相应的错误处理代码。当用户输入无效信息或发生其他错误时，显示友好的错误提示信息。
2.实现用户角色管理：创建了两个角色（普通用户和管理员），并在IndexedDB中为用户添加了一个角色字段。在代码中进行了相应的权限控制，使管理员能够管理菜品信息、查看用户反馈和删除无效订单等。
本周的收获是提高了系统的健壮性和安全性，通过添加错误处理机制使用户在使用系统时更加放心。同时，也实现了用户角色管理功能，为系统的扩展和升级提供了可能。

chissa

第九周我主要进行了用户体验的进一步优化和系统集成测试，具体工作如下：
1.优化用户体验：添加了页面加载进度条和优化的菜品图片显示效果。对系统中的一些交互细节进行了微调，使系统更加流畅和易用。
2.进行系统集成测试：编写了测试用例来验证系统的各项功能是否正常工作。测试了用户注册登录、菜品浏览、购物车添加删除、订单提交支付等关键功能，并记录了测试过程中发现的问题和缺陷。对这些问题进行了修复和优化。
本周的收获是进一步提升了用户体验和系统的稳定性。通过系统集成测试，确保了系统能够稳定运行，并满足了用户的基本需求。同时，也总结了开发过程中的经验教训，为未来的项目提供了宝贵的参考。