TS介紹
安裝並編譯TypeScript
基本資料類型
任意值(Any)
類型推論
聯合類型
介面
陣列
函數聲明、函數表達式
可選參數、參數預設值
剩餘參數、重載
語法,將一個聯合類型斷言為其中一個類型
將一個父類斷言為更具體的子類
將任何一個型別斷言為any
將any斷言為一個具體的類型
類型斷言的限制
雙重肯定
類型斷言 VS 泛型
使用type關鍵字定義類型別名和字串字面量類型
元組
列舉
概念、建構子、屬性與方法
存取器
靜態方法
三種存取修飾符:public、private和prote
參數屬性和唯讀屬性關鍵字
抽象類別
類別與介面、類別繼承介面、介面繼承介面、介面繼承類別
概念、簡單範例
多個類型參數
泛型約束
泛型介面
泛型類別
聲明合併、同名函數、介面、類別的合併
寫在結尾
開篇介紹
Vue3運行環境安裝--為什麼需要安裝運行環境
npm鏡像安裝
VueCI鷹架安裝
建立Vue3項目
專案目錄結構講解
vue2VSvue3專案main.js對比
了解vue3生命週期變化以及setup函數
ref,reactive響應式資料生命
Element-puls引入
引入HTTP框架
封裝axios
朝夕後台管理系統頁面結構分析以及登入頁編寫
使用axios完成登入
完善主頁左側選單欄
設計子路由
課程清單頁編寫
實現前端清單分頁
分頁組件以及篩選列表
專案總結
課程介紹01
課程介紹02
vue2 vs vue3差異化比較--速度更快
vue2 vs vue3 差異化對比--體積減少
vue2 vs vue3 差異化對比--更容易維護
vue2 vs vue3 差異化對比--原生支持度更高
專案功能展示
開發環境和技術堆疊
安裝NodeJS環境
安裝Vue-CLI
建立前端專案、以及目錄介紹
安裝TypeScript和SCSS
ElementPlus的介紹與使用
網站模組劃分
路由的配置與使用
網站頭部和尾部的開發以及組件的使用
選單列控制項的使用,結合路由實作切換
首頁之banner輪播圖的實現
從變數讀取輪播圖數據
axios的使用,讀取JSON數據
後端開發之webapi的新建、運行、以及目錄講解
webapi路由的設置,以及使用swagger查看和調試接口
axios讀取webapi,跨域問題解析
解析跨域後端處理方式
解決跨域之前端處理方式
首頁之主體內容開發
鮮花列表接口
登入註冊頁功能分析,以及User表設計
SqlSugar的介紹,以及安裝
使用SqlSugar實作Code First,建立資料庫
使用SqlSugar結合反射生成表,以及初始化數據
Service層搭建,以及結構介紹
AutoMapper的安裝與使用
鮮花清單介面對接資料庫
vues的介紹與使用,透過vuex狀態管理
註冊介面的實現,以及提交表單輸出參數
後端API對接
登入介面的實現,後端API對接
使用vuex實現右上角狀態切換-完整流程
驗證碼分析,以及實現流程分析
驗證碼後端介面的實現
驗證碼功能前端的實作(點擊刷新)
登入註冊補充驗證碼邏輯
前端列表頁的實現
列表頁資料的讀取以及綁定
組件化開發列表頁提取
詳情頁的實現
詳情頁資料的讀取以及綁定
麵包屑組件的使用
支付頁設計,以及發起創建訂單請求
建立訂單介面的實現
訂單介面分析,憑證的重要性
jwt的使用,登入註冊邏輯調整
前端登入註冊邏輯調整,token的保存與解析
建立訂單介面加上認證邏輯
個人中心頁面的開發
訂單列表資料的讀取和綁定
認證邏輯的演示以及多種做法
後端升級之IOC的概念以及實現
後端升級之IOC的擴展,Autofac的用法
前端升級之Axios攔截器的使用(上)
前端升級之Axios攔截器的使用(下)
Log4Net的配置與使用(上),寫文字日誌
Log4Net的配置與使用(下),寫入資料庫日誌
發布和部署在後端
發布和部署之前端
本套影片教學對TypeScript進行了深入講解,其中涵蓋了環境搭建、TypeScript中的各種類型(基本型別、陣列、物件、元組、枚舉、unknown、any、void、never等)、TypeScript的編譯選項,以及TypeScript中物件導向的相關知識(類別、抽象類別和介面),教學最後透過電商專案落地實操對知識進行了系統的串聯。