前言：我的酒店小程序之旅
花了一个半月的时间，我终于完成了我的毕业设计——一个酒店小程序。每天的心情都随着bug的调试起起落落，期间踩了不少坑，幸好有各种经验贴的帮助，我才顺利爬了出来。今天，我来分享一下我的经验，希望能给大家提供一些避坑的参考和灵感！内容主要包括需求、UI设计、技术实现（如vant组件的配置与使用、云函数的编写、云存储的应用、时间戳的处理、页面渲染、传值等）。
当然，我也希望通过这篇文章抛砖引玉，欢迎大家在评论区分享更好的数据处理方法和功能优化建议！
系统功能概览
我的酒店小程序分为前台和后台，全部在小程序端实现。通过云控制平台和云函数的调用，实现了用户角色权限的分配，并使用云数据库进行数据存储。由于我申请的是个人账，无法调用微信支付接口，所以这里我用模拟对话弹窗来代替微信支付的操作。
前台功能展示
1. 订功能
订是酒店小程序最核心的功能，因此我将其单独设置，并将用户进入小程序的默认启动页设置为订页。用户可以通过搜索酒店和间信息来预订间。只有当目的城市和住宿日期都填写完整时，才能成功跳转，否则会弹出相应提示。如果搜索的目的城市下没有开设酒店，我会展示一首诗作为搜索结果，以降低用户的失望感。
2. 服务页功能
服务页集成了连wifi、点餐、活动报名和旅游信息推荐等功能。用户需要输入对应的门店才能成功进入。点餐功能分为元气早点、风味主食、甜品/小食和限定饮品四类，用户点击“去结算”时，只有购物车不为空才能成功跳转，否则会弹出提示。
3. 我的订单
在我的订单页面，不仅可以展示用户的订单信息，还能起到宣传的作用，告诉用户还有点餐和报名活动的功能。订单分为间订单、菜品订单和活动订单，用户点击进入后，会展示相应的订单详情。
特殊功能设计
1. 活动报名
为了增加用户粘性，我设计了一个活动报名功能，希望通过即兴的活动与住客建立更多情感联系。活动根据日期分类展示，分为今日活动、明日活动和全部活动。活动状态标记为已结束、进行中、剩余名额已满或剩余名额X个。报名成功后，活动剩余名额会相应减少，再次点击“我要报名”时会提示“已经报名过”。
2. 旅游攻略推荐
考虑到酒店用户主要来自游客和出差人士，我设置了玩乐信息推荐功能，包括地道美食、小众景点和私藏攻略，帮助用户更好地规划行程。
我的页面设计
我喜欢给用户带来惊喜，所以在我的页面设计了一个小满月，采用鹅黄色调，营造出温暖的感觉。用户在不同时间段点击“月亮”时，会跳出与当下场景相关的一些话，增加互动性和趣味性。
总结
这篇文章展示了我的酒店小程序前台功能，下一篇将详细介绍后台功能。希望我的分享能对你有所帮助，如果你觉得这篇文章不错，别忘了点个赞哦！期待你的留言和反馈！
