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

一直想系統性的學習一下 Flutter，正好看到該課程《Flutter移動電商實戰》的百度雲資源，共 69 課時，因爲怕本身堅持不下去（常常學着學着就不學了），故採用博客監督以記之。

一、項目相關截圖

二、項目知識點梳理圖

Dio2.0: Dio是一個強大的 Dart Http 請求庫，支持 Restful API、FormData、攔截器、請求取消等操做。

Swiper: Swiper 滑動插件的使用，使用 Swiper 插件圖片的切換效果。

路由Fluro：Flutter 的路由機制很繁瑣，若是是小型應用還勉強，可是真實開發咱們都會使用企業級的路由機制，讓路由清晰可用。視頻中也會使用 Fluro 進行路由配置，Fluro 也是目前最好的企業級Flutter路由。

屏幕適配：手機屏幕大小不一樣，佈局不免有所不一樣，在視頻中將重點講述Flutter的開發適配，一次開發適配全部屏幕，學完後能夠都各類屏幕作到完美適配。

上拉加載：若是稍微熟悉 Flutter 一點的小夥伴必定知道 Flutter 沒有提供上拉加載這種插件，本身開發時很是麻煩的。在課程中我將帶着你們製做上拉加載效果。

本地存儲：本地存儲是一個 App 的必要功能，在項目中也大量用到了本地存儲功能。

複雜頁面的佈局：會講到如何佈局複雜頁面，若是解決多層嵌套地獄，如何寫出優雅的代碼。

三、組件化開發，完美復原APP核心頁面

咱們會最大程度的復原原來 APP的 UI 界面和交互功能，讓你熟練掌握 Flutter 的實戰操做。

Fluter實戰預熱:環境的配置、項目代碼結構的說明、dart 文件的組件、路由的學習配置、項目代碼的初始化。

APP首頁開發：Header區域的製做、首頁輪播效果的製做、圖標區域實現、推薦區域製做、Bannder區域的製做，呼叫店長功能、樓層組件開發，火爆專區列表。

商品分類頁面：動態組件的極致運用，一級分類的區域製做、二級分類的區域製做、商品列表組件開發、上拉加載更多功能的製做。

商品詳情頁面：路由的使用、商品圖片製做、商品詳情Webview組件、tab的真實開發。

購物車頁面 : 包含購物車的整套功能，增長商品，調整數量，刪除商品，運費計算，結帳顯示合計功能，超過運費的UI組件編寫。

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

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

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

四、課程百度雲地址

因爲常常被和諧，每次換地址太麻煩，有須要該課程資源的小夥伴現提供兩種方式：

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

二、關注微信公衆號，回覆 flutter，會自動回覆你 (吐血推薦)。

左上角關注一下唄，博客不止於技術~