uni-app小兔鮮電商小程序項目實戰(zhàn)【從入門到購物全流程】

　　主講老師蘇老師，是Uni-Helper組織的核心成員，更是uni-app TS生態(tài)的貢獻者!

　　授人以魚，不如授人以漁。蘇老師傾情打造《小兔鮮小程序vue3+TS實戰(zhàn)開發(fā)》，全網(wǎng)首套用Vue3+TS開發(fā)的uni-app項目，從0開始封裝屬于自己的組件!

　　課程從uni-app基礎(chǔ)入門開始講起，按照電商業(yè)務(wù)完整流程的推進方式逐一按照業(yè)務(wù)模塊進行講解。學完本課程能夠收獲使用uni-app+Vue3開發(fā)中型項目的能力!

 課程亮點 

　　1.最齊全物料：詳細的在線筆記，穩(wěn)定的接口服務(wù)器，字段和類型完善的接口文檔;

　　2.最新技術(shù)棧：基于uni-app多端開發(fā)框架，采用Vue3 +TS+Pinia+uni-ui的2023最新組合開發(fā)，編碼符合ESLint+Prettier+Git Hooks團隊規(guī)范;

　　3.最多的業(yè)務(wù)：涵蓋了“猜你喜歡、熱門推薦、商品分類、商品詳情、微信登錄、用戶管理、地址管理、購物車管理、訂單管理”等多個功能，以及微信登錄、微信支付等多個業(yè)務(wù);

　　4.最佳的實踐：組合式API最佳實踐，Vue3+TS最佳實踐，Pinia狀態(tài)管理最佳實踐，uni-ui組件庫最佳實踐，開發(fā)主流微信小程序端并打包上線，同時兼容H5端、App端。

 適用人群 

　　1. 已經(jīng)學過原生小程序，想要進階uni-app技術(shù)棧的小伙伴;

　　2. 想要一套代碼，同時覆蓋小程序、H5、App多端的需求;

　　3. 學過Vue3+TS基礎(chǔ)，但是苦于沒有項目練手的小伙伴;

　　4. 想要做小程序畢業(yè)設(shè)計的小伙伴;

　　5. 想要了解uni-app技術(shù)棧的后端開發(fā)小伙伴。

 課程內(nèi)容 

　　Day1

　　1. 導學視頻

　　2. 創(chuàng)建uni-app項目

　　3. pages.json和tabBar案例

　　4. uni-app和原生小程序開發(fā)區(qū)別

　　5. 使用命令行方式安裝uni-app

　　6. 用VSCode開發(fā)uni-app項目

　　7. 拉取小兔鮮兒項目模板代碼

　　8. 基礎(chǔ)架構(gòu)-安裝uni-ui組件庫

　　9. 基礎(chǔ)架構(gòu)-小程序端Pinia持久化

　　10. 基礎(chǔ)架構(gòu)-請求和上傳文件攔截器

　　11. 基礎(chǔ)架構(gòu)-請求函數(shù)封裝-請求成功-待修復-圖形化

　　12. 基礎(chǔ)架構(gòu)-請求函數(shù)封裝-失敗情況

　　13. 首頁-自定義導航欄

　　Day2

　　1. 輪播圖-通用組件自動導入

　　2. 輪播圖-指示點

　　3. 輪播圖-獲取輪播圖數(shù)據(jù)

　　4. 輪播圖-數(shù)據(jù)類型定義和渲染

　　5. 輪播圖-總結(jié)

　　6. 前臺分類-組件封裝

　　7. 前臺分類-獲取數(shù)據(jù)

　　8. 前臺分類類型定義和渲染

　　9. 首頁-熱門推薦

　　10. 猜你喜歡-組件封裝

　　11. 猜你喜歡-獲取數(shù)據(jù)-拆解

　　12. 猜你喜歡-類型定義和列表渲染

　　13. 猜你喜歡-分頁準備

　　14. 猜你喜歡-分頁加載

　　15. 猜你喜歡-分頁條件

　　16. 首頁-下拉刷新

　　17. 首頁-下拉刷新-猜你喜歡數(shù)據(jù)獲取

　　18. 首頁-骨架屏

　　Day3

　　1. 熱門推薦-準備工作

　　2. 熱門推薦-獲取數(shù)據(jù)

　　3. 熱門推薦-類型定義

　　4. 熱門推薦-頁面渲染和Tab交互

　　5. 熱門推薦-分頁加載

　　6. 熱門推薦-分頁條件

　　7. 商品分類-準備工作

　　8. 商品分類-渲染一級分類和Tab交互

　　9. 商品分類-渲染二級分類和商品

　　10. 商品分類-骨架屏

　　11. 商品詳情-準備工作

　　12. 商品詳情-頁面渲染

　　13. 商品詳情-輪播圖交互

　　14. 商品詳情-彈出層組件

　　15. 商品詳情-彈出層交互

　　Day4

　　1. 登錄模塊-小程序快捷登錄

　　2. 登錄模塊-模擬快捷登錄

　　3. 登錄模塊-保存登錄信息

　　4. 會員中心-會員信息展示

　　5. 會員中心-猜你喜歡分頁加載

　　6. 會員中心-設(shè)置頁分包和預下載

　　7. 會員中心-退出登錄

　　8. 個人信息-準備工作

　　9. 個人信息-獲取和渲染

　　10. 個人信息-修改用戶頭像

　　11. 個人信息-修改用戶昵稱

　　12. 個人信息-同步頭像昵稱

　　13. 個人信息-修改性別

　　14. 個人信息-修改生日

　　15. 個人信息-修改城市

　　16. 個人信息-技術(shù)點總結(jié)

　　Day5

　　1. 地址模塊-準備工作

　　2. 地址模塊-新建地址

　　3. 地址模塊-列表渲染

　　4. 地址模塊-修改地址-數(shù)據(jù)回顯

　　5. 地址模塊-修改地址-提交表單

　　6. 地址模塊-表單校驗

　　7. 地址模塊-刪除地址

　　8. SKU模塊-插件基本使用

　　9. SKU模塊-渲染商品信息

　　10. SKU模塊-打開彈窗設(shè)置按鈕模式

　　11. SKU模塊-計算被選中的值

　　12. SKU模塊-加入購物車

　　13. 購物車模塊-列表渲染

　　14. 購物車模塊-刪除單品

　　15. 購物車模塊-修改單品數(shù)量

　　16. 購物車模塊-修改選中狀態(tài)

　　17. 購物車模塊-底部結(jié)算信息

　　18. 購物車模塊-兩個購物車頁面

　　Day6

　　1. 填寫訂單-渲染基本信息

　　2. 填寫訂單-收貨地址

　　3. 填寫訂單-立即購買

　　4. 填寫訂單-提交訂單

　　5. 訂單詳情-自定義導航欄交互

　　6. 訂單詳情-訂單狀態(tài)渲染

　　7. 訂單詳情-待支付倒計時

　　8. 訂單詳情-待付款-訂單支付

　　9. 訂單詳情-待發(fā)貨-模擬發(fā)貨

　　10. 訂單詳情-待收貨-確認收貨

　　11. 訂單詳情-待收貨-訂單物流

　　12. 訂單詳情-刪除訂單

　　13. 訂單列表-Tabs滑動切換

　　14. 訂單列表-Tabs頁面跳轉(zhuǎn)高亮

　　15. 訂單列表-列表渲染

　　16. 訂單列表-訂單支付

　　17. 項目打包-微信小程序端發(fā)布上線

　　18. 項目打包-條件編譯和網(wǎng)頁端打包