教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

web前端精品教程:前端uni-app小兔鮮兒小程序項目

更新時間:2023年08月09日15時27分 來源:傳智教育 瀏覽次數:

好口碑IT培訓

  本視頻主要面向的群體是:

  1. 已經學過原生小程序,想要進階 uni-app 的同學

  2. 學過 Vue3+TS 基礎,但是苦于沒有項目練手的同學

  3. 想要編寫一套代碼,同時支持小程序、H5、App 等多端需求的同學

  4. 想要做小程序畢業(yè)設計的同學

  5. 后端想要了解小程序的同學

  本課程是全網首套用 vue3 加 TS 寫的 uniapp 項目, 里面大量封裝自己的組件庫,課程從 uni-app 基礎入手,按照9大電商業(yè)務模塊逐步實現完整的電商購物流程業(yè)務;涵蓋了猜你喜歡、熱門推薦、商品分類、商品詳情、微信登錄、用戶管理、地址管理、購物車管理、訂單管理等功能。包含微信登錄,微信支付等業(yè)務。一套代碼多端全面覆蓋小程序端、H5端、APP端。

  學完本課程能夠收獲:使用 uni-app + Vue3 開發(fā)中型項目的能力

  課程亮點:

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

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

  3. 最多的業(yè)務:涵蓋了猜你喜歡、熱門推薦、商品分類、商品詳情、微信登錄、用戶管理、地址管理、購物車管理、訂單管理等功能。包含微信登錄,微信支付等業(yè)務。

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

  課程內容:

  課程共分為6章:1. uni-app 入門 2. 項目首頁 3. 商品推薦、商品分類、商品詳情 4. 登錄和會員中心 5. 地址管理、商品SKU和購物車 6. 訂單管理、微信支付、打包上線

  程目錄  

  前端uni-app小兔鮮兒小程序項目(滑動查看)

  第1節(jié) - Day1-01-uni-app小兔鮮兒導學視頻

  第2節(jié) - Day1-02-創(chuàng)建uni-app項目

  第3節(jié) - Day1-03-pages.json和tabBar案例

  第4節(jié) - Day1-04-uni-app和原生小程序開發(fā)區(qū)別

  第5節(jié) - Day1-05-通過命令行方式安裝uni-app

  第6節(jié) - Day1-06-用VSCode開發(fā)uni-app項目

  第7節(jié) - Day1-07-拉取小兔鮮兒項目模板代碼

  第8節(jié) - Day1-08-基礎架構-安裝uni-ui組件庫

  第9節(jié) - Day1-09-基礎架構-小程序端Pinia持久化

  第10節(jié) - Day1-10-基礎架構-請求和上傳文件攔截器

  第11節(jié) - Day1-11-基礎架構-請求函數封裝-請求成功-待修復-圖形化

  第12節(jié) - Day1-12-基礎架構-請求函數封裝-失敗情況

  第13節(jié) - Day1-13-首頁-自定義導航欄

  第14節(jié) - Day2-01-輪播圖-通用組件自動導入

  第15節(jié) - Day2-02-輪播圖-指示點

  第16節(jié) - Day2-03-輪播圖-獲取輪播圖數據

  第17節(jié) - Day2-04-輪播圖-數據類型定義和渲染

  第18節(jié) - Day2-05-輪播圖-總結

  第19節(jié) - Day2-06-前臺分類-組件封裝

  第20節(jié) - Day2-07-前臺分類-獲取數據

  第21節(jié) - Day2-08-前臺分類類型定義和渲染

  第22節(jié) - Day2-09-首頁-熱門推薦

  第23節(jié) - Day2-10-猜你喜歡-組件封裝

  第24節(jié) - Day2-11-猜你喜歡-獲取數據-拆解

  第25節(jié) - Day2-12-猜你喜歡-類型定義和列表渲染

  第26節(jié) - Day2-13-猜你喜歡-分頁準備

  第27節(jié) - Day2-14-猜你喜歡-分頁加載

  第28節(jié) - Day2-15-猜你喜歡-分頁條件

  第29節(jié) - Day2-16-首頁-下拉刷新

  第30節(jié) - Day2-17-首頁-下拉刷新-猜你喜歡數據獲取

  第31節(jié) - Day2-18-首頁-骨架屏

  第32節(jié) - Day3-01-熱門推薦-準備工作

  第33節(jié) - Day3-02-熱門推薦-獲取數據

  第34節(jié) - Day3-03-熱門推薦-類型定義

  第35節(jié) - Day3-04-熱門推薦-頁面渲染和Tab交互

  第36節(jié) - Day3-05-熱門推薦-分頁加載

  第37節(jié) - Day3-06-熱門推薦-分頁條件

  第38節(jié) - Day3-07-商品分類-準備工作

  第39節(jié) - Day3-08-商品分類-渲染一級分類和Tab交互

  第40節(jié) - Day3-09-商品分類-渲染二級分類和商品

  第41節(jié) - Day3-10-商品分類-骨架屏

  第42節(jié) - Day3-11-商品詳情-準備工作

  第43節(jié) - Day3-12-商品詳情-頁面渲染

  第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-會員中心-會員信息展示

  第51節(jié) - Day4-05-會員中心-猜你喜歡分頁加載

  第52節(jié) - Day4-06-會員中心-設置頁分包和預下載

  第53節(jié) - Day4-07-會員中心-退出登錄

  第54節(jié) - Day4-08-個人信息-準備工作

  第55節(jié) - Day4-09-個人信息-獲取和渲染

  第56節(jié) - Day4-10-個人信息-修改用戶頭像

  第57節(jié) - Day4-11-個人信息-修改用戶昵稱

  第58節(jié) - Day4-12-個人信息-同步頭像昵稱

  第59節(jié) - Day4-13-個人信息-修改性別

  第60節(jié) - Day4-14-個人信息-修改生日

  第61節(jié) - Day4-15-個人信息-修改城市

  第62節(jié) - Day4-16-個人信息-技術點總結

  第63節(jié) - Day5-01-地址模塊-準備工作

  第64節(jié) - Day5-02-地址模塊-新建地址

  第65節(jié) - Day5-03-地址模塊-列表渲染

  第66節(jié) - Day5-04-地址模塊-修改地址-數據回顯

  第67節(jié) - Day5-05-地址模塊-修改地址-提交表單

  第68節(jié) - Day5-06-地址模塊-表單校驗

  第69節(jié) - Day5-07-地址模塊-刪除地址

  第70節(jié) - Day5-08-SKU模塊-插件基本使用

  第71節(jié) - Day5-09-SKU模塊-渲染商品信息

  第72節(jié) - Day5-10-SKU模塊-打開彈窗設置按鈕模式

  第73節(jié) - Day5-11-SKU模塊-計算被選中的值

  第74節(jié) - Day5-12-SKU模塊-加入購物車

  第75節(jié) - Day5-13-購物車模塊-列表渲染

  第76節(jié) - Day5-14-購物車模塊-刪除單品

  第77節(jié) - Day5-15-購物車模塊-修改單品數量

  第78節(jié) - Day5-16-購物車模塊-修改選中狀態(tài)

  第79節(jié) - Day5-17-購物車模塊-底部結算信息

  第80節(jié) - Day5-18-購物車模塊-兩個購物車頁面

  第81節(jié) - Day6-01-填寫訂單-渲染基本信息

  第82節(jié) - Day6-02-填寫訂單-收貨地址

  第83節(jié) - Day6-03-填寫訂單-立即購買

  第84節(jié) - Day6-04-填寫訂單-提交訂單

  第85節(jié) - Day6-05-訂單詳情-自定義導航欄交互

  第86節(jié) - Day6-06-訂單詳情-訂單狀態(tài)渲染

  第87節(jié) - Day6-07-訂單詳情-待支付倒計時

  第88節(jié) - Day6-08-訂單詳情-待付款-訂單支付

  第89節(jié) - Day6-09-訂單詳情-待發(fā)貨-模擬發(fā)貨

  第90節(jié) - Day6-10-訂單詳情-待收貨-確認收貨

  第91節(jié) - Day6-11-訂單詳情-待收貨-訂單物流

  第92節(jié) - Day6-12-訂單詳情-刪除訂單

  第93節(jié) - Day6-13-訂單列表-Tabs滑動切換

  第94節(jié) - Day6-14-訂單列表-Tabs頁面跳轉高亮

  第95節(jié) - Day6-15-訂單列表-列表渲染

  第96節(jié) - Day6-16-訂單列表-訂單支付

  第97節(jié) - Day6-17-項目打包-微信小程序端發(fā)布上線

  第98節(jié) - Day6-18-項目打包-條件編譯和網頁端打包

  未完待續(xù),黑馬老師996更新中......


掌握行業(yè)熱門技術

是每個程序員都應該重視的事情

前端uni-app小兔鮮兒小程序項目如此重要,你還沒學?

點擊或搜索黑馬程序員B站

觀看全集視頻

- 完整配套資料領取方式 -

(視頻+講義+源碼+筆記+資料)

黑馬程序員視頻庫

搜索《前端uni-app小兔鮮兒小程序項目

0 分享到:
和我們在線交談!