[課程大綱] ASP.NET MVC 5 + .NET Core MVC 線上教學、線上教程,教學視頻(完整版 & 試聽)
2022/1/1 已將所有範例通通轉成 .NET Core 6 / VS 2022版本。有差異的部分也有補充錄影說明。
自從 2018年中,我把影片上線以來,已經過了幾年。
一路不斷的補充,現在的課程已經從「基礎的75小時」一路延伸到「完整版,約 140小時」
通常是學員發問,我再做增補(別的學員有問題,可能您也會遇見、也想學)
我直接公開 2024/6/1目前的所有課程內容,豐不豐富,請您自己判斷。
第一天課程,也開放試聽 ,對您才有保障!
第一天課程,也開放試聽 ,對您才有保障!
第一天課程,也開放試聽 ,對您才有保障!
學員感言與推薦,請看這裡 https://www.dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab
2022/1/1 我已經將多數的範例通通轉成 .NET Core 6 / VS 2022版本。有差異的部分也有補充錄影說明。
=== 課 程 大 綱 =====
[入門篇] .....................................................................................
與其他書籍與課程,最大的不同:就是我多了兩天的「補救教學」
大部分的學員,也都是因為這兩天補救教學,才來購買我的課程。
如果您在其他課程、書籍的「自學、自修」上面卡關、撞牆,請您試聽看看……
目前已經上線的 ASP.NET MVC 內容,累積時數約 140小時(完整課,含 .NET Core升級)
建議 以「 NET 4.x(完整版)MVC 5」為基礎,
您已有90%穩定基礎,再 "升級" 新版 .NET Core不會太累。遇見舊系統要維護,也能輕鬆面對。
..................................................................................
綠色的影片,標準12天課程(NET 4.x 完整版) 把基礎打好,很重要
藍色的影片,NET Core 8.0 + VS 2022 - NET 6.0與 8.0均為 長期支援版(LTS)
橘色的影片,NET Core 6.0/7.0 + VS 2022 重新錄製 或 已提供 VS2022 最新範例。
(1) 完整版課程 約140小時(延續四年多,補充至今)。外面平台販售的MVC課程,只是本課程的一小部份,並非全部。直接跟我購買才是 "完整版"。不用緊張,也不用來信確認
(2) 不強求每一堂課都會,因為有些內容,或許您目前、暫時用不上。
與其貪多,不如求精、求熟練! 我自己就是領悟、熟練 前三天招式後,後續進階內容一路順暢。
..................................................................................
第一天,補救教學 與 試聽
1-1 MVC 第一門課,外面網站有哪些功能,學完這門課以後您也做得到? 動手做一個檢視畫面去瞭解 MVC。
Youtube免費觀賞 (1-1) https://youtu.be/9spaHik87-A Facebook的 (1-1) 影片 https://www.facebook.com/mis2000lab/videos/232422547618429/
1-2 Controller 與 View(檢視畫面)的互動。
Youtube免費觀賞 (1-2) https://youtu.be/BFkIFg1iFLo Facebook的 (1-2) 影片 https://www.facebook.com/mis2000lab/videos/344248639680066/
1-3 撰寫第一個類別檔。
後來錄製的 .NET Core 6.0 版 MVC,第一天完整試聽。 https://youtu.be/TSmwpT-Bx4I
第二天,補救教學#2 NET 4.x版 + NET Core 8.0 (請放心!跟 6.0 一模一樣)
2-1 Razor 與 @HTML 輔助方法、表單(新增與輸入)。
2-2 搭配類別檔的輸入與輸出。 Routing(路由)入門、實作與觀念澄清(複習與小考)。Routing在第三天還有補充。
[補充教材] NET Core 6.0~8.0(檢視畫面) 預設採用 TagHelper (2022/2月)
最後的 <Select> 清單控制項(下拉式選單 DropDownList + CheckBoxList)請參考 "第七天"補充教材 Contoso University
..................................................................................................
[初學者FAQ] 血淚教訓,以我為例 - 千萬別犯了跟我一樣的錯誤!
[初學者FAQ] 學完 前兩天 突然感覺 自己「C#基礎語法」不熟悉? 怎麼辦?
如果您有這個問題,可能犯了一個 初學者錯誤(我也經常陷入。所以不用覺得丟臉、羞愧) 見樹 不見林......太專注於某幾個「沒學過的單字」、「小細節」 而忘記這支程式、這個功能的「大方向」
[初學者FAQ] 黃色小鴨 除錯法 - 如果無法「清楚地 描述」問題,就永遠得不到答案
如何在問別人以前,自己就找到線索、找到解法? 太神奇了!但這種"除錯法" 真實存在,資深老鳥 與 高手都在用(不過就是「反求諸己」罷了)
..................................................................................................
第三天, *** 外面的書籍、課程、原廠官方教學,都是從這裡開始。 ***
缺乏了前兩天的「補救教學」所以很多初學者聽不懂,跟不上!
在第三天課程開始以前,如果真的「從零開始」學起,連資料庫都不懂,可參考看看 ( 內容很淺,也可跳過)
[補充教材] SQL Server 資料庫簡易入門
3-1 第一次連上資料庫(單一資料表),DB First 與對應資料表的類別檔。 NET Core在這部分變化較大。 需要自己下指令。
3-2 基礎篇: 新增、資料呈現(主表明細,Master-Details)
(1) Q&A 課後補充 - ToList()方法,何時才能用?何時不該用? (2019/3月) 重點!感謝學員提問,讓我更新教材。 .NET Core可運作,幾乎沒有變化。
(2) Any()方法 - Details動作,為何if (== null) 無法辨識「沒抓到任一筆紀錄」的情況? (2023/3月)
(3) AsNoTracking()方法 - 1). 避免EF的快取 2). 避免Select * from...的消耗 3). 解決"匿名型別" 的錯誤 (2021/7月)
(4) LINQ補充 - First()與 Single()哪種方法效能最高? NET 4.x與 NET Core一體適用 (2023/10月)
[初學者注意] 反覆學習「前三天」課程,越熟練越好! 只要前三天基礎穩了,後面就很順暢.....
3-3 衍生篇: 編輯、刪除、"單一條件"的搜尋、分頁(有三種寫法)。
"多個關鍵字"的搜尋(2018/10 月)
[補充教材] 重點!感謝學員提問,讓我更新教材。 NET Core可運作,幾乎沒有變化。 為何 C#可區分大小寫的 Contains()方法,在此無用? (2023/1月)
[補充教材] .MVC 的路由(Routing)NET Core / VS2022可運作,幾乎沒有變化。路由後面可搭配 "多個參數",請參閱本單元的範例 (2021/10月)
3-4 (NET 4.x版,第三天 最後一節) [NET 4.x版 補充教材] ADO. NET + MVC 如果沒用到 ADO. NET,可跳過不看。學會 ADO .NET才是真正 "跨"微軟平台!
[補充教材] ASP. NET Core 8.0 + ADO. NET(讀取 appsettings設定檔、DB連結字串) (2023/6月)
[補充教材] Windows Form + ADO. NET(撰寫 . exe 執行檔,Windows Form 視窗程式)
[補充教材] LINQ 超入門 使用微軟官方文件的範例,NET 4.x~Core 8.0均適用(2022/7月)
==(第三天 補充教材,選修)======
[補充教材] 專題 - 「 MVC 線上相簿」為例(2019/8月補充)
拆解別人寫好的專案,看看自己在第三天學到的基礎,能組合出什麼功能?我加了分頁、編輯(圖片)...等原廠沒提供的功能。
[學員感言] mis2000lab課程評價 - ASP.NET MVC , Web Form
https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b
[進階篇] .....................................................................................
2022/1/1 我已經將多數的範例通通轉成 .NET Core 6 / VS 2022版本。有差異的部分也有補充錄影說明。
第四天 比較進階,初學者暫時略過,先看「第五天」課程較常用到
第五天,表單驗證(Validation) NET Core / VS2022可運作,幾乎沒變化。
5-1 [最基本的招數] MVC 內建的表單驗證(Validation)。不用寫程式就能做到。
*** 外面的入門書與課程,只介紹 5-1這一節而已。 以下兩種進階作法,任選其一 即可。***
5-2 [進階 / 選修課] 自訂驗證 屬性(有一點點難度)。
5-3 [進階 / 選修課] 自訂驗證 模型。
5-4 NET Core 6與7 / VS2022 的變化 。
[進階篇 #1] .....................................................................................
[選修課] 第四天,倉庫(Repository)與 介面(Interface) 第一次學MVC可"暫時"跳過不看,日後再補修。 NET Core可運作,密切注意 Program.cs設定檔的變化!這是 "第三天" 的延伸內容。 範例(專案)以 2022為名 是新版 VS2022 / NET Core 6版本。
4-1 倉庫(Repository)與 介面(Interface)。
4-2 IDisposable 介面 與 .Dispose() 方法
4-3 增加 NET Core的範例,寫法一模一樣。不用怕!
4-4 NET Core的 DI (依賴注入)與 AddScope()方法 (2021/5月)
4-5 OOP 物件導向 / C#入門小補充
4-6 Visual Studio的「效能分析工具」 (2023/4月)
註:最後一堂課 第十二天 WebAPI,有一個 gRPC(google遠端程序呼叫)建議有 "第四天"基礎再學習,更易吸收。
[選修課] NET Core的 DI範例 - 使用 介面(interface)並在Program.cs註冊 (2024/5月 for NET Core 6 / VS2022)
初學者 先不急著學習 - 第七天 下拉式選單的範例,從 NET 4.x版改寫後發現錯誤。在新版 NET Core撰寫類別檔要注意的事項:1. 使用介面 2.透過DI 在 Program.cs設定檔使用.AddScope()來註冊。才是 NET Core建議的寫法。
[選修課] 單元測試(Unit Test)/ 以NET Core為例 (2022/4月 for NET Core 6 / VS2022)
使用 NUnit與 MSTest來示範,您只需任選一個學習即可。
[進階篇 #2] ........難度提升 ......................................................
*** 難度高,但很重要!! 初學者可先看後面的教學 *** (2023/6月 重新錄製)
[新] 第六天,「一對多」關連式資料表 與 自行規劃ViewModel
如何寫「後端程式」搭配合適的「ViewModel」,對初學者不容易。所以這一節有難度。
但關連式資料表,一定會用到。遲早要學。提供多種寫法,請挑選「適合自己情況」來用即可。
(1) 關連式資料表(一對多)。導致 ViewModel也會有大變化。
(2) SQL 指令的 JOIN、.include()擴充方法。
(3) 6-2節 重新錄製。SQL Profiler工具的應用,觀察 LINQ 轉成什麼 SQL 指令?
(2023/6月重新錄製。提供PDF檔 比較 .NET 4.x與 NET Core 6.0~8.0。同一範例轉成SQL指令後的差異)
增加兩個[補充教材] 感謝學員提問,讓我更新教材 NET Core可運作,幾乎沒有變化。
3-1) Join與Group分組 - .GroupJoin()方法 - 以 UserDB2控制器的 IndexMasterDeatils5 為例,有兩個改良版本。 (2023/6月)
3-2) 十分鐘瞭解 JOIN與 .include()方法 在 .NET Core 6的變化 (2021/12月)
3-3) ViewModel 三種變化 (多種寫法,請任選一種 / 適合您的需求即可)。
[補充教材] 建議完成第三與第六天以後再學。如果沒用到 ADO. NET可跳過不看,當成 [補充教材]。
(03-06) ADO .NET Dapper 搭配 不同的 ViewModel類別檔。 多種寫法供您參考,可挑「適合自己情況」的一種即可。
Multi-Mapping「一對多」關連式報表 / 所有的檢視畫面、ViewModel都要「自己寫」!
*** 難度高,初學者可以先看後面的教學 ***
第七天, 清單控制項 與 編輯資料時的Binding。搭配前端JavaScript / jQuery互動。
(1) 清單控制項 - DropDownList / RadioButton / CheckBox(單選、複選)搭配ViewModel
(2) 清單控制項 - 搭配資料庫。
(3) 多個 "下拉式選單" 的「互動」(如:郵遞區號。縣市與鄉鎮的關連)。範例:DropDownList的兩個 "連動" 控制器。
(4) 清單控制項的 Binding(資料編輯時,可與現有資料對應)。範例:CheckBoxList的兩個控制器。
(5) [補充範例] 2024/5月錄製,影片放在第四天(倉庫與介面)選修課。
[補充教材] 微軟範例 Contoso University - EF Core (Code First)、<Select>清單控制項 (NET Core的 Tag Helper)(2023/4月)沒完成第六、第七天課程的話,不要看!
(1) [選修] Code First,自動建立資料庫範例 DB Initialize(各種 NET版本的寫法都不同)
(2) EF Core,類別的繼承(從 Person類別檔 衍生 "學生"、"講師"兩個ViewModel)
(3) <Select>清單控制項(DropDownList、CheckBoxList)與 檢視畫面的TagHelper
[學員感言] mis2000lab課程評價 - ASP.NET MVC , Web Form
https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b
[實戰 & 補充篇] .....................................................................................
第八天與第九天課程,我沒打算重新錄影。因為跟 .NET 4.x版差異極小!
第八天, 前端特效 與 UI [選修課] 範例均包含 MVC 與 Web Form 兩種作法:
jQueryUI,表單元件與特效。。
RWD(自適應、響應式網頁),Bootstrap。
CKeditor,網頁上的編輯器。
fancyBox,燈箱與圖層 (layer) 的特效。
Google Chart,網頁圖表產生器。 MVC / Web Form 搭配 JavaScript
== 改用 NET Core以後,有何變化? =======================
前端特效 for NET Core 6 /VS2022
NET Core的 小修改:第一,檢視畫面 改用 TagHelper (詳見 第二天 補充教材)。請放心,原本 @HtmlHelper仍可運作。 前端 .js 會抓取"表單元件的 id",例如 <input id="表單ID名稱" ... /> 所以差異很小。
第二,前端特效使用的 .js與 .css 檔(或圖片...等目錄)務必放到 /wwwroot目錄下。這是 NET Core跟以前NET 4.x完整版 唯一不同之處。
靜態網頁的幾種測試結果,NET Core補充教材 [RWD] bootstrap5 for NET Core 6.0~8.0 (2023/6月)
第九天, MVC 畫面的外觀 與 自訂 UI
9-1 Layout、PartialView、UIHint(自訂畫面 UI) for .NET 4.x版
9-2 線上相簿的範例
源自微軟官方教材,我們可以從官方教材裡面,學到什麼?。
哪些是我們學過的?哪些是新的? 包含以下範例:
* 檔案上傳(FileUpload),將圖片(二進位格式)存入資料表
* _Layout(版面配置頁)
* PartialView(部分檢視)。類似 Web Form 的使用者控制項(UC)
第十天, 檔案上傳 FileUpload + 圖片該存在 Web硬碟或資料庫?
10-1 檔案上傳與各種變化,程式碼跟 Web Form 類似。很簡單。
10-2 後半段課程,建議把「常用的程式碼」、「設定值」抽離出來,統一管理。 (.NET Standard教學與範例)
10-3 Case Study - FileUpload 與資料庫的整合應用(有兩種作法)NET Core也得學這一節,綜合練習
(1) 為什麼把檔案(BLOB)直接存入 資料庫/DB 是 不好的?
(2) [補充教材] SQL Server - FILESTREAM 的設定。內容僅供參考。
注意!!NET Core 檔案上傳(FileUpload)改用 IFormFile 。多一個大寫的 I(介面 Interface)
NET Core「檔案上傳」請參考後續兩個補充範例: 第一,Excel與NPOI, 第二,網路購物商城的 Shop3控制器。
[補充教材] 匯出(輸出、產生) 與 讀取Excel - NPOI (2020/4月更新,與"檔案上傳"有關)
NET Core / VS2022可運作,幾乎沒有變化。 衷心建議「初學者」還是看完上面 第十天 FileUpload課程後,再來學習這一節。
[補充教材] 檔案簽章驗證 - 檢查副檔名與檔案格式,兩者是否匹配? 避免有人偽造副檔名。
[補充教材] 匯出與讀取Excel -- NPOI (2020/4月補充,跟 檔案上傳 有關)-- .NET Core 檔案上傳的寫法有些修正,改用 IFormFile來做(大寫的 I , Interface)。
第十一天, 會員登入 與 權限控管(搭配自己設定的會員資料庫)
(本節內容 NET 4.x版 與 NET Core差異較大。 但會員登入與控管,基本觀念在所有網頁都相同!
即使 NET Core仍要學。務必把 第十一天課程看過)千萬不要 跳過舊版 卻直接看 "Core 新版"的內容。
11-1 狀態管理,透過 Session & Cookie 登入 (Only for NET 4.x版 MVC)
NET 4.x版的 MVC 5 專案,搭配類別庫(DLL)專案 NET Core少用Session,請改用 ClaimIdentity / 建議您看一下,瞭解原理。
NET Core寫法改變,自己寫的類別檔,必須使用 "介面/Interface"並在Program.cs註冊(搭配DI),請參考第四天的說明
11-2 FormsAuthentication 類別(搭配 Web.config 設定檔。Web Form也可以用此寫法)
MVC的 [Authorize] - 此作法不變,不分版本皆可用
以上兩者 NET Core不再使用 Session,但作法雷同!建議您看一下,瞭解原理。
11-3 Case Study - 跟資料表、流程規劃有關,不分版本皆可用
(1) 以 MD5 / SHA1 雜湊運算,打亂機密資料(單向打亂,無法復原,所以不是「加密 / 解密」)
(2) 會員登入後,需透過 E-Mail 確認身份,才能使用這個帳號
雖然「NET Core會員登入」跟舊版MVC差異大,衷心建議「初學者」耐心看完上面 "第十一天" NET 4.x課程後,再學這節。
[補充教材] NET Core會員登入 與 權限/角色控管 - ClaimsIdentity (微軟官方範例 - 2020/5月。2022/8月更新)
(1) 類似舊版MVC的 FormsAuthentication 也是透過 Cookie來做。
(2) 如果您使用 Core 6~8 / VS2022 已沒有 Startup.cs 通通融合在一個 Program.cs 設定檔裡面
NET Core 6.0起 "不需"額外安裝套件,直接在 Program.cs設定即可,簡便很多!如下圖。
3-1) 上半部加入 builder.Services.AddSession();
3-2) 下半部加入 app.UseSession(); // 注意!!下半部以 app.開頭的部分就是 middlewave,中介軟體
[補充教材] .NET Core 的 會員登入 - ClaimIdentity (微軟官方範例 - 2020/5月補充)
(1) 很類似我們學過的 FormsAuthentication也是透過 Cookie來做。
(2) 也可使用 Session,但需額外安裝套件。.NET Core已少用Session。 試聽 https://youtu.be/Gr9G5jn3ECk
[補充教材] 會員登入2 - Captcha與 圖形驗證碼 + NET Standard 2.0的DLL檔 (2020/8月)
[補充教材] 輸出快取、NET Core 回應快取 (2021/2月)
只要簡單的設定,不需寫程式,就能加速網頁效率、並減少Web Server負擔。
切記!不能用在查詢「即時更新」數據的場合! 不要用在「會員登入」上。 專題實務 - NET Core 5 - MVC 網路購物商城 (2020/12月)
.....................................................................................
[補充教材] 專題 - .NET Core 5 - MVC 網路購物商城 (2020/12月補充) NET Core / VS2022可運作,幾乎沒有變化。
上集 基本招數跟以前「第三天」一樣。 範例:NetCore_Shop_網路購物商城
下集 一對多訂單 的「新增」是以前沒學過的, 請看下集(購物車) 02:08:43。 其他招數就跟以前一樣了。 試聽 https://youtu.be/UIpazmPRhTs
[補充教材] Web Form + MVC 輸出快取、NET Core 回應快取 (2021/2月補充)
只要簡單的設定,不需寫程式,就能加速網頁效率、並減少Web Server負擔。
切記!不能用在數據「即時更新」的場合!不要用在「會員登入」上。
[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm / https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b
........................................................................
[選修課] 重要!整個MVC課程若要濃縮的話,前三天加上這一天足矣。
或許以後只有「前端+WebAPI」也就是SPA(Single Page Application 單一網頁應用程式),後端程式只有WebAPI、只負責資料存取。
第十二天, 沒有 UI 畫面的網頁程式 - Web Service / WCF / WebAPI
12-1 入門介紹、以前寫過哪些程式是 "沒畫面"的呢?
以下範例均包含 Server 端的服務 與 Client 端(前端)的呼叫:
12-2 Web Service (MVC 版 與 Web Form 版)
12-3 WCF (如果沒用到,這節可略過! .NET Core只支援 Client端,這東西未來可能不保)
12-4 Web API(Server 端) ..... 跟前兩節沒有關連,可直接從 02:58:58 看起
12-5 (1) 學習 jQuery 之前,學這做什麼?看看 Telerik 的產品
(2) 透過 jQuery(Client 端)呼叫(Server 端)網頁服務
12-6 透過 jQuery 呼叫網頁服務(MVC 版,有個錯誤要小心)
12-7 JSON 入門與範例
12-8 WebAPI + jQuery 三個整合範例(前 / 後端整合)
12-9 [FromBody] Client端傳遞JSON 給 Server端。 試聽 https://youtu.be/_K8352yPogU
[補充教材] .NET Core - WebAPI + JWT 會員登入 與 權限管理 (2021/6月補充)
"純" 後端的程式,所以搭配 Postman來測試。 試聽 https://youtu.be/HN_skP12DqQ
建議看過上面 12-1,12-7 與 12-9節再來學習。 "純" 後端的程式、沒有UI畫面,所以必須搭配 Postman或 Swagger來測試。
(1) NET Core - 微軟範例 ToDo List ( 2022/12月) 影片的倒數第二節
[補充課程] 請從影片後面的最後一節 02:47:16 看起。 專案檔 WebApplication2019_Core6_WebApi_JWT
(2) NET Core - WebAPI + Swagger (2022/7月) 影片最後一節
比 Postman更簡單的測試工具,VS2022內建,無須設定與額外安裝。立即可用!
[補充教材] 網站與專案,在Windows部署在 IIS上
1.新版 NET Core MVC。(2023/12月)(IIS 搭配SQL Server - Windows驗證的錯誤。2023/12月)
2. 舊版 NET 4.x Web專案
3. 微軟雲端 Azure的 IIS 與 雲端資料庫
4. Scrum敏捷開發 與 Jira系統入門 (2022/11月)
5. GitHub版本管理 與 Visual Studio (2023/1月)
[新課程] NET Core - gRPC (Google的RPC,遠端程序呼叫) (2023/2月)
Google的RPC(遠端程序呼叫)搭配 NET Core,給Http網頁服務提供更多可能性。 說穿了,這是 "類似" WebAPI的另一種選擇。
我覺得很像微軟的WCF,可參考 第四天(Interface / 介面)再來學習,比較有感覺。
NET MVC (NET 4.x完整版) + 升級 NET Core MVC 課程結束 :-) 感謝您
我將思想傳授他人, 他人之所得,亦無損於我之所有;
猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----Thomas Jefferson
線上課程教學,遠距教學 (Web Form 約 51hr) https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015
線上課程教學,遠距教學 (ASP.NET MVC 約 140hr) https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab
寫信給我,不要私訊 -- mis2000lab (at) yahoo.com.台灣 或 school (at) mis2000lab.net
(1) 第一天 ASP.NET MVC 完整影片(5.5小時 / .NET 4.x版)免費試聽。影片 https://youtu.be/9spaHik87-A
(2) 第一天 ASP.NET Core MVC 完整影片(3小時 / .NET Core 6.0)免費試聽。影片 https://youtu.be/TSmwpT-Bx4I
留言列表