咖啡优惠券全 Flutter 系统演示

该项目提供了一个完整的 Flutter/Dart 系统模板,涵盖从前端 APP 到后端数据库,用于演示优惠券管理系统,该系统适用于连锁咖啡馆(或任何连锁餐厅)来建立客户忠诚度。

该项目包含几个主要组件

  1. 访客 APP,供店内访客使用优惠券。
  2. 管理员 APP,供员工管理系统。
  3. 后端服务器,通过 HTTP 以 JSON 为基础的 API 与两个 APP 进行交互。提供数据库存储和业务逻辑处理。

亮点

  1. 功能齐全。 除非另有说明,否则演示系统中所有操作在封闭环境模拟中均可完全运行。
  2. 易于使用的演示。 在最小配置下,只需安装一个 APP 即可体验所有演示功能。
  3. 多语言支持。 支持 4 种语言:英语、中文(繁体中文)、日语(日本語)和韩语(한국어)。
  4. 纯 Dart 和独立。 具有易于迁移到各种平台的优势。客户端和服务器均采用 Dart 语言实现。演示系统可以自行运行,因为它不依赖于 Firebase 等外部服务。

屏幕截图

由于截图过多,本文档仅列出部分亮点。 点击此处查看所有截图。





















完整的系统演示集成于单个应用

为使此演示系统易于使用,该系统不依赖任何外部服务,如 Firebase、Google Cloud Notification、Dockers 或任何电子邮件/短信服务。但为了完整性,仍提供了诸如账户验证和推送通知的实现。 除非另有说明,否则演示系统中所有操作在封闭环境模拟中均可完全运行。

为了实现这一点,我们引入了“模拟设备”的概念。这意味着我们可以在单个应用程序中模拟多个设备(智能手机或平板电脑)。后端服务器默认也嵌入在此应用程序中运行(可以通过选项更改为连接到远程服务器)。在最小配置下,您只需安装一个 APP,该 APP 就可以通过具有不同角色的参与者来模拟运行多个应用程序的多个设备。这对于演示多个访客、多个员工和管理员之间的交互等场景也很方便。

应用功能

  1. 访客注册:访客通过手机号码和 OTP 验证码(通过模拟短信)进行注册,然后更新基本信息。
  2. 优惠券兑换:访客可以根据个人可用积分,从管理员定义的策略列表中选择使用优惠券。例如,使用 5 个积分兑换一杯浓缩咖啡或一杯橙汁。如果访客积分足够且优惠券兑换成功,积分将从访客账户中扣除。交易记录将保存以备日后查询。
  3. 用户管理:员工或经理(在我们的系统中,他们具有与“访客”不同的“用户”角色)可以使用管理员 APP 来管理(创建、删除、更新或查询)用户。附加功能包括通过电子邮件、电话或手动重置密码。
  4. 门店管理:员工或经理可以使用管理员 APP 来创建、删除、更新或查询门店。门店可以配置为链接到多个用户。每个链接具有员工或经理的属性,代表用户在该门店的角色。经理角色的用户可以管理该门店的所有用户,但不能管理其他用户,这是为了安全目的而进行的系统限制。相反,管理员角色的用户可以管理所有用户。员工角色的用户可以作为门店礼物向访客赠送积分。这是通过使用管理员 APP 扫描访客 APP 生成的二维条形码来完成的。还可以提供门店列表显示在访客 APP 中以查找方向。
  5. 交易管理:员工或经理可以创建、删除、更新或查询交易。交易可以是客户在特定门店下的订单记录,或积分的赠送和接收。例如,如果访客消费超过 20 美元,他/她可以获得 5 个积分,然后可以使用这 5 个积分兑换另一杯咖啡。交易会像这样保留记录。实际上,可能需要与 POS 系统集成,但这仅为演示目的。
  6. 模拟设备管理:如前所述,为了方便演示不同角色的参与者,我们需要模拟多个设备的能力。这些设备可以具有不同的(模拟)电话号码或电子邮件,以便接收服务器发送的验证码。您可以在演示 APP 中轻松管理这些模拟设备或查看特定设备的消息。

系统功能

  1. 纯 Dart:代码完全使用纯 Dart 编写。不需要 SQLite 等原生依赖。为此,我们选择了 Hive 作为后端存储。Hive 以其性能和可扩展性而闻名。前端 APP 是使用 Flutter SDK 开发的,而后端仅使用 Dart SDK 开发(我们认为服务器不需要 Flutter 是正确的做法)。纯 Dart 提供了易于迁移到各种平台的优势,无需处理平台依赖性。
  2. 可配置的嵌入式/远程服务器:后端服务器默认嵌入在演示 APP 中运行。这可以通过演示 APP 中的选项更改为连接到远程服务器。执行此操作时,您需要准备一台运行服务器实例的计算机,并在演示 APP 中输入正确的服务器 URL。
  3. 多语言支持:前端 APP 完全支持多语言。默认提供 4 种语言:英语、中文(繁体中文)、日语(日本語)和韩语(한국어)。这可以在演示 APP 中随时配置。
  4. 暗黑模式支持:可以在演示 APP 中随时启用或禁用暗黑模式。

GitHub

https://github.com/cybercying/coffee_coupon_full_system_demo