01-Flutter移動電商實戰-項目學習記錄

一直想系統性的學習一下 Flutter，正好看到該課程《Flutter移動電商實戰》的百度云資源，共 69 課時，由于怕自己堅持不下去（經常學著學著就不學了），故采用博客監督以記之。

1、項目相關截圖

2、項目知識點梳理圖

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組件編寫。

會員中心頁面：頂部頭像制作、訂單區域通知功能、會員中心列表功能。

調試與上線：項目后臺接口的調試技巧，真機如何測試，打包上線，后續學習指南。

接口文檔：接口文檔根據官方文檔按時更新，只有正版學員才可以享受，讓你做出一個拿的出去手的項目。

4、課程百度云地址

由于經常被和諧，每次換地址太麻煩，有需要該課程資源的小伙伴現提供兩種方式：

1、可直接在下方留言你的郵箱地址，看到留言消息后會回復。沒博客園賬戶的也可左上角加 WX~

2、關注微信公眾號，回復 flutter，會自動回復你 (推薦)。

總結

以上是生活随笔為你收集整理的01-Flutter移动电商实战-项目学习记录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。