uni-app小兔鮮電商小程序項(xiàng)目實(shí)戰(zhàn)【從入門(mén)到購(gòu)物全流程】

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

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

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

 課程亮點(diǎn) 

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

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

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

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

 適用人群 

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

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

　　3. 學(xué)過(guò)Vue3+TS基礎(chǔ)，但是苦于沒(méi)有項(xiàng)目練手的小伙伴;

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

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

 課程內(nèi)容 

　　Day1

　　1. 導(dǎo)學(xué)視頻

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

　　3. pages.json和tabBar案例

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

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

　　6. 用VSCode開(kāi)發(fā)uni-app項(xiàng)目

　　7. 拉取小兔鮮兒項(xiàng)目模板代碼

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

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

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

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

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

　　13. 首頁(yè)-自定義導(dǎo)航欄

　　Day2

　　1. 輪播圖-通用組件自動(dòng)導(dǎo)入

　　2. 輪播圖-指示點(diǎn)

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

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

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

　　6. 前臺(tái)分類-組件封裝

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

　　8. 前臺(tái)分類類型定義和渲染

　　9. 首頁(yè)-熱門(mén)推薦

　　10. 猜你喜歡-組件封裝

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

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

　　13. 猜你喜歡-分頁(yè)準(zhǔn)備

　　14. 猜你喜歡-分頁(yè)加載

　　15. 猜你喜歡-分頁(yè)條件

　　16. 首頁(yè)-下拉刷新

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

　　18. 首頁(yè)-骨架屏

　　Day3

　　1. 熱門(mén)推薦-準(zhǔn)備工作

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

　　3. 熱門(mén)推薦-類型定義

　　4. 熱門(mén)推薦-頁(yè)面渲染和Tab交互

　　5. 熱門(mén)推薦-分頁(yè)加載

　　6. 熱門(mén)推薦-分頁(yè)條件

　　7. 商品分類-準(zhǔn)備工作

　　8. 商品分類-渲染一級(jí)分類和Tab交互

　　9. 商品分類-渲染二級(jí)分類和商品

　　10. 商品分類-骨架屏

　　11. 商品詳情-準(zhǔn)備工作

　　12. 商品詳情-頁(yè)面渲染

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

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

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

　　Day4

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

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

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

　　4. 會(huì)員中心-會(huì)員信息展示

　　5. 會(huì)員中心-猜你喜歡分頁(yè)加載

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

　　7. 會(huì)員中心-退出登錄

　　8. 個(gè)人信息-準(zhǔn)備工作

　　9. 個(gè)人信息-獲取和渲染

　　10. 個(gè)人信息-修改用戶頭像

　　11. 個(gè)人信息-修改用戶昵稱

　　12. 個(gè)人信息-同步頭像昵稱

　　13. 個(gè)人信息-修改性別

　　14. 個(gè)人信息-修改生日

　　15. 個(gè)人信息-修改城市

　　16. 個(gè)人信息-技術(shù)點(diǎn)總結(jié)

　　Day5

　　1. 地址模塊-準(zhǔn)備工作

　　2. 地址模塊-新建地址

　　3. 地址模塊-列表渲染

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

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

　　6. 地址模塊-表單校驗(yàn)

　　7. 地址模塊-刪除地址

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

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

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

　　11. SKU模塊-計(jì)算被選中的值

　　12. SKU模塊-加入購(gòu)物車

　　13. 購(gòu)物車模塊-列表渲染

　　14. 購(gòu)物車模塊-刪除單品

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

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

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

　　18. 購(gòu)物車模塊-兩個(gè)購(gòu)物車頁(yè)面

　　Day6

　　1. 填寫(xiě)訂單-渲染基本信息

　　2. 填寫(xiě)訂單-收貨地址

　　3. 填寫(xiě)訂單-立即購(gòu)買(mǎi)

　　4. 填寫(xiě)訂單-提交訂單

　　5. 訂單詳情-自定義導(dǎo)航欄交互

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

　　7. 訂單詳情-待支付倒計(jì)時(shí)

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

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

　　10. 訂單詳情-待收貨-確認(rèn)收貨

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

　　12. 訂單詳情-刪除訂單

　　13. 訂單列表-Tabs滑動(dòng)切換

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

　　15. 訂單列表-列表渲染

　　16. 訂單列表-訂單支付

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

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