Vue.js + uni-app全棧開發從入門到實踐（微課視頻版）

第1章初識Vue.js

1.1網站交互方式

1.1.1多頁應用程序

1.1.2單頁應用程序

1.2MVVM模式

1.3Vue.js的概念

1.4第一個Vue.js程序

1.4.1安裝Visual Studio Code及其插件

1.4.2使用本地獨立版本創建Vue.js應用

1.5Node.js環境

1.6使用Vite創建Vue 3項目

1.6.1Vite的概念

1.6.2使用Vite創建Vue 3項目的步驟

1.6.3Vue 3項目的目錄結構

1.6.4單文件組件

1.6.5選項式與組合式

1.6.6setup語法糖

1.7插值與表達式

1.7.1文本插值

1.7.2原始HTML插值

1.7.3JavaScript表達式

本章小結

習題1

 

第2章Vue.js 開發基礎

2.1數據綁定

2.1.1初始數據綁定

2.1.2響應式數據綁定

2.2生命周期鉤子函數

2.3指令

2.3.1內容渲染指令

2.3.2屬性綁定指令

2.3.3樣式屬性綁定指令

2.3.4條件渲染指令

2.3.5列表渲染指令

2.3.6雙向數據綁定指令

2.4事件處理

2.4.1事件綁定指令

2.4.2事件對象

2.4.3事件修飾符

2.5計算屬性與偵聽器

2.5.1計算屬性

2.5.2計算屬性與方法的區別

2.5.3偵聽器

本章小結

習題2

 

第3章組件化開發

3.1組件的註冊和引用

3.1.1組件的註冊

3.1.2組件的引用

3.2組件間的樣式沖突

3.3組件間的數據傳遞

3.3.1父組件向子組件傳遞數據

3.3.2子組件向父組件傳遞數據

3.3.3跨級組件之間的數據傳遞

3.3.4任意組件之間的數據傳遞

3.4動態組件與異步組件

3.4.1動態組件

3.4.2使用KeepAlive組件實現組件緩存

3.4.3異步組件

3.5插槽

3.5.1插槽的定義與使用

3.5.2具名插槽

3.5.3作用域插槽

3.6自定義指令

3.6.1自定義指令的概念

3.6.2局部自定義指令的聲明與使用

3.6.3全局自定義指令的聲明與使用

3.7引用靜態資源

3.8Element Plus組件庫

3.8.1Element Plus的安裝

3.8.2Element Plus組件介紹

3.8.3Element Plus中的常用組件之Button

3.8.4Element Plus中的常用組件之Table

3.8.5Element Plus中的常用組件之Form

3.8.6Element Plus中的常用組件之Menu

本章小結

習題3

 

第4章路由管理

4.1路由的概念

4.2Vue Router的基本用法

4.2.1Vue Router的安裝

4.2.2Vue Router的基本使用

4.3Vue Router的高級應用

4.3.1路由重定向

4.3.2命名路由

4.3.3嵌套路由

4.3.4路由query傳參

4.3.5動態路由

4.3.6編程式導航

4.4導航守衛

4.5路由元信息

4.6登錄權限驗證實例

本章小結

習題4

 

第5章狀態管理

5.1狀態管理的概念

5.2Vuex

5.2.1Vuex概述

5.2.2Vuex的安裝與基本應用

5.2.3Vuex的核心概念

5.3Pinia

5.3.1Pinia的概念

5.3.2Pinia的安裝與基本應用

5.3.3Pinia的核心概念

5.3.4Pinia的模塊化

5.3.5Pinia的持久化存儲

本章小結

習題5

 

第6章Express與Axios

6.1Express

6.1.1什麼是Express

6.1.2Express的安裝

6.1.3創建Express項目

6.1.4Express項目的目錄結構

6.1.5Express的中間件

6.1.6Express的路由

6.1.7在Express項目中訪問MySQL數據庫

6.1.8使用Postman測試Express應用程序接口

6.2Axios

6.2.1Axios的概念

6.2.2安裝Axios

6.2.3使用Axios

6.2.4Axios的進一步封裝

6.3Express+Vue.js前後端分離開發

6.3.1Express+Vue.js前後端分離開發的原理

6.3.2Express+Vue.js前後端分離開發的跨域問題

本章小結

習題6

 

第7章uniapp快速入門

7.1uniapp簡介

7.1.1uniapp的特點

7.1.2uniapp的應用場景

7.1.3uniapp的開發規範

7.2創建uniapp

7.2.1安裝HBuilder X開發工具

7.2.2第一個uniapp項目

7.2.3uniapp項目的目錄結構及全局文件

7.2.4運行項目

7.2.5uniapp的運行機制

7.2.6uniapp的頁面結構

7.3運行調試uniapp

7.3.1在Web瀏覽器中運行調試uniapp

7.3.2在手機或模擬器中運行調試uniapp

7.3.3在小程序模擬器中運行調試uniapp

本章小結

習題7

 

第8章uniapp核心基礎

8.1uniapp內置組件

8.1.1組件概述

8.1.2視圖容器組件

8.1.3基礎內容組件

8.1.4表單組件

8.1.5媒體組件

8.1.6地圖組件

8.1.7畫布組件

8.2uniui擴展組件

8.3uniapp生命周期

8.3.1應用生命周期

8.3.2頁面生命周期

8.4uniapp路由

8.4.1使用路由API進行跳轉

8.4.2使用navigator組件進行跳轉

8.5uniapp數據傳遞

8.6Express+uniapp前後端分離開發

8.6.1發起網絡請求

8.6.2跨域解決方案

8.6.3對uni.request()進一步封裝

本章小結

習題8

 

第9章電子商務平臺的設計與實現

9.1系統設計

9.1.1系統功能需求

9.1.2系統模塊劃分

9.2數據庫設計

9.2.1數據庫概念結構設計

9.2.2數據庫邏輯結構設計

9.2.3創建數據表

9.3基於Express的後端服務器的搭建

9.3.1創建Express項目

9.3.2安裝MySQL依賴並配置連接池

9.3.3跨域設置

9.3.4Redis的安裝及配置

9.3.5驗證碼的生成及存儲

9.3.6Token的生成及簽名驗證

9.3.7管理員功能模塊的後端實現

9.3.8用戶功能模塊的後端實現

9.3.9核心配置文件

9.4基於Vue.js的後臺管理子系統的實現(PC端)

9.4.1使用Vite構建後臺管理子系統前端項目

9.4.2安裝Vue Router

9.4.3安裝Element Plus和@elementplus/iconsvue

9.4.4安裝ECharts

9.4.5安裝Axios模塊

9.4.6配置文件vite.config.js

9.4.7管理員登錄組件

9.4.8後臺管理主界面組件

9.4.9商品類型管理組件

9.4.10商品管理組件

9.4.11訂單管理

9.4.12銷量統計(按月)組件

9.4.13訂單統計(按類型)組件

9.5基於uniapp的電子商務子系統的實現(移動端)

9.5.1使用HBuilder X新建uniapp項目

9.5.2安裝Pinia

9.5.3自定義Tabbar

9.5.4網絡請求request的進一步封裝

9.5.5首頁

9.5.6搜索商品

9.5.7顯示某類型對應的商品

9.5.8註冊與登錄

9.5.9商品詳情

9.5.10我的收藏

9.5.11我的購物車

9.5.12我的訂單

9.5.13訂單詳情

9.6運行測試

本章小結

習題9