更新记录

1.0（2026-06-01） 下载此版本

完成APP端UI功能构建

核心亮点：

出摊状态实时更新：摊主一键报备营业情况，摊位在线状态一目了然

就近搜寻特色小吃：快速定位周边地摊，轻松寻觅地道实惠街边美味

规避空跑窘境：提前知晓歇业、收摊信息，再也不会白跑一趟

实时弹幕交流：摊位专属弹幕墙：每个摊位能看到实时弹幕流

地摊摊主无需复杂运营，只需一键更新每日出摊状态、上传招牌菜品。新客可就近发现摊位，老客可实时跟进营业情况，减少因信息不对称导致的客流流失，轻松积累稳定食客群体。

异地出行，打卡本地烟火小吃 外出出差、旅游，吃腻了网红门店，想体验本地人真实的街边烟火。通过摊味可快速检索当地热门地摊、特色小吃，避开套路美食，打卡最地道的城市市井味道。

平台兼容性

uni-app(5.01)

摊味 uni-app 项目介绍

一、项目概述

摊味（Tanwei） 是一款专注于发掘、记录与分享街头地摊美食的移动端应用，旨在帮助用户发现身边地道、实惠、有特色的地摊小吃。项目以"尽享市井烟火"为核心理念，连接食客与摊主，打造一个充满烟火气的街头美食社区。

三、核心功能模块

3.1 寻味页 — 摊位/市集探索

页面：pages/map/map

应用首页，提供摊位和市集两种内容的浏览体验：

• Tab 切换：支持"摊位"和"市集"双 Tab，可通过 Swiper 左右滑动切换
• 分类筛选：顶部横向滚动分类栏，按美食类别筛选内容
• 瀑布流布局：摊位列表采用瀑布流展示，支持骨架屏加载态
• 下拉刷新 & 上拉加载：支持无限滚动分页
• 推荐系统：展示"今日推荐"摊位和"推荐市集"，带原因说明
• WebSocket 实时更新：摊位状态变更实时同步

3.2 发现页 — 附近地图探索

页面：pages/map/nearby-map

基于地图的附近探索功能：

• 地图展示：基于微信原生 Map 组件，标注附近摊位和市集
• 图层切换：支持查看"摊位"和"市集"两种数据图层
• 搜索入口：顶部搜索框，计划支持关键词搜索
• 定位功能：一键定位到当前位置
• 底部详情卡：点击标注弹出底部信息卡片，展示名称、分类、点赞/评论/浏览量
• 快速导航：支持调用地图导航到目标摊位/市集
• 快捷发布：右侧悬浮发布按钮，快速进入摊位分享

3.3 摊位详情

页面：pages/stall/detail

沉浸式摊位详情展示：

• 品牌招牌区：沉浸式 Hero 区域，展示摊位状态（出摊/休息中）
• 菜单展示：横向滚动菜单列表，展示菜品图片、名称、价格
• 推荐/不推荐：用户可对菜品进行评价（推荐/不推荐）
• 信息卡片：分类、出摊时间、地址等核心信息
• 收藏功能：一键收藏/取消收藏摊位
• 认证标识：已认证摊位显示 V 标识
• 分享功能：支持微信分享摊位信息
• 场地展示：展示招牌图、介绍图等装饰元素

3.4 市集详情

页面：pages/market/detail

市集详情页展示：

• Hero 头图：市集封面大图与名称、类型标签
• 概要信息：开放时间、摊位数量、状态
• 市集介绍：文字描述
• 市集公告：展示公告列表
• 入驻摊位列表：市集下所有公开摊位的列表
• 一键跳转摊位详情：点击摊位可进入详情

3.5 消息中心

页面：pages/message/message

系统通知与消息管理：

• 分类浏览：按通知类型（系统、互动、摊主等）分类筛选
• 未读计数：分类卡片与消息项均显示未读数量
• 一键已读：支持批量标记当前分类所有消息为已读
• 单条已读/删除：每条消息支持单独标记已读或删除
• 下拉加载更多：历史消息分页加载
• WebSocket 实时推送：新通知实时到达

3.6 用户登录

页面：pages/login/login

多方式登录体系：

• 微信快捷登录：调用微信授权获取手机号一键登录
• 账号密码登录：支持用户名+密码传统登录方式
• 隐私协议：登录前需同意用户协议与隐私政策
• Token 管理：登录后自动存储 Token，401 自动跳转登录页

3.7 个人中心

页面：pages/my/my

用户信息与功能入口：

• 用户资料卡片：头像、昵称、手机号、摊主标识
• 数据看板：收藏数、摊位数、使用天数
• 摊主状态横幅：动态展示摊主申请/认证状态
• 常用服务入口：
  • 我的收藏 — 查看收藏的摊位/市集
  • 我的消息 — 消息通知入口（显示未读数）
  • 摊主工作台 — 仅摊主可见
• 其他功能：个人资料编辑、设置

3.8 发布摊位

页面：pages/publish/publish

普通用户分享摊位信息：

• 图片上传：拍摄或从相册选择摊位照片
• 摊位名称：输入摊位名称
• 分类选择：Picker 选择美食分类
• 出摊时间：设置开始/结束时间（时间选择器）
• 位置定位：调用地图选择或自动定位获取位置
• 推荐理由：文字描述推荐理由

3.9 申请成为摊主

页面：pages/apply/apply

正式摊主入驻申请：

• 经营者信息：真实姓名、联系电话
• 摊位信息：摊位名称、分类、位置、照片
• 申请状态查询：提交后可查询审核状态
• 市集选择：可选择加入的已有市集

3.10 摊主工作台

页面：pages/owner/workbench

摊主经营管理后台：

• 出摊/收摊切换：一键开关摊位营业状态
• 摊位信息卡片：显示认证状态、营业状态
• 经营数据概览：今日浏览量、新增收藏、营业数据等
• 快捷操作入口：菜单管理、摊位编辑等

3.11 菜单管理

页面：pages/owner/menus + pages/owner/menu-edit

摊主菜品管理：

• 菜品列表：管理摊位的所有菜品
• 统计卡片：全部菜品数、在售数、招牌数
• 添加菜品：菜品名称、图片、价格、描述
• 编辑菜品：修改菜品信息
• 删除菜品：移除菜品
• 在售/下架切换：控制菜品是否对外展示
• 招牌菜标记：一键标记/取消招牌菜

3.12 个人资料 & 收藏 & 设置

页面：pages/my/profile、pages/my/favorites、pages/my/settings

六、核心业务流程

6.1 用户端流程

打开应用 → 微信登录/密码登录
           ↓
     寻味页浏览摊位/市集
           ↓
    ┌──────┼──────┐
    ↓      ↓      ↓
  查看详情  地图发现  分类筛选
    ↓      ↓      ↓
  收藏/评价 导航前往 分享摊位

6.2 摊主端流程

用户登录 → 发布摊位分享 或 提交摊主申请
           ↓                    ↓
    分享摊位信息            填写经营者+摊位信息
           ↓                    ↓
    等待审核             审核通过成为认证摊主
           ↓
       摊主工作台
       ├─ 出摊/收摊管理
       ├─ 菜单管理（菜品CRUD、在售/招牌切换）
       ├─ 经营数据查看
       └─ 摊位信息编辑

6.3 实时通信流程

WebSocket 连接
├─ stall_updated: 摊位状态变更实时推送
├─ notification:  新通知实时推送
└─ 心跳检测:      25s 间隔 Ping/Pong 保活

七、项目运行说明

7.1 环境要求

• HBuilderX 开发工具（推荐最新版）
• 微信开发者工具（小程序调试）
• Node.js 环境（可选，用于部分构建）

7.2 运行方式

1. 使用 HBuilderX 打开项目目录
2. 选择运行目标平台（微信小程序 / 抖音小程序 / App）
3. 点击运行，HBuilderX 将自动编译并启动对应平台调试工具

八、功能路线图（规划）