Flutter移动电商实战 --（1）项目学习记录

Bertha 。 2023-06-01 05:54 8阅读 0赞

#### 1、项目相关截图 ####

![1090399-20190811211516417-349871269.png][]

#### 2、项目知识点梳理图 ####

![1090399-20190811211528755-2128499002.png][]

**Dio2.0**: Dio是一个强大的 Dart Http 请求库，支持 Restful API、FormData、拦截器、请求取消等操作。

**Swiper**: Swiper 滑动插件的使用，使用 Swiper 插件图片的切换效果。

**路由Fluro**：Flutter 的路由机制很繁琐，如果是小型应用还勉强，但是真实开发我们都会使用企业级的路由机制，让路由清晰可用。视频中也会使用 Fluro 进行路由配置，Fluro 也是目前最好的企业级Flutter路由。

**屏幕适配**：手机屏幕大小不同，布局难免有所不同，在视频中将重点讲述Flutter的开发适配，一次开发适配所有屏幕，学完后可以都各种屏幕做到完美适配。

**上拉加载**：如果稍微熟悉 Flutter 一点的小伙伴一定知道 Flutter 没有提供上拉加载这种插件，自己开发时非常麻烦的。在课程中我将带着大家制作上拉加载效果。

**本地存储**：本地存储是一个 App 的必要功能，在项目中也大量用到了本地存储功能。

**复杂页面的布局**：会讲到如何布局复杂页面，如果解决多层嵌套地狱，如何写出优雅的代码。

#### 3、组件化开发，完美复原APP核心页面 ####

我们会最大程度的复原原来 APP的 UI 界面和交互功能，让你熟练掌握 Flutter 的实战操作。

**Fluter实战预热**:环境的配置、项目代码结构的说明、dart 文件的组件、路由的学习配置、项目代码的初始化。

**APP首页开发**：Header区域的制作、首页轮播效果的制作、图标区域实现、推荐区域制作、Bannder区域的制作，呼叫店长功能、楼层组件开发，火爆专区列表。

**商品分类页面**：动态组件的极致运用，一级分类的区域制作、二级分类的区域制作、商品列表组件开发、上拉加载更多功能的制作。

**商品详情页面**：路由的使用、商品图片制作、商品详情Webview组件、tab的真实开发。

**购物车页面** : 包含购物车的整套功能，增加商品，调整数量，删除商品，运费计算，结账显示合计功能，超过运费的UI组件编写。

**会员中心页面**：顶部头像制作、订单区域通知功能、会员中心列表功能。

**调试与上线**：项目后台接口的调试技巧，真机如何测试，打包上线，后续学习指南。

**接口文档**：接口文档根据官方文档按时更新，只有正版学员才可以享受，让你做出一个拿的出去手的项目。

转载于:https://www.cnblogs.com/crazycode2/p/11217462.html

[1090399-20190811211516417-349871269.png]: /images/20230601/5a8d339d423d4505ab3a21ce627d40c1.png
[1090399-20190811211528755-2128499002.png]: /images/20230601/8966cebba0314f039ed514e5878f3a04.png

发表评论取消回复

表情：

评论列表（有 0 条评论，8人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flutter移动电商实战 --（50）持久化_shared_preferences

当app关掉了。再进去的时候，购物车的内容还是存在。 sqflite提供这个来操作SQLite数据库 flutter提供三种持久化的工具今天要学的就是 shared

叁歲伎倆/ 2023年06月01日 06:06/ 0 赞/ 45 阅读

相关 Flutter移动电商实战 --（24）Provide状态管理基础

Flutter | 状态管理特别篇 —— Provide：[https://juejin.im/post/5c6d4b52f265da2dc675b407?tdsourceta

偏执的太偏执、/ 2023年06月01日 05:59/ 0 赞/ 73 阅读

相关 Flutter移动电商实战 --（9）移动商城数据请求实战

1、URL接口管理文件建立第一步需要在建立一个URL的管理文件，因为课程的接口会一直进行变化，所以单独拿出来会非常方便变化接口。当然工作中的URL管理也是需要这样配置的

系统管理员/ 2023年06月01日 05:57/ 0 赞/ 154 阅读

相关 Flutter移动电商实战 --（3）底部导航栏制作

1、cupertino\_IOS风格介绍在Flutter里是有两种内置风格的： material风格： Material Design 是由 Google 推出

小灰灰/ 2023年06月01日 05:56/ 0 赞/ 28 阅读

相关 Flutter移动电商实战 --（4）打通底部导航栏

关于界面切换以及底栏的实现可参考之前写的一篇文章： [Flutter实 ViewPager、bottomNavigationBar界面切换][Flutter_ ViewPa

落日映苍穹つ/ 2023年06月01日 05:56/ 0 赞/ 48 阅读

相关 Flutter移动电商实战 --（2）建立项目和编写入口文件

1、创建项目采用AndroidStudio构建本项目，FIle>New>New Flutter Project… ![1090399-2019081121224171

「爱情、让人受尽委屈。」/ 2023年06月01日 05:56/ 0 赞/ 36 阅读

相关 Flutter移动电商实战 --（1）项目学习记录

1、项目相关截图 ![1090399-20190811211516417-349871269.png][] 2、项目知识点梳理图 ![1090399-201908

Bertha 。/ 2023年06月01日 05:54/ 0 赞/ 9 阅读

相关 03-Flutter移动电商实战-底部导航栏制作

1、cupertino\_IOS风格介绍在Flutter里是有两种内置风格的： material风格： Material Design 是由 Google 推出

忘是亡心i/ 2021年09月20日 10:56/ 0 赞/ 429 阅读

相关移动电商——Flutter-保持页面状态

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

矫情吗；*/ 2021年07月25日 22:51/ 0 赞/ 454 阅读

相关移动电商——Flutter建立项目和编写入口文件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

「爱情、让人受尽委屈。」/ 2021年07月25日 12:53/ 0 赞/ 402 阅读