文档版本：V1.0

编制日期：2026 年 05 月 30 日

适用对象：项目甲方客户

技术架构：Flutter 跨端开发（iOS/Android/ 微信小程序）

说明：本文档为正式商务版方案，包含项目概述、整体架构、全功能清单、开发周期、报价明细、设计规范、技术方案、思维导图、交付物、售后保障，可直接导出为 Word 文档对外使用。

一、项目概述

1.1 项目背景

为打造一套全场景闭环外卖点餐系统，覆盖线上点餐、商户接单、骑手配送、平台运营全流程，本次开发包含四大终端：用户 APP（iOS/Android）、骑手 APP（iOS/Android）、商户管理端、微信点餐小程序。

项目采用 Flutter 跨平台框架 统一开发移动端，实现一套代码多端运行，保证双端 UI、交互体验完全一致，降低后期维护与迭代成本。系统支持私有化部署，数据、源码、权限完全归属甲方。

1.2 建设目标

实现用户线上下单、在线支付、订单跟踪、售后维权全流程；
实现商户商品管理、订单处理、营销活动、数据统计等经营能力；
实现骑手接单、路线导航、配送打卡、收益提现等配送管理；
依托微信小程序，降低用户使用门槛，拓展线上流量入口；
搭建平台总后台，统一管控全平台商户、骑手、用户、订单、财务数据；
系统稳定兼容主流手机机型，支持高并发订单，满足商业运营要求。

1.3 运行环境

移动端：iOS 12.0 及以上、Android 8.0 及以上
小程序：微信官方最新版本
服务端：Linux CentOS 7+/Ubuntu 服务器
数据库：MySQL 8.0、Redis 缓存

二、系统整体架构

2.1 架构分层

整体采用前后端分离架构，分层清晰、解耦性强，便于后期扩展与二次开发：

前端应用层
- Flutter 开发：用户端 APP、骑手端 APP、微信小程序（一套代码编译多端）
- Web 端：商户后台、平台总管理后台（PC 端适配）
后端服务层
- 核心接口服务、订单服务、支付服务、消息推送服务、地图定位服务、WebSocket 实时通讯服务
数据存储层
- MySQL：业务数据、订单、用户、商户、骑手、商品等持久化存储
- Redis：热点数据缓存、订单状态、会话、限流控并发
第三方能力层
- 地图服务（高德 / 百度地图）、微信 / 支付宝支付、短信服务、消息推送、OSS 文件存储、人脸识别

2.2 终端关系拓扑

用户（APP / 小程序）→ 提交订单 → 商户端（接单 / 出餐）→ 骑手端（接单 / 配送）→ 订单完成

全终端数据、订单状态实时同步，平台总后台统一监管所有终端数据。

三、全端功能详细清单

3.1 一、用户端 APP（iOS + Android）+ 微信小程序

3.1.1 基础登录注册

手机号验证码登录、一键登录
微信授权快捷登录（小程序深度适配）
隐私协议、用户协议弹窗与确认
账号退出、登录状态保持

3.1.2 首页模块

顶部搜索：店铺搜索、商品搜索、热门关键词
轮播 Banner：活动广告、新店推广、优惠活动
分类导航：餐饮品类快捷分类（快餐、奶茶、生鲜、商超等）
推荐店铺：智能推荐、附近店铺、新店、爆款店铺
快捷入口：特价专区、优惠券、订单入口

3.1.3 店铺列表页

店铺基础信息：店名、评分、月售、起送价、配送费、预计送达时间
筛选功能：距离排序、销量排序、评分排序、满减筛选
距离实时展示：基于 LBS 定位展示店铺与用户距离

3.1.4 店铺详情 & 商品模块

店铺简介、营业时间、配送范围、店铺公告
商品分类展示、商品图片、价格、销量、库存
商品规格选择（口味、份量、加料）、商品详情介绍
加入购物车、立即购买功能
店铺优惠：满减、折扣券、限时特价、满赠活动
用户评价列表：晒图、评分、追评、评价筛选

3.1.5 购物车模块

商品增删、数量修改、单品删除、清空购物车
实时计算商品总价、优惠抵扣、实付金额
商品库存校验、下架商品自动标记

3.1.6 下单结算模块

收货地址管理：新增、编辑、删除、设为默认地址
选择配送时间（立即送达 / 预约送达）
优惠券、红包选择与抵扣
订单备注、餐具选择
支付方式：微信支付、支付宝支付
订单提交、支付状态回调、超时自动取消订单

3.1.7 订单中心

订单分类：待支付、待接单、待取餐、配送中、待收货、已完成、已取消、售后退款
订单详情：商品清单、费用明细、配送信息、骑手信息
订单操作：取消订单、申请退款、联系商户、联系骑手、再来一单
实时配送轨迹：地图查看骑手实时位置、配送进度

3.1.8 个人中心

个人资料、头像、昵称、手机号
我的优惠券、我的红包、会员中心、账户余额
收货地址管理、历史订单
消息中心：订单通知、活动推送、系统消息
客服中心、帮助中心、系统设置、版本检测与更新

3.2 二、骑手端 APP（iOS + Android）

3.2.1 骑手入驻与认证

手机号登录、账号密码登录
骑手资料提交：姓名、身份证、联系方式
人脸识别实名认证、资质审核（平台后台审核）
在线状态切换：上线接单 / 下线休息

3.2.2 接单大厅

新订单语音播报、震动提醒
订单信息展示：取餐地址、送达地址、订单金额、配送距离、预计时长
一键接单、拒绝订单操作
订单筛选：距离优先、金额优先

3.2.3 订单配送流程

待取餐订单：导航至商户店铺、取餐确认
配送中订单：实时路线导航、位置持续上报
送达确认：拍照凭证、完成配送
异常处理：联系用户、联系商户、上报异常、申请改派

3.2.4 订单管理

订单分类：待取餐、配送中、已完成、已取消、异常订单
历史订单查询、订单明细查看

3.2.5 收益与提现

今日收益、昨日收益、累计收益统计
配送订单量、单均收入数据展示
提现账户绑定、余额提现、提现记录、收支明细

3.2.6 个人中心

骑手信息、服务评分、在线时长
消息通知、系统公告、规则说明
客服咨询、版本更新、系统设置

3.3 三、商户管理端（Web 后台 + 移动端适配）

3.3.1 店铺基础管理

店铺信息编辑：店名、头像、简介、营业时间、配送范围
店铺公告设置、营业状态切换（营业 / 打烊）
配送规则设置：起送价、配送费、配送半径

3.3.2 商品管理

商品分类：新增、编辑、排序、启用 / 禁用分类
商品管理：上架、下架、新增、编辑、删除商品
商品规格、库存、价格、图片管理
批量操作：批量上下架、批量改价

3.3.3 订单处理

新订单弹窗 + 声音提醒
订单接单、拒绝接单、标记出餐、催单处理
订单详情查看、订单状态跟踪
退款订单审核、售后处理

3.3.4 营销活动管理

满减活动、折扣活动配置
店铺优惠券发放、编辑、停用
限时特价、爆款活动设置

3.3.5 评价管理

用户评价列表、评分查看
回复用户评价、差评处理

3.3.6 数据统计报表

营业数据：日 / 周 / 月订单量、营业额、实收金额
商品报表：热销商品、销量排行
客单价、复购率等基础运营数据

3.3.7 员工权限管理

新增子账号、角色权限分配（收银员、后厨、管理员）
账号启用、禁用、密码修改

3.4 四、平台总管理后台（Web PC 端）

3.4.1 平台数据大盘

全平台实时数据：总用户数、商户数、骑手上线数、今日订单、交易额

3.4.2 用户管理

用户列表、账号查询、禁用 / 解封、用户明细查看

3.4.3 商户管理

商户入驻审核、店铺上下架、商户信息编辑、违规处罚、抽成配置

3.4.4 骑手管理

骑手资质审核、账号管理、评分管理、奖惩记录、提现审核

3.4.5 全平台订单管理

所有订单查询、筛选、异常订单处理、订单追溯

3.4.6 财务结算管理

平台抽成配置、商户结算、骑手提现审核、财务流水报表

3.4.7 系统配置

基础参数：平台名称、客服电话、协议设置
第三方配置：支付、短信、地图、推送密钥配置
广告 Banner 管理、系统公告发布
权限管理：平台管理员账号、角色分配

四、产品原型设计说明

4.1 设计工具

采用 Axure RP 制作交互式产品原型，支持页面跳转、按钮交互、弹窗模拟。

4.2 原型覆盖范围

用户端 APP + 微信小程序：全页面、全交互流程原型
骑手端 APP：全页面、接单 / 配送全流程原型
商户后台 + 平台总后台：所有功能页面原型

4.3 原型设计原则

流程优先：严格按照用户点餐、商户接单、骑手配送真实业务流程设计，流程闭环无断点；
交互简洁：移动端按钮、输入框、弹窗符合手机单手操作习惯；
逻辑统一：多端同类功能交互逻辑保持一致，降低学习成本；
异常场景覆盖：网络异常、库存不足、订单超时、退款等场景均做原型模拟。

4.4 原型交付内容

完整 HTML 交互式原型文件（可直接浏览器打开查看）
原型页面说明文档（页面编号、功能描述、交互规则）

五、UI 视觉设计说明

5.1 设计工具

Figma / PS 进行视觉设计，输出分层源文件 + 标准切图。

5.2 设计规范

风格定位：简约商务 + 生活化外卖风格，配色清爽、视觉层级分明，符合大众用户审美；
适配规范：移动端按主流手机尺寸做多分辨率适配，iOS/Android 视觉样式统一；
字体规范：统一字体、字号、行高、字重，区分标题、正文、辅助文字；
色彩规范：定义主色、辅助色、警告色、成功色、禁用色，全端统一色值；
图标规范：线性 / 面性图标统一风格，尺寸标准化。

5.3 设计输出内容

全套高保真 UI 设计图（所有页面）
图标、按钮、弹窗、组件库源文件
标准切图（多倍率图，适配不同手机分辨率）
视觉设计规范文档（色值、字体、间距、组件说明）

六、核心技术方案

6.1 整体技术栈

6.1.1 移动端（统一 Flutter 框架）

核心框架：Flutter 3.x（Dart 语言）
状态管理：GetX（轻量、高性能、路由统一管理）
网络请求：Dio（统一封装请求、拦截器、异常处理）
本地存储：Hive + SharedPreferences
地图组件：Flutter 高德 / 百度地图插件（定位、导航、轨迹）
消息推送：极光推送（APP 离线推送、小程序模板消息）
支付集成：Flutter 微信支付、支付宝官方插件
实时通讯：WebSocket（订单状态实时推送）
版本升级：APP 内静默更新、强制更新

6.1.2 微信小程序

基于 Flutter 编译产出，无需单独开发，天然兼容微信生态：

支持微信授权登录、微信支付、分享、小程序订阅消息
适配微信官方审核规则、页面层级限制

6.1.3 后端技术栈

开发语言 & 框架：SpringBoot（Java），稳定成熟、适合高并发商业项目
数据库：MySQL 8.0（主业务数据）
缓存：Redis（缓存、订单队列、会话、限流）
实时服务：WebSocket（订单状态、配送位置实时推送）
服务器：Linux + Nginx 反向代理 + Docker 容器化部署
文件存储：阿里云 / 腾讯云 OSS（图片、视频、凭证存储）

6.1.4 Web 管理后台（商户 + 平台）

技术栈：Vue3 + Element Plus + Vite
适配：PC 端全屏布局，兼容主流浏览器

6.2 技术优势

Flutter 跨端：一套代码编译 iOS、Android、小程序，双端体验完全一致，减少 50% 重复开发量；
高性能：Flutter 自绘引擎，页面流畅度接近原生 APP，支持高并发订单场景；
前后端分离：接口解耦，前端、后端可独立开发、独立迭代；
实时同步：WebSocket 保证订单、配送状态毫秒级推送；
安全稳定：接口加密、参数验签、防重放、数据脱敏；
易扩展：架构模块化，后期可快速新增团购、会员、分销、跑腿等功能。

6.3 安全方案

接口请求加密、签名校验；
用户密码加密存储、敏感数据脱敏；
支付流程遵循官方安全规范，防止订单篡改；
图片、文件上传类型、大小校验，防止恶意文件；
后台账号权限分级，操作日志全程记录。

七、项目开发周期与里程碑

项目总周期：75 个自然日（含设计、开发、测试、上线、验收）

表格

阶段	工作内容	工期 (天)	交付物
阶段 1 需求 & 原型	需求对接确认、Axure 交互原型制作、客户确认	7	需求文档、交互式原型
阶段 2 UI 视觉设计	全套页面高保真设计、切图、设计规范输出、客户确认	10	UI 源文件、设计图、切图、设计规范
阶段 3 后端开发	数据库设计、接口开发、接口联调、接口文档	18	后端服务、完整接口文档
阶段 4 移动端开发	Flutter 用户端 + 骑手端 + 小程序开发、接口联调	25	测试版 APP、小程序包
阶段 5 Web 后台开发	商户后台、平台总后台开发、功能联调	12	完整管理后台
阶段 6 整体测试	功能测试、兼容测试、压力测试、BUG 修复	8	测试报告、修复后版本
阶段 7 部署 & 上线 & 验收	服务器部署、APP 打包、小程序提审、上线指导、客户验收	5	正式版程序、部署文档

备注：以上为标准工期，若甲方需求变更、新增功能，工期另行协商。

八、项目报价清单

说明：本报价为整包全包价，包含：需求、原型、UI 设计、前后端开发、测试、部署指导、源码交付、基础售后；不含第三方服务费（服务器、域名、短信、支付认证、地图 AK、苹果开发者账号、应用市场上架服务费等）。

8.1 报价明细

表格

序号	项目模块	工作内容	单位	数量	单价 (元)	合计 (元)
1	产品原型 + 需求文档	全端交互原型、需求规格说明书	项	1	–
2	UI 视觉设计	全页面高保真设计、切图、设计规范	项	1	–
3	Flutter 移动端开发	用户 APP + 骑手 APP + 微信小程序（iOS/Android）	项	1	–
4	后端服务开发	数据库、接口、订单、支付、推送、地图等服务	项	1	–
5	Web 管理后台	商户后台 + 平台总运营后台	项	1	–
6	系统测试 & BUG 修复	全流程功能测试、兼容测试、压力测试	项	1	–
7	部署 & 上线指导	服务器部署、APP 打包、小程序提审协助	项	1	–
8	资料文档	部署手册、操作手册、接口文档	项	1	–
–	项目总价	——	——	——	——	¥ （待填写）

8.2 费用补充说明

第三方费用（客户自行承担）：云服务器、域名、SSL 证书、短信套餐、地图服务、微信 / 支付宝认证、苹果开发者账号、应用市场上架费用；
合同期内免费修复功能性 BUG；
需求变更、新增功能、定制化二次开发，按工时单独计费；
付款方式：可按阶段付款（首付、中期款、尾款），双方协商确定。

九、系统整体思路思维导图

9.1 思维导图文字版（可直接复制到 XMind/ProcessOn 生成图形）

plaintext

外卖点餐系统（总架构）
├─ 一、终端分类
│  ├─ 1.用户端（Flutter）
│  │  ├─ 登录注册
│  │  ├─ 首页&店铺
│  │  ├─ 商品&购物车
│  │  ├─ 下单&支付
│  │  ├─ 订单中心&配送跟踪
│  │  └─ 个人中心
│  ├─ 2.骑手端（Flutter）
│  │  ├─ 实名认证&入驻
│  │  ├─ 接单大厅
│  │  ├─ 配送流程
│  │  ├─ 订单管理
│  │  ├─ 收益提现
│  │  └─ 个人中心
│  ├─ 3.微信小程序（Flutter编译）
│  │  └─ 功能同用户APP，适配微信生态
│  └─ 4.管理后台（Web）
│     ├─ 商户后台
│     └─ 平台总后台
├─ 二、技术架构
│  ├─ 前端：Flutter + Vue3
│  ├─ 后端：SpringBoot + MySQL + Redis
│  ├─ 通讯：WebSocket + HTTP接口
│  └─ 第三方：地图、支付、推送、短信、OSS
├─ 三、业务流程
│  ├─ 用户下单 → 商户接单 → 出餐
│  ├─ 骑手接单 → 取餐 → 配送 → 完成
│  └─ 全流程状态实时同步
├─ 四、配套工作
│  ├─ 产品原型设计
│  ├─ UI视觉设计
│  ├─ 开发&联调
│  ├─ 测试&BUG修复
│  └─ 部署&上线&交付
└─ 五、交付内容
   ├─ 全套源码
   ├─ 安装包&小程序包
   ├─ 设计源文件
   └─ 全套文档手册

9.2 导图使用说明

可将以上文本导入 XMind、ProcessOn、亿图图示自动生成可视化思维导图；
用于项目对内梳理、对外讲解、需求核对。

十、项目交付物明细

项目验收完成后，一次性向甲方交付以下全部资料与程序：

程序源码类
- Flutter 完整前端源码（用户端 + 骑手端 + 小程序）
- Java 后端全套源码
- 商户后台 + 平台总后台 Web 源码
程序安装包
- Android 正式 APK 安装包
- iOS 测试包 / 正式 IPA 包
- 微信小程序完整代码包（可直接上传微信后台）
设计类文件
- Axure 原型源文件 + HTML 交互式原型
- UI 设计源文件（Figma/PS）、全套设计图、切图
- UI 设计规范文档
文档类
- 项目需求规格说明书
- 接口文档
- 服务器部署手册
- 后台操作使用手册
- 测试报告
其他配套
- 项目配置文件、环境搭建脚本
- 版本更新说明

十一、测试、上线与部署方案

11.1 测试环节

单元测试：单个功能、接口自测；
联调测试：前后端、多端联调；
兼容测试：主流安卓 /iOS 机型、微信版本适配；
场景测试：正常下单、取消、退款、异常订单、断网等全场景；
压力测试：模拟高并发订单，验证系统承载能力。

11.2 部署方案

协助甲方选购 / 配置云服务器；
远程协助完成环境搭建、数据库部署、项目上线；
Nginx 配置、域名解析、HTTPS 证书配置；
第三方密钥（支付、地图、推送）配置调试。

11.3 上线提审

协助安卓多应用市场提交上架；
协助微信小程序提交审核、发布；
指导甲方完成苹果 App Store 上架流程。

十二、售后服务与维护约定

免费 BUG 维护期：项目验收完成后 3 个月免费功能性 BUG 修复（非需求变更、非人为损坏）；
技术支持：上线后提供远程技术指导，解答部署、使用问题；
版本迭代：免费维护期结束后，可签订年度维护协议；
需求变更：新增功能、界面改版、逻辑调整，另行评估工时与费用；
数据归属：项目所有源码、业务数据、文件永久归属甲方。

十三、补充说明

本方案为双方合作基础依据，正式合作以《软件开发合同》为准；
甲方需配合提供：相关资质、第三方账号（微信商户、支付宝、短信、地图等）、服务器资源；
项目开发过程中，双方指定对接人，定期同步进度、确认阶段成果；
本方案未尽事宜，甲乙双方友好协商解决。

导出 Word 使用提示

全选本文档内容，直接复制粘贴至 Microsoft Word / WPS 文字；
可根据企业模板修改页眉、页脚、公司 LOGO、落款、报价金额；
思维导图部分，可将文字版导图单独截图 / 导出图形，插入 Word 对应位置；
功能清单、周期表、报价表均为标准表格格式，Word 内可直接编辑调整列宽。