Flutter 生鲜购物App

欢迎来到 Flutter、Dart Frog 和 BLoC 模式的生鲜购物App！本项目旨在创建一个由 Dart Frog 作为后端服务器驱动的生鲜购物App。

完整代码可在以下网址获取：https://sowl.co/s/bm98kyhttps://youtu.be/eLCUDRvDkoE

特点

  1. 介绍页：通过引人入胜的背景视频欢迎用户。
  2. 登录与注册：时尚的UI，为将来集成后端功能做好准备。
  3. 主页：查看热门类别和最畅销生鲜的中心枢纽。
  4. 购物车页：显示已添加到购物车的商品，并与后端服务器同步。
  5. 分类页：浏览直接从 dart_frog 服务器获取的商品分类。
  6. 搜索页：搜索界面，将在未来的更新中集成搜索功能。
  7. 订单历史：显示登录客户历史订单的UI。
  8. 订单状态：监控当前活动订单状态，从骑手取货到配送

当前状态

  • 登录、注册、搜索页面、订单历史和订单状态目前仅为UI，缺少后端功能。
  • 商品和分类数据从由 Dart Frog 驱动的后端服务器获取
  • 购物车功能完全可用，并与我们的 Dart Frog 服务器同步，以确保一致的商品可用性和数据。
  • 后端服务器目前不与任何外部数据库交互。数据库集成定于未来更新。

未来更新

  • 为登录、注册和其他屏幕集成后端功能。
  • dart_frog 服务器与外部数据库同步。
  • 商品条形码扫描功能
  • 服务器和数据库部署到 Google Cloud Platform

应用截图

Intro Login Home
欢迎界面 登录屏幕 主屏幕
Cart Category Order History
:— :— :—
购物车页 带底部工作表的分类页 订单历史页
Order Status Search
:— :— :—
订单状态页 搜索屏

入门

要开始使用该项目，请确保您的本地计算机上已设置 Dart、Flutter 和 dart_frog CLI。

  1. 导航到项目目录:

    cd <project name>

  2. 安装依赖项:

    flutter pub get

  3. 在本地启动 Dart Frog 服务器:

    cd <project name>/api
# Install the dart_frog cli from pub.dev
dart pub global activate dart_frog_cli
# Start the server on localhost
dart_frog dev

  4. 运行应用:

    flutter run

GitHub

查看 Github