美食站
Hali shop是另一个练习应用,这个应用类似于电子商务类型。我从这个项目中学习到了很多东西。
关于项目
Hali shop是安卓应用版本,这是另一个练习项目。该应用使用 Flutter 作为前端技术,Node js express 作为后端。用户可以进行 CURD 操作。
功能和截图
-
用户登录和注册。
-
主页
-
添加到购物车
-
产品详情页
-
产品页和产品搜索页
-
用户设置
-
支付网关
-
登出
内置
前端技术
-
Flutter 我使用的功能和插件
- REST API
- Riverpod
-
演示视频链接: https://drive.google.com/file/d/1S6LpaHxbrwp68DeG-eQjMUd7tMP8nI50/view?usp=share_link
先决条件
用于环境设置
路线图
前端
- 创建了9个屏幕
- 第一个屏幕用于启动画面
- 第二个屏幕用于登录和注册
- 第三个屏幕用于主页
- 第五个屏幕显示产品数据
- 第六个屏幕显示产品详细数据
- 第七个屏幕显示用户设置
- 第八个屏幕用于结账页面
- 第九个屏幕添加到购物车页面
- 从登录和注册(创建新用户)页面获取信息,并通过 API(服务器)发送。
- 从服务器(API)获取数据(产品数据)并在主页和产品页显示。
- 用户可以搜索产品
- 点击进入产品详情页,通过构造函数传递所有产品数据并在详情页显示数据。
- 点击设置,然后导航到设置页面。用户可以在此处更新信息和退出账户。
- 点击“处理订单”,然后进入 baksh 和 SSLCOMMERZ 支付网关的结账页面。
- 点击“添加到购物车”页面,当用户选择“添加到购物车”选项时,从 Rest API 获取购物车数据。在此购物车页面,用户可以更新产品数量。并且用户不能将相同数据添加到购物车。











