更新時(shí)間:2023年08月09日15時(shí)27分 來(lái)源:傳智教育 瀏覽次數(shù):
1. 已經(jīng)學(xué)過(guò)原生小程序,想要進(jìn)階 uni-app 的同學(xué)
2. 學(xué)過(guò) Vue3+TS 基礎(chǔ),但是苦于沒(méi)有項(xiàng)目練手的同學(xué)
3. 想要編寫(xiě)一套代碼,同時(shí)支持小程序、H5、App 等多端需求的同學(xué)
4. 想要做小程序畢業(yè)設(shè)計(jì)的同學(xué)
5. 后端想要了解小程序的同學(xué)
本課程是全網(wǎng)首套用 vue3 加 TS 寫(xiě)的 uniapp 項(xiàng)目, 里面大量封裝自己的組件庫(kù),課程從 uni-app 基礎(chǔ)入手,按照9大電商業(yè)務(wù)模塊逐步實(shí)現(xiàn)完整的電商購(gòu)物流程業(yè)務(wù);涵蓋了猜你喜歡、熱門(mén)推薦、商品分類(lèi)、商品詳情、微信登錄、用戶(hù)管理、地址管理、購(gòu)物車(chē)管理、訂單管理等功能。包含微信登錄,微信支付等業(yè)務(wù)。一套代碼多端全面覆蓋小程序端、H5端、APP端。
學(xué)完本課程能夠收獲:使用 uni-app + Vue3 開(kāi)發(fā)中型項(xiàng)目的能力
1. 最齊全物料:詳細(xì)的在線筆記,穩(wěn)定的接口服務(wù)器,字段和類(lèi)型完善的接口文檔。
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)推薦、商品分類(lèi)、商品詳情、微信登錄、用戶(hù)管理、地址管理、購(gòu)物車(chē)管理、訂單管理等功能。包含微信登錄,微信支付等業(yè)務(wù)。
4. 最佳的實(shí)踐:組合式API最佳實(shí)踐,Vue3+TS最佳實(shí)踐,Pinia狀態(tài)管理最佳實(shí)踐,uni-ui 組件庫(kù)最佳實(shí)踐,開(kāi)發(fā)主流微信小程序端并打包上線,同時(shí)兼容 H5 端。
課程共分為6章:1. uni-app 入門(mén) 2. 項(xiàng)目首頁(yè) 3. 商品推薦、商品分類(lèi)、商品詳情 4. 登錄和會(huì)員中心 5. 地址管理、商品SKU和購(gòu)物車(chē) 6. 訂單管理、微信支付、打包上線
前端uni-app小兔鮮兒小程序項(xiàng)目(滑動(dòng)查看)
第1節(jié) - Day1-01-uni-app小兔鮮兒導(dǎo)學(xué)視頻
第2節(jié) - Day1-02-創(chuàng)建uni-app項(xiàng)目
第3節(jié) - Day1-03-pages.json和tabBar案例
第4節(jié) - Day1-04-uni-app和原生小程序開(kāi)發(fā)區(qū)別
第5節(jié) - Day1-05-通過(guò)命令行方式安裝uni-app
第6節(jié) - Day1-06-用VSCode開(kāi)發(fā)uni-app項(xiàng)目
第7節(jié) - Day1-07-拉取小兔鮮兒項(xiàng)目模板代碼
第8節(jié) - Day1-08-基礎(chǔ)架構(gòu)-安裝uni-ui組件庫(kù)
第9節(jié) - Day1-09-基礎(chǔ)架構(gòu)-小程序端Pinia持久化
第10節(jié) - Day1-10-基礎(chǔ)架構(gòu)-請(qǐng)求和上傳文件攔截器
第11節(jié) - Day1-11-基礎(chǔ)架構(gòu)-請(qǐng)求函數(shù)封裝-請(qǐng)求成功-待修復(fù)-圖形化
第12節(jié) - Day1-12-基礎(chǔ)架構(gòu)-請(qǐng)求函數(shù)封裝-失敗情況
第13節(jié) - Day1-13-首頁(yè)-自定義導(dǎo)航欄
第14節(jié) - Day2-01-輪播圖-通用組件自動(dòng)導(dǎo)入
第15節(jié) - Day2-02-輪播圖-指示點(diǎn)
第16節(jié) - Day2-03-輪播圖-獲取輪播圖數(shù)據(jù)
第17節(jié) - Day2-04-輪播圖-數(shù)據(jù)類(lèi)型定義和渲染
第18節(jié) - Day2-05-輪播圖-總結(jié)
第19節(jié) - Day2-06-前臺(tái)分類(lèi)-組件封裝
第20節(jié) - Day2-07-前臺(tái)分類(lèi)-獲取數(shù)據(jù)
第21節(jié) - Day2-08-前臺(tái)分類(lèi)類(lèi)型定義和渲染
第22節(jié) - Day2-09-首頁(yè)-熱門(mén)推薦
第23節(jié) - Day2-10-猜你喜歡-組件封裝
第24節(jié) - Day2-11-猜你喜歡-獲取數(shù)據(jù)-拆解
第25節(jié) - Day2-12-猜你喜歡-類(lèi)型定義和列表渲染
第26節(jié) - Day2-13-猜你喜歡-分頁(yè)準(zhǔn)備
第27節(jié) - Day2-14-猜你喜歡-分頁(yè)加載
第28節(jié) - Day2-15-猜你喜歡-分頁(yè)條件
第29節(jié) - Day2-16-首頁(yè)-下拉刷新
第30節(jié) - Day2-17-首頁(yè)-下拉刷新-猜你喜歡數(shù)據(jù)獲取
第31節(jié) - Day2-18-首頁(yè)-骨架屏
第32節(jié) - Day3-01-熱門(mén)推薦-準(zhǔn)備工作
第33節(jié) - Day3-02-熱門(mén)推薦-獲取數(shù)據(jù)
第34節(jié) - Day3-03-熱門(mén)推薦-類(lèi)型定義
第35節(jié) - Day3-04-熱門(mén)推薦-頁(yè)面渲染和Tab交互
第36節(jié) - Day3-05-熱門(mén)推薦-分頁(yè)加載
第37節(jié) - Day3-06-熱門(mén)推薦-分頁(yè)條件
第38節(jié) - Day3-07-商品分類(lèi)-準(zhǔn)備工作
第39節(jié) - Day3-08-商品分類(lèi)-渲染一級(jí)分類(lèi)和Tab交互
第40節(jié) - Day3-09-商品分類(lèi)-渲染二級(jí)分類(lèi)和商品
第41節(jié) - Day3-10-商品分類(lèi)-骨架屏
第42節(jié) - Day3-11-商品詳情-準(zhǔn)備工作
第43節(jié) - Day3-12-商品詳情-頁(yè)面渲染
第44節(jié) - Day3-13-商品詳情-輪播圖交互
第45節(jié) - Day3-14-商品詳情-彈出層組件
第46節(jié) - Day3-15-商品詳情-彈出層交互
第47節(jié) - Day4-01-登錄模塊-小程序快捷登錄
第48節(jié) - Day4-02-登錄模塊-模擬快捷登錄
第49節(jié) - Day4-03-登錄模塊-保存登錄信息
第50節(jié) - Day4-04-會(huì)員中心-會(huì)員信息展示
第51節(jié) - Day4-05-會(huì)員中心-猜你喜歡分頁(yè)加載
第52節(jié) - Day4-06-會(huì)員中心-設(shè)置頁(yè)分包和預(yù)下載
第53節(jié) - Day4-07-會(huì)員中心-退出登錄
第54節(jié) - Day4-08-個(gè)人信息-準(zhǔn)備工作
第55節(jié) - Day4-09-個(gè)人信息-獲取和渲染
第56節(jié) - Day4-10-個(gè)人信息-修改用戶(hù)頭像
第57節(jié) - Day4-11-個(gè)人信息-修改用戶(hù)昵稱(chēng)
第58節(jié) - Day4-12-個(gè)人信息-同步頭像昵稱(chēng)
第59節(jié) - Day4-13-個(gè)人信息-修改性別
第60節(jié) - Day4-14-個(gè)人信息-修改生日
第61節(jié) - Day4-15-個(gè)人信息-修改城市
第62節(jié) - Day4-16-個(gè)人信息-技術(shù)點(diǎn)總結(jié)
第63節(jié) - Day5-01-地址模塊-準(zhǔn)備工作
第64節(jié) - Day5-02-地址模塊-新建地址
第65節(jié) - Day5-03-地址模塊-列表渲染
第66節(jié) - Day5-04-地址模塊-修改地址-數(shù)據(jù)回顯
第67節(jié) - Day5-05-地址模塊-修改地址-提交表單
第68節(jié) - Day5-06-地址模塊-表單校驗(yàn)
第69節(jié) - Day5-07-地址模塊-刪除地址
第70節(jié) - Day5-08-SKU模塊-插件基本使用
第71節(jié) - Day5-09-SKU模塊-渲染商品信息
第72節(jié) - Day5-10-SKU模塊-打開(kāi)彈窗設(shè)置按鈕模式
第73節(jié) - Day5-11-SKU模塊-計(jì)算被選中的值
第74節(jié) - Day5-12-SKU模塊-加入購(gòu)物車(chē)
第75節(jié) - Day5-13-購(gòu)物車(chē)模塊-列表渲染
第76節(jié) - Day5-14-購(gòu)物車(chē)模塊-刪除單品
第77節(jié) - Day5-15-購(gòu)物車(chē)模塊-修改單品數(shù)量
第78節(jié) - Day5-16-購(gòu)物車(chē)模塊-修改選中狀態(tài)
第79節(jié) - Day5-17-購(gòu)物車(chē)模塊-底部結(jié)算信息
第80節(jié) - Day5-18-購(gòu)物車(chē)模塊-兩個(gè)購(gòu)物車(chē)頁(yè)面
第81節(jié) - Day6-01-填寫(xiě)訂單-渲染基本信息
第82節(jié) - Day6-02-填寫(xiě)訂單-收貨地址
第83節(jié) - Day6-03-填寫(xiě)訂單-立即購(gòu)買(mǎi)
第84節(jié) - Day6-04-填寫(xiě)訂單-提交訂單
第85節(jié) - Day6-05-訂單詳情-自定義導(dǎo)航欄交互
第86節(jié) - Day6-06-訂單詳情-訂單狀態(tài)渲染
第87節(jié) - Day6-07-訂單詳情-待支付倒計(jì)時(shí)
第88節(jié) - Day6-08-訂單詳情-待付款-訂單支付
第89節(jié) - Day6-09-訂單詳情-待發(fā)貨-模擬發(fā)貨
第90節(jié) - Day6-10-訂單詳情-待收貨-確認(rèn)收貨
第91節(jié) - Day6-11-訂單詳情-待收貨-訂單物流
第92節(jié) - Day6-12-訂單詳情-刪除訂單
第93節(jié) - Day6-13-訂單列表-Tabs滑動(dòng)切換
第94節(jié) - Day6-14-訂單列表-Tabs頁(yè)面跳轉(zhuǎn)高亮
第95節(jié) - Day6-15-訂單列表-列表渲染
第96節(jié) - Day6-16-訂單列表-訂單支付
第97節(jié) - Day6-17-項(xiàng)目打包-微信小程序端發(fā)布上線
第98節(jié) - Day6-18-項(xiàng)目打包-條件編譯和網(wǎng)頁(yè)端打包
未完待續(xù),黑馬老師996更新中......
掌握行業(yè)熱門(mén)技術(shù)
是每個(gè)程序員都應(yīng)該重視的事情
前端uni-app小兔鮮兒小程序項(xiàng)目如此重要,你還沒(méi)學(xué)?
點(diǎn)擊或搜索黑馬程序員B站
觀看全集視頻
- 完整配套資料領(lǐng)取方式 -
(視頻+講義+源碼+筆記+資料)
黑馬程序員視頻庫(kù)
頁(yè)面導(dǎo)入樣式時(shí),使用link和@import有什么區(qū)別?
2023-08-01global全局對(duì)象如何在Node.js中調(diào)用方法?
2023-07-28前端培訓(xùn)要多久?都學(xué)哪些知識(shí)?
2023-07-28web標(biāo)準(zhǔn)對(duì)網(wǎng)頁(yè)結(jié)構(gòu)、表現(xiàn)和行為的規(guī)范
2023-07-27null和undefined區(qū)別是什么?
2023-07-27如何在Vue中定義和調(diào)用過(guò)濾器?
2023-07-26北京校區(qū)