vue3開發企業級生鮮系統項目

vuejs3開發企業級生鮮系統項目開發實戰視頻教程

騰訊課堂觀看:https://ke.qq.com/course/3485968

0. 項目演示與課程課件
0.1. 項目演示
0.2. 課程課件下載

1. vue3新特性講解
1.1. setup函數講解
1.2. ref_reactive響應式引用的使用
1.3. toRef的使用
1.4. context參數講解
1.5. 小案例:用vue3開發TodoList
1.6. computed計算屬性講解
1.7. watch_watchEffect偵聽器
1.8. 生命週期函數講解
1.9. provide_inject的使用
1.10. 通過ref獲取dom節點
1.11. teleport傳送門的使用

2. 項目首頁開發
2.1. 項目初始化與運行演示項目
2.2. 底部標籤欄的編寫與iconfont的使用
2.3. 頂部地址區域佈局
2.4. 搜索及banner區域的製作
2.5. 完成圖標列表佈局
2.6. 附近商家與axios調用接口
2.7. 首頁代碼拆分

3. 登陸註冊頁面開發
3.1. 登陸頁面的開發
3.2. 路由守衛實現登陸校驗
3.3. 註冊頁面開發與異步路由
3.4. 登陸註冊頁面代碼優化
3.5. Toast彈窗組件開發

4. 商家詳情頁面開發(1)
4.1. 商家詳情頁頂部區域製作
4.2. 商家詳情頁商家信息區域製作
4.3. 商品區域的製作
4.4. 巧用watchEffect獲取商品列表
4.5. 底部購物車區域樣式佈局

5. 商家詳情頁面開發(2)
5.1. 加入購物車功能實現
5.2. 持久化存儲購物車數據
5.3. 計算購物車總價格
5.4. 底部購物車列表樣式佈局
5.5. 購物車列表相關功能開發
5.6. 購物車選中狀態功能實現

6. 購物流程相關頁面開發
6.1. 確認訂單頁面樣式佈局
6.2. 獲取收貨地址信息
6.3. 選擇收貨地址頁樣式佈局
6.4. 實現選擇收貨地址功能
6.5. 展示購物車中的數據
6.6. 提交訂單功能的開發(1)
6.7. 提交訂單功能的開發(2)
6.8. 我的訂單頁面開發(1)
6.9. 我的訂單頁面開發(2)
6.10. 我的購物車頁面開發(1)
6.11. 我的購物車頁面開發(2)

7. 真機調試及項目發佈
7.1. 我的頁面開發
7.2. 我的收穫地址頁面製作
7.3. 實現新增收貨地址功能
7.4. 實現編輯收穫地址功能
7.5. 實現不同設備的適配顯示
7.6. 真機調試與項目上線

騰訊課堂觀看:https://ke.qq.com/course/3485968

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章