立项背景与目标:哈尔滨年均游客超亿人次,美食选择是核心痛点——各平台评分分散(携程、美团、大众点评、抖音),缺乏统一客观的排名参考。本项目整合四大平台数据,为本地居民和游客提供一站式哈尔滨餐厅综合排行榜,降低决策成本。
核心功能模块:① 排行榜首页 — TOP 3 领奖台展示 + 完整排名列表,12种菜系分类筛选(东北菜/俄式西餐/烧烤/铁锅炖/小吃/清真/火锅/韩餐/自助等),4种排序方式(综合推荐/评分最高/评价最多/抖音热度),星级可视化评分,排名升降箭头,骨架屏加载。② 餐厅详情页 — 轮播图、三平台评分明细、招牌菜品列表、一键地图导航、外链跳转美团/大众点评。③ 附近餐厅 — 基于地理位置距离排序,地图导航。④ 搜索筛选 — 关键词搜索 + 分类/区域/排序组合筛选 + 历史记录。⑤ 设置中心 — 深色模式、省流量模式、自动更新、缓存管理、意见反馈。
业务流程:用户进入排行榜首页 → 按菜系/区域筛选 → 按排序方式浏览排名 → 点击餐厅进入详情查看多平台评分和招牌菜 → 一键导航或跳转外部平台下单。每周一凌晨云函数自动更新评分数据。
整体架构:微信小程序原生框架(WXML/WXSS/JS)+ 微信云开发 cloudbase 全栈 Serverless 架构。前端 6 个页面模块,CSS 变量实现深色模式;后端 5 个云函数(餐厅查询/详情/数据初始化/评分更新/反馈提交),云数据库存储 100+ 家餐厅和 300+ 道菜品数据,云存储托管餐厅实拍图片。
我的负责模块:独立完成全栈开发。前端方面:排行榜首页全面重设计(TOP 3 领奖台金/银/铜卡片、星级可视化评分组件、骨架屏 shimmer 动画、多平台评分标签、排名升降指示器),详情页轮播图与菜品列表,附近页地理位置降级容错,全局深色模式适配。后端方面:云函数多字段排序查询(支持 composite 热度排序),多平台评分归一化处理(helper.js 智能合并已有数据不覆盖真实值),80+ 餐厅真实图片 URL 映射表,每周自动更新评分机制。数据方面:收录哈尔滨 12 大菜系 100+ 家餐厅,含百年老店、网红新店等,每家在店菜品 3-10 道。