ASP.NET Core 6.0+Vue.js 3 實(shí)戰(zhàn)開(kāi)發(fā)（視頻）

時(shí)間：2023-05-23 19:24:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-05-23 19:24:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

ASP.NET Core 6.0+Vue.js 3 實(shí)戰(zhàn)開(kāi)發(fā)（視頻）：

大家好，我是張飛洪，感謝您的閱讀，我會(huì)不定期和你分享學(xué)習(xí)心得，希望我的文章或視頻能成為你成長(zhǎng)路上的墊腳石。

錄制視頻的體驗(yàn)

這是一個(gè)收費(fèi)的視頻，很抱歉，讓您失望了。

我嘗試做點(diǎn)收費(fèi)的視頻，不是因?yàn)槲也蛔雒赓M(fèi)的專(zhuān)欄分享，我還會(huì)繼續(xù)分享下去。

如果你要噴我，我也認(rèn)，誰(shuí)讓我是一普通人。家里老小都要生活，我不能活的太過(guò)清高了。

工作10多年，寫(xiě)了很多文章，翻譯了不少外文，也錄制了一些視頻，這次是最用心錄制的一個(gè)專(zhuān)欄。

錄制視頻需要時(shí)間，選題、備課、錄制、剪輯、復(fù)盤(pán)等，要制作精良實(shí)屬不易。

我因?yàn)榧依镉行『?，白天無(wú)法干活，只能每天早上4:30起來(lái)，錄制到6:30，這段時(shí)間是我最清凈、最寶貴的時(shí)間。

在有限的2個(gè)小時(shí)，我告訴自己必須每天堅(jiān)持1-2集，所以選題和備課是最困難的，備課幾乎占據(jù)了我2/3的時(shí)間。

因?yàn)槲蚁Ｍ约好恳淮武浿颇軌虮戎案靡稽c(diǎn)，所以如果備課不扎實(shí)，會(huì)出現(xiàn)一個(gè)視頻錄制十幾遍還錄制不好的情況，甚至一度有點(diǎn)失望，抬頭看看墻上的鬧鐘，2個(gè)小時(shí)快用完了，心急如焚。

寫(xiě)文章自己懂了就完事了，視頻是自己不但要懂，而且重要的是聽(tīng)眾有沒(méi)有懂更重要。它考驗(yàn)的是另外一種能力，包括表達(dá)力，思維力和心理素質(zhì)等等。

試想，如果我是觀眾，我會(huì)如何評(píng)價(jià)眼前的課程，己所不欲勿施于人，自己不喜歡的內(nèi)容，最好不要讓別人跟著難受。

所以在錄制的時(shí)候，雖然眼前沒(méi)有聽(tīng)眾，心懷敬畏之心，我每次錄制都假設(shè)眼前有一批同學(xué)，我必須放穩(wěn)心態(tài)，保持大腦冷靜，思路清晰，把自己掌握的內(nèi)容耐心、清晰地傳遞出去。

錄制視頻我收獲很多，比如備課技巧，表達(dá)方法等等，我覺(jué)得最大的收獲就是心里要有敬畏之心，要對(duì)得起聽(tīng)眾。

我相信有錄制經(jīng)驗(yàn)的同學(xué)，或者上過(guò)演講臺(tái)的，或者作為聽(tīng)眾也好，我們會(huì)經(jīng)常聽(tīng)到對(duì)方呃/呃…，這個(gè)/這個(gè)…，那個(gè)/那個(gè)的表達(dá)問(wèn)題。

我這里為什么不用口頭禪，而是用表達(dá)問(wèn)題。

你用心分析，不是因?yàn)閷?duì)方故意這樣，這其實(shí)不是口頭禪，是因?yàn)閷?duì)方不熟練，加上心態(tài)問(wèn)題，比如著急、緊張等因素，非常微妙的影響。如果你不持續(xù)鼓勵(lì)和復(fù)盤(pán)，很難相信你會(huì)堅(jiān)持錄制下來(lái)，就算你錄制下來(lái)了，質(zhì)量一定也是有問(wèn)題的。

錄制的功夫在錄制之外，在備課的充分程度，在心態(tài)的謙卑和恭敬。

視頻地址

點(diǎn)擊跳轉(zhuǎn)

如果你聽(tīng)了覺(jué)得還可以，希望您能給我捧捧場(chǎng)，非常感謝。

視頻內(nèi)容介紹

對(duì)前端來(lái)說(shuō)，Vue.js 3的升級(jí)帶來(lái)了**更小、更快**的版本。同時(shí)，對(duì)TypeScript的全面支持，使其變得更易于維護(hù)和使用；

?對(duì)后端來(lái)說(shuō)，http://ASP.NET Core 6是截止目前最快、且被長(zhǎng)期支持（LTS）的跨平臺(tái)Web框架，是微軟開(kāi)源的精品。

?采用Vue.js加http://ASP.NET Core 6的組合，結(jié)合二者的流行性和先進(jìn)性一定能給您的開(kāi)發(fā)過(guò)程帶來(lái)極致的體驗(yàn)。

?在本視頻的結(jié)尾，您將掌握如何構(gòu)建一個(gè)企業(yè)級(jí)全棧web應(yīng)用程序，使用npm管理我們的Vue包，使用NuGet管理我們的http://ASP.NET Core包，最后使用GitHub把我們的應(yīng)用部署到本地服務(wù)器或者云端。

本文是《http://ASP.NET Core 6.0+Vue.js 3 實(shí)戰(zhàn)開(kāi)發(fā)》的第一篇，主要是介紹整體內(nèi)容的目標(biāo)、規(guī)劃和章節(jié)。

對(duì)前端來(lái)說(shuō)，Vue.js 3的升級(jí)帶來(lái)了更小、更快的版本。同時(shí)，對(duì)TypeScript的全面支持，使其變得更易于維護(hù)和使用；對(duì)后端來(lái)說(shuō)，http://ASP.NET Core 6是截止目前最快、且被長(zhǎng)期支持（LTS）的跨平臺(tái)Web框架，是微軟開(kāi)源的精品。

采用Vue.js加http://ASP.NET Core 6的組合，結(jié)合二者的流行性和先進(jìn)性一定能給您的開(kāi)發(fā)過(guò)程帶來(lái)極致的體驗(yàn)。

你將獲得：

- 框架：

- 一套基于Vue 3和http://ASP.NET Core 6的輕量化的模板框架，可以拿來(lái)即用。

- .NET：

- 一套完善的系統(tǒng)設(shè)計(jì)理念，滿足開(kāi)發(fā)人員可以在基礎(chǔ)版本上不斷迭代演化的要求。

- 基于http://ASP.NET Core的整潔架構(gòu)體系。包括如何做架構(gòu)設(shè)計(jì)、技術(shù)選型，為將來(lái)可能的架構(gòu)演化做準(zhǔn)備。

- 研討CQRS模式、中介者模式以及CQRS的實(shí)戰(zhàn)應(yīng)用。

- 基于JWT的http://ASP.NET Core 6 Web API的身份認(rèn)證和授權(quán)機(jī)制。

- 通過(guò)Redis實(shí)現(xiàn)基于http://ASP.NET Core的分布式緩存。

- Vue

- Vue.js實(shí)戰(zhàn)案例。

- 使用Vuex簡(jiǎn)化狀態(tài)管理和發(fā)送HTTP GET請(qǐng)求。

- Vue.js身份驗(yàn)證。

- 測(cè)試

- 使用xUnit編寫(xiě)集成測(cè)試

- 部署

- 使用GitHub和Azure進(jìn)行自動(dòng)部署

在本視頻的結(jié)尾，您將掌握如何構(gòu)建一個(gè)企業(yè)級(jí)全棧web應(yīng)用程序，使用npm管理我們的Vue包，使用NuGet管理我們的http://ASP.NET Core包，最后使用GitHub把我們的應(yīng)用部署到本地服務(wù)器或者云端。

本視頻的內(nèi)容：

第1節(jié)：http://ASP.NET Core和Vue.js的入門(mén)介紹。讓您對(duì)基于http://ASP.NET Core和Vue.js開(kāi)發(fā)的前景有一個(gè)初步體驗(yàn)。

第2節(jié)：準(zhǔn)備開(kāi)發(fā)環(huán)境。介紹前后端的開(kāi)發(fā)環(huán)境，包括主流的IDE和文本編輯器、調(diào)試工具、開(kāi)源組件、數(shù)據(jù)庫(kù)、代碼管理、DevOps工具等。

第3節(jié)：從啟動(dòng)http://ASP.NET Core項(xiàng)目開(kāi)始，逐步構(gòu)建一個(gè)http://ASP.NET Core 6 Web API項(xiàng)目。包括默認(rèn)的文件和代碼的介紹，比如Program.cs和Start.cs文件、依賴(lài)服務(wù)（services）和中間件（middleware）。

第4節(jié)：介紹基于http://ASP.NET Core的整潔架構(gòu)體系。包括如何做架構(gòu)設(shè)計(jì)、技術(shù)選型，為將來(lái)可能的架構(gòu)演化做準(zhǔn)備。

第5節(jié)：創(chuàng)建DbContext（數(shù)據(jù)庫(kù)上下文）和Controllers（控制器）。包括創(chuàng)建數(shù)據(jù)庫(kù)、EF Core、DbContext、實(shí)體和枚舉，另外還將介紹使用Swagger UI編寫(xiě)并測(cè)試Controllers。

第6節(jié)：深入研討CQRS模式、中介者模式以及CQRS和管道的MediatR。

第7節(jié)：CQRS的實(shí)戰(zhàn)應(yīng)用。展示如何落地CQRS，如何使用FluentValidation和AutoMapper，以及如何編寫(xiě)queries（查詢）、commands（命令）和IServiceCollection。

第8節(jié)：http://ASP.NET Core中的API版本控制和日志記錄。API版本管理和日志是確保后續(xù)系統(tǒng)可維護(hù)性的關(guān)鍵。

第9節(jié)：探討基于JWT的http://ASP.NET Core 6 Web API的身份認(rèn)證和授權(quán)機(jī)制。介紹http://ASP.NET Core 5與Vue.js 3的落地集成，包括如何使用JWT工具、如何定制JWT中間件、開(kāi)發(fā)身份驗(yàn)證，以及通過(guò)GET、POST、PUT和DELETE方法上實(shí)現(xiàn)基于角色的授權(quán)。

第10節(jié)：通過(guò)Redis提升系統(tǒng)性能。通過(guò)Redis實(shí)現(xiàn)基于http://ASP.NET Core的分布式緩存。

第11節(jié)：Vue.js基礎(chǔ)知識(shí)。重點(diǎn)介紹npm包管理器和Vue CLI，以及通過(guò)這些工具和配置選項(xiàng)快速構(gòu)建Vue.js項(xiàng)目，另外還介紹了Vue常用組件及用途。

第12節(jié)：使用UI組件庫(kù)創(chuàng)建路由和導(dǎo)航。介紹如何基于Vue.js社區(qū)做開(kāi)源UI庫(kù)（比如Element UI、Ant Design UI）的選型和落地開(kāi)發(fā)。

第13節(jié)：集成http://ASP.NET Core和Vue.js。介紹如何將http://ASP.NET Core Web API和Vue.js融合為一個(gè)整體。

第14節(jié)：使用Vuex簡(jiǎn)化狀態(tài)管理和發(fā)送HTTP GET請(qǐng)求。介紹了大型和復(fù)雜的web應(yīng)用程序中常見(jiàn)的組件間狀態(tài)同步的問(wèn)題。

第15節(jié)：在Vue.js中通過(guò)Vuex發(fā)送POST、DELETE和PUT HTTP請(qǐng)求。介紹前后端查詢、刪除、創(chuàng)建和更新數(shù)據(jù)的整個(gè)過(guò)程。

第16節(jié)：在Vue.js中添加身份驗(yàn)證。介紹了Vuex的身份驗(yàn)證設(shè)置以及身份驗(yàn)證保護(hù)，還介紹了HTTP攔截器和自動(dòng)登錄設(shè)置。

第17節(jié)：表單輸入驗(yàn)證。包括Vuelidate的驗(yàn)證庫(kù)的安裝，并實(shí)現(xiàn)表單常見(jiàn)驗(yàn)證功能。

第18節(jié)：使用xUnit編寫(xiě)集成測(cè)試。介紹如何高效測(cè)試http://ASP.NET Core 6和Vue.js應(yīng)用程序。

第19節(jié)：使用GitHub和Azure進(jìn)行自動(dòng)部署。介紹什么是GitHub Actions ，以及如何使用GitHub Actions實(shí)現(xiàn)應(yīng)用程序的自動(dòng)部署。

本視頻的讀者對(duì)象：

這本視頻面向希望使用Vue.js的.NET構(gòu)建企業(yè)級(jí)web應(yīng)用的全棧開(kāi)發(fā)人員，希望使用http://ASP.NET Core快速、高效地驗(yàn)證業(yè)務(wù)可行性的開(kāi)發(fā)人員，以及希望使用TypeScript和C#語(yǔ)言編寫(xiě)可讀和可維護(hù)代碼的開(kāi)發(fā)人員。一般.NET開(kāi)發(fā)人員只需要中級(jí)水平，對(duì)C#語(yǔ)言、JavaScript和ECMAScript的有一定的理解即可。