課程介紹#
Vue3+Uni+Node+MySQL 從零實現跨端小程序的全棧應用視頻教程，由優庫 it 資源網整理發布，本課程帶你從入門到進階，體系化學習微信小程序、Vue3、Uni-APP、NodeJs、MySQL 最新全棧技術，並最後開發一個跨端、複雜、完整的並且已上線全棧小程序應用，讓你具備商業級小程序的跨平台落地能力。
你將獲得#
獲得全棧全新 300 + 技術點
實現小程序 12 個典型業務場景
具備真實上線商業級全棧能力
打包生成多平台實現跨端應用
掌握複雜項目設計和研發過程
全程大白話學會每一個知識點
資源目錄#
.
├── 1 - 開期準備 - 了解課程的內容，對課程學習有初步的認知 /
│ └── [28M] 1-1 導學
├── 2-【入門】微信小程序的概念與目錄結構詳解 - 在配置中去實現第一個小程序應用 /
│ ├── [1.8M] 2-1 課堂介紹
│ ├── [1.2M] 2-2 什麼是微信小程序
│ ├── [4.3M] 2-3 微信小程序的特點
│ ├── [2.8M] 2-4 為什麼要學習微信小程序
│ ├── [23M] 2-5 微信小程序帳號的註冊
│ ├── [40M] 2-6 微信開發者工具的下載與項目創建
│ ├── [31M] 2-7 json 配置 project.config.json 和 project.private.config.json 的學習
│ ├── [57M] 2-8 json 配置 - app.json
│ ├── [29M] 2-9 json 配置 - sitemap.json
│ ├── [12M] 2-10 app.js 的作用和使用
│ ├── [5.2M] 2-11 app.wxss 的作用和使用
│ ├── [6.5M] 2-12 頁面結構 - .wxml 文件的作用
│ ├── [16M] 2-13 頁面結構 - .wxss 的作用
│ ├── [12M] 2-14 頁面結構 - .js 的使用
│ ├── [17M] 2-15 頁面結構 - .json 的使用
│ └── [20M] 2-16 課程總結
├── 3-【基礎】微信小程序中的基礎語法和常用組件 - 組成微信小程序的基本單元 /
│ ├── [1.7M] 3-1 課程介紹
│ ├── [25M] 3-2 數據綁定
│ ├── [56M] 3-3 列表渲染
│ ├── [52M] 3-4 列表的 key 詳解
│ ├── [37M] 3-5 條件渲染 與 hidden 屬性的區別
│ ├── [3.5M] 3-6 小程序組件的概念和特點
│ ├── [35M] 3-7 視圖組件 - view
│ ├── [35M] 3-8 文本組件 - text
│ ├── [17M] 3-9 圖標組件 - icon
│ ├── [50M] 3-10 按鈕組件 - button
│ ├── [53M] 3-11 表單組件 - input
│ ├── [19M] 3-12 表單組件 - radio
│ ├── [17M] 3-13 表單組件 - checkbox
│ ├── [27M] 3-14 表單組件 - textarea
│ ├── [13M] 3-15 表單組件 - switch
│ ├── [26M] 3-16 表單組件 - form
│ ├── [48M] 3-17 表單實戰 - 用戶註冊
│ ├── [30M] 3-18 template 的基本使用
│ ├── [8.9M] 3-19 include 導入的基本使用
│ ├── [7.4M] 3-20 組件的公共屬性和屬性的類型
│ └── [13M] 3-21 課堂總結
├── 4-【基礎】微信小程序腳本與樣式和 Flex 佈局精講 - 編寫出更加多姿多彩的小程序應用 /
│ ├── [3.0M] 4-1 課程介紹
│ ├── [8.2M] 4-2 什麼是 wxs
│ ├── [28M] 4-3 小程序的模塊化
│ ├── [37M] 4-4 wxs 變量聲明和 wxs 的兩種使用方式
│ ├── [12M] 4-5 wxs 如何使用註釋
│ ├── [2.0M] 4-6 wxs 支持的運算符類型
│ ├── [2.2M] 4-7 wxs 支持的流程控制語句
│ ├── [15M] 4-8 wxs 支持的數據類型
│ ├── [8.8M] 4-9 wxs 支持的基礎類庫
│ ├── [3.5M] 4-10 wxss 的基礎概念
│ ├── [17M] 4-11 rpx 的概念和換算規則
│ ├── [1.9M] 4-12 wxss 支持的選擇器
│ ├── [12M] 4-13 style 的使用和動態的 style
│ ├── [14M] 4-14 wxss 的樣式導入
│ ├── [8.9M] 4-15 flex 精講 - 概念
│ ├── [18M] 4-16 開啟 flex 佈局的兩種方式
│ ├── [14M] 4-17 設置 flex 佈局的方向
│ ├── [12M] 4-18 設置 flex 佈局是否換行
│ ├── [7.9M] 4-19 同時設置 flex 佈局的方向和是否換行
│ ├── [22M] 4-20 設置 flex 佈局的分佈和對齊方式
│ ├── [21M] 4-21 設置 flex 佈局交叉軸上子元素的對齊方式
│ ├── [18M] 4-22 設置 flex 佈局交叉軸多行子元素的分佈
│ ├── [8.3M] 4-23 設置 flex 子元素的排列順序
│ ├── [15M] 4-24 設置 flex 佈局子元素的寬度擴展
│ ├── [13M] 4-25 設置 flex 佈局子元素收縮
│ ├── [11M] 4-26 設置 flex 佈局的基礎尺寸
│ ├── [41M] 4-27 設置 flex 佈局子元素寬度的擴展、收縮、基礎尺寸
│ ├── [13M] 4-28 設置 flex 佈局單個子元素在交叉軸上的對齊方式
│ └── [28M] 4-29 課堂總結
├── 5-【基礎】微信小程序中的事件系統及交互反饋 - 極致的小程序交互體驗 /
│ ├── [3.0M] 5-1 課堂介紹
│ ├── [5.1M] 5-2 什麼是事件系統
│ ├── [18M] 5-3 註冊事件的不同方式
│ ├── [26M] 5-4 捕獲階段和冒泡階段
│ ├── [23M] 5-5 事件對象 （上）
│ ├── [18M] 5-7 交互反饋 - Toast
│ ├── [36M] 5-8 交互反饋 - Modal
│ ├── [29M] 5-9 交互反饋 - loading
│ ├── [20M] 5-10 交互反饋 - actionsheet
│ └── [32M] 5-11 課堂總結
├── 6-【中級】小程序的路由跳轉、生命週期和數據存儲 - 構建功能更加豐富的小程序應用 /
│ ├── [2.3M] 6-1 課堂介紹
│ ├── [26M] 6-2 路由跳轉 - navigateTo
│ ├── [43M] 6-3 路由跳轉 - navigateTo 中的 events 和 url 參數傳遞
│ ├── [41M] 6-4 路由跳轉 - navigateBack
│ ├── [19M] 6-5 路由跳轉 - redirect
│ ├── [20M] 6-6 路由跳轉 - switchTab
│ ├── [13M] 6-7 路由跳轉 - reLaunch
│ ├── [4.6M] 6-8 生命週期的概念
│ ├── [80M] 6-9 App 的生命週期
│ ├── [80M] 6-10 Page 的生命週期
│ ├── [2.4M] 6-11 數據存儲的概念
│ ├── [38M] 6-12 全局數據的存儲（增改查）
│ ├── [33M] 6-13 頁面數據的存儲（增改查）
│ ├── [41M] 6-14 快取數據的存儲（增刪改查）
│ └── [29M] 6-15 課堂總結
├── 7-【中級】微信小程序網絡請求的封裝 - 現代應用必不可少的重要環 /
│ ├── @優庫 it 資源網 ukoou.com
│ ├── [2.4M] 7-1 課堂介紹
│ ├── [6.0M] 7-2 網絡請求的概念
│ ├── [57M] 7-3 小程序中如何發起網絡請求
│ ├── [4.3M] 7-4 封裝的意義
│ ├── [39M] 7-5 網絡請求的封裝
│ ├── [26M] 7-6 後端接口的封裝
│ ├── [26M] 7-7 表單實戰 - UI 搭建
│ ├── [60M] 7-8 表單實戰 - 邏輯接口完善
│ └── [1.5M] 7-9 課堂總結
├── 8-【基礎】Vue3 的概念與響應式數據創建和動態的頁面渲染 - Vue3 的特點和基礎語法 /
│ ├── [3.2M] 8-1 課堂介紹
│ ├── [18M] 8-2 Vue3 的特點
│ ├── [29M] 8-3 Vue3 項目的創建方式
│ ├── [32M] 8-4 Vue3 的模板語法
│ ├── [44M] 8-5 Vue3 響應式數據 - ref
│ ├── [35M] 8-6 Vue3 響應式數據 - reactive
│ ├── [35M] 8-7 Vue3 源碼解讀 ref 和 reactive 之間的區別
│ ├── [25M] 8-10 Vue3 指令 v-on-
│ ├── [43M] 8-11 Vue3 事件修飾符
│ ├── [39M] 8-12 Vue3 條件渲染
│ ├── [72M] 8-13 Vue3 列表渲染
│ ├── [67M] 8-14 Vue3 陣列的響應式變更
│ └── [29M] 8-15 課堂總結
├── 9-【入門】Vue3 的常用組件與數據偵聽和生命週期的使用 - Vue3 的核心 /
│ ├── [12M] 9-1 課堂介紹
│ ├── [50M] 9-2 表單控件 - input
│ ├── [35M] 9-3 表單控件 - textarea
│ ├── [64M] 9-4 雙向綁定 v-model
│ ├── [31M] 9-5 表單控件 - radio
│ ├── [34M] 9-6 表單控件 - checkbox
│ ├── [34M] 9-7 表單控件 select
│ ├── [57M] 9-8 表單修飾符
│ ├── [110M] 9-9 計算屬性 - computed
│ ├── [107M] 9-10 偵聽器 - watch
│ ├── [63M] 9-11 生命週期 - 掛載階段
│ ├── [51M] 9-12 生命週期 - 更新階段
│ ├── [52M] 9-13 生命週期 - 卸載階段
│ └── [44M] 9-14 課堂總結
├── 10-【中級】Vue3 的組件化開發和組件間的通信方式 - 大型複雜應用的主流開發模式 /
│ ├── [2.2M] 10-1 課堂介紹
│ ├── [4.0M] 10-2 組件化開發的概念
│ ├── [32M] 10-3 全局組件和局部組件的註冊
│ ├── [14M] 10-4 動態組件 - component
│ ├── [14M] 10-5 props 的概念和數據傳遞
│ ├── [13M] 10-6 利用 snippet generator 生成 vscode 代碼片段
│ ├── [44M] 10-7 props 傳遞的注意事項
│ ├── [54M] 10-8 props 的校驗
│ ├── [52M] 10-9 單向數據流 - 更新父組件中的數據
│ ├── [20M] 10-10 slot - 插槽的基本使用
│ ├── [24M] 10-11 slot - 具名插槽
│ ├── [31M] 10-12 slot - 作用域插槽
│ └── [29M] 10-13 課堂總結
├── 11-【高級】Vue3 的路由管理與狀態管理 - 構建 Vue3 大型應用的基石 /
│ ├── [2.4M] 11-1 課堂介紹
│ ├── [52M] 11-2 Vue Router 的常用註冊方式
│ ├── [68M] 11-3 Vue Router RouterLink 和 RouterView 的相關使用
│ ├── [38M] 11-4 Vue Router 嵌套路由
│ ├── [14M] 11-5 Vue Router 敏感模式和嚴格模式
│ ├── [44M] 11-6 Vue Router 動態路由及 404 頁面配置
│ ├── [42M] 11-7 Vue Router 命名路由和編程式導航
│ ├── [16M] 11-8 Vue Router 中重定向的兩種常用方式
│ ├── [8.6M] 11-9 Vue Router 導航守衛的概念
│ ├── [45M] 11-10 Vue Router 導航守衛詳解
│ ├── [38M] 11-11 KeepAlive 組件詳解和活躍階段的生命週期
│ ├── [7.1M] 11-12 Pinia 的概念
│ ├── [43M] 11-13 Pinia 的安裝和集成
│ ├── [55M] 11-14 Pinia State 的相關使用
│ ├── [16M] 11-15 Pinia Getters 的相關使用
│ ├── [39M] 11-16 Pinia Actions 的相關使用
│ ├── [28M] 11-17 Pinia Plugins 的相關使用
│ └── [40M] 11-18 課堂總結
├── 12-【高級】Uni 的概念與項目創建和相關文件的作用 - 跨端框架的首選 /
│ ├── [2.4M] 12-1 課堂介紹
│ ├── [14M] 12-2 uni 的概念、由來和使用原因
│ ├── [6.4M] 12-3 uni 的語言特點
│ ├── [10M] 12-4 uni 編譯器和運行時
│ ├── [50M] 12-5 uni 官網面板介紹和使用 HBuilderX 創建項目
│ ├── [45M] 12-6 uni 使用 vue-cli 創建項目
│ ├── [35M] 12-7 uni 兩種方式創建項目的區別
│ ├── [29M] 12-8 uni main.js 的作用
│ ├── [34M] 12-9 uni App.vue 的作用
│ ├── [25M] 12-10 uni manifest.json 的作用
│ ├── [42M] 12-11 uni pages.json 的作用和代碼片段的配置
│ └── [11M] 12-12 課堂總結
├── 13-【基礎】Uni 的多個複雜案例實現 - 加深對 Vue3 和小程序知識點的掌握 /
│ ├── [2.5M] 13-1 課堂介紹
│ ├── [53M] 13-2 TabBar 案例
│ ├── [22M] 13-3 Counter 案例（1）
│ ├── [29M] 13-4 Counter 案例（2）
│ ├── [36M] 13-5 Router 案例（1）
│ ├── [38M] 13-6 Router 案例（2）
│ ├── [38M] 13-7 Form 案例
│ ├── [42M] 13-8 Request 案例（1）
│ ├── [60M] 13-9 Request 案例（2）
│ ├── [59M] 13-10 List 案例
│ └── [5.4M] 13-11 課堂總結
├── 14-【高級】“共享足球” 項目實戰（前端）- 靈活運用所學知識 /
│ ├── [19M] 14-1 課堂介紹
│ ├── [26M] 14-2 首頁功能分析和代碼格式化
│ ├── [62M] 14-3 首頁地圖功能搭建
│ ├── [63M] 14-4 首頁掃碼借還和場館概覽搭建
│ ├── [52M] 14-5 首頁掃碼借還和場館概覽事件處理
│ ├── [61M] 14-6 首頁右側圖標功能搭建
│ ├── [67M] 14-7 場館詳情開發搭建
│ ├── [68M] 14-8 場館詳情功能完善
│ ├── [57M] 14-9 客服中心頁面搭建
│ ├── [38M] 14-10 客服中心頁面事件處理
│ ├── [70M] 14-11 問題詳情頁面開發
│ ├── [86M] 14-12 個人中心頁面開發 - 上
│ ├── [48M] 14-13 個人中心頁面開發 - 下
│ ├── [61M] 14-14 用戶註冊登錄頁面
│ ├── [37M] 14-15 我的錢包頁面搭建
│ ├── [53M] 14-16 會員充值頁面搭建
│ ├── [35M] 14-17 訂單列表搭建
│ ├── [24M] 14-18 獎品兌換搭建
│ ├── [55M] 14-19 關於我們頁面搭建
│ └── [5.0M] 14-20 課堂總結
├── 15-【高級】NodeJs 的概念和 NPM 的相關使用 - 構建服務端的基礎技能 /
│ ├── 【認準一手完整 www.ukoou.com】
│ ├── [3.1M] 15-1 課堂介紹
│ ├── [15M] 15-2 NodeJs 的概念作用
│ ├── [13M] 15-3 NodeJs 的安裝和初體驗
│ ├── [16M] 15-4 NodeJs 的 REPL
│ ├── [53M] 15-5 NodeJs 的版本管理工具
│ ├── [55M] 15-6 Npm 的作用和使用
│ ├── [50M] 15-7 Npm 常用的命令及 Npm 包的發布
│ ├── [26M] 15-8 Npm 源管理工具 - Nrm
│ ├── [5.6M] 15-9 模塊化開發的概念介紹
│ ├── [70M] 15-10 CommonJs 模塊化規範
│ ├── [42M] 15-11 EsModule 模塊化規範
│ └── [13M] 15-12 課堂總結
├── 16-【高級】NodeJs 的事件循環、異步 IO、常用內置模塊 - NodeJs 的核心 /
│ ├── [2.0M] 16-1 課堂介紹
│ ├── [20M] 16-2 NodeJs 的底層架構
│ ├── [60M] 16-3 NodeJs 事件循環詳解
│ ├── [35M] 16-4 NodeJs 事件循環練習題目
│ ├── [31M] 16-5 NodeJs 內置模塊 fs 介紹
│ ├── [47M] 16-6 NodeJs 內置模塊 fs 常用操作
│ ├── [35M] 16-7 NodeJs 文件描述符
│ ├── [37M] 16-8 NodeJs 內置模塊 path 介紹
│ ├── [69M] 16-9 NodeJs 內置模塊 http 介紹
│ └── [12M] 16-10 課堂總結
├── 17-【高級】NodeJs 的常用框架 Express 和 Koa - 提升 NodeJs 開發效率 /
│ ├── [3.5M] 17-1 課堂介紹
│ ├── [29M] 17-2 Express 的概念及安裝
│ ├── [37M] 17-3 -1 Express 的 req 和 res 對象
│ ├── [49M] 17-4 -2 Express 的 req 和 res 對象_Sub_01
│ ├── [51M] 17-5 Express 的中間件
│ ├── [29M] 17-6 Express 路由
│ ├── [31M] 17-7 Express 靜態資源存放
│ ├── [86M] 17-8 Express 文件上傳
│ ├── [31M] 17-9 Express 靜態資源存放
│ ├── [31M] 17-10 Express 日誌記錄
│ ├── [42M] 17-11 Express 錯誤處理
│ ├── [13M] 17-12 Koa 的介紹
│ ├── [39M] 17-13 Koa 的請求和響應對象
│ ├── [53M] 17-14 Koa 的中間件
│ ├── [36M] 17-15 Koa 的路由使用
│ ├── [45M] 17-16 Koa 的文件上傳
│ ├── [16M] 17-17 Koa 的靜態資源
│ ├── [13M] 17-18 Koa 的日誌收集
│ ├── [30M] 17-19 Koa 的錯誤處理
│ └── [8.0M] 17-20 課堂總結
├── 18-【高級】MySQL 的概念和常用的數據類型 - 了解 MySQL 和初體驗 /
│ ├── [2.1M] 18-1 課堂介紹
│ ├── [8.2M] 18-2 MySQL 的概念
│ ├── [53M] 18-3 MySQL 的安裝
│ ├── [15M] 18-4 MySQL 默認數據庫及相關概念
│ ├── [35M] 18-5 MySQL 案例初體驗
│ ├── [9.7M] 18-6 MySQL 語句分類
│ ├── [29M] 18-7 MySQL 常用的數據類型
│ └── [17M] 18-8 課堂總結
├── 19-【高級】數據庫操作學習和使用 - 做一個 CRUD 工程師 /
│ ├── [1.7M] 19-1 課堂介紹
│ ├── [28M] 19-2 數據庫的增刪改查
│ ├── [52M] 19-3 表的增刪改查
│ ├── [46M] 19-4 數據的增刪改查
│ ├── [37M] 19-5 MySQL 查詢講解 - 1
│ ├── [39M] 19-6 MySQL 查詢講解 - 2
│ ├── [38M] 19-7 MySQL SQL JOIN 講解 - 1
│ ├── [51M] 19-8 MySQL SQL JOIN 講解 - 2
│ ├── [51M] 19-9 mysql2 的使用方式
│ └── [5.9M] 19-10 課堂總結
├── 20-【高級】“共享足球” 項目實戰（後端）- 靈活使用所學知識 /
│ ├── [2.8M] 20-1 課堂介紹
│ ├── [71M] 20-2 項目環境搭建
│ ├── [73M] 20-3 場館設備接口實現
│ ├── [47M] 20-4 登錄流程詳解
│ ├── [73M] 20-5 註冊接口實現
│ ├── [38M] 20-6 -1 登錄接口實現
│ ├── [36M] 20-7 -2 登錄接口實現
│ ├── [42M] 20-8 微信支付流程詳解
│ ├── [65M] 20-9 -1 登錄鑑權和充值接口實現
│ ├── [61M] 20-10 -2 登錄鑑權和充值接口實現
│ ├── [67M] 20-11 獎品兌換接口實現
│ ├── [65M] 20-12 創建訂單接口實現
│ ├── [53M] 20-13 結束訂單接口實現
│ ├── [52M] 20-14 訂單列表接口實現
│ ├── [46M] 20-15 客服問題接口實現
│ ├── [74M] 20-16 頭像上傳接口實現
│ ├── [58M] 20-17 用戶頭像訪問實現
│ ├── [29M] 20-18 接口數據結構的處理
│ └── [9.4M] 20-19 課堂總結
├── 21 - 前後端項目接口聯調 - 保證項目平穩落地 /
│ ├── [2.7M] 21-1 課堂介紹
│ ├── [88M] 21-2 場館接口聯調
│ ├── [51M] 21-3 客服問題聯調
│ ├── [84M] 21-4 註冊登錄改造
│ ├── [28M] 21-5 註冊登錄接口聯調
│ ├── [53M] 21-6 頭像上傳接口調試
│ ├── [30M] 21-7 充值接口聯調
│ ├── [17M] 21-8 cdkey 兌換聯調
│ ├── [39M] 21-9 訂單的創建和結束
│ ├── [38M] 21-10 訂單列表接口聯調
│ └── [12M] 21-11 課堂總結
├── 22 - 項目上線及部署 - 發布你的應用讓全世界的人去使用吧！/
│ ├── [2.2M] 22-1 課堂介紹
│ ├── [6.4M] 22-2 雲伺服器的概念和作用
│ ├── [54M] 22-3 雲伺服器的選擇和購買
│ ├── [70M] 22-4 centos 7.9 項目環境搭建和部署
│ ├── [59M] 22-5 pm2 的使用和自動化部署
│ └── [16M] 22-6 課堂總結