MIS2000 Lab. - ASP.NET專題實務 & WebForm +MVC 遠距教學: 2021/7/18

自從我把影片上線以來，已經過了三年。

一路不斷的補充，現在的課程已經從「基礎的75小時」一路延伸到「完整版，超過90小時」

通常是學員發問，我再做增補（別的學員有問題，可能您也會遇見、也想學）

我直接公開 2021/7/18目前的所有課程內容，豐不豐富，請您自己判斷。

第一天課程，也開放試聽，對您才有保障！

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/mis2000lab_MVC_onlineLearning2023

=== 課程大綱 =====

[入門篇] .....................................................................................
與其他書籍與課程，最大的不同：就是我多了兩天的「補救教學」

大部分的學員，也都是因為這兩天補救教學，才來購買我的課程。

如果您在其他課程、書籍的「自學、自修」上面卡關、撞牆，請您試聽看看……

第一天，補救教學與試聽

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/

[ASP.NET Core MVC]第一天免費課程 3小時完整試聽

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/AspNetCore_MVC_First_Day_Free_20230130

1-3 撰寫第一個類別檔。

第二天，補救教學#2

2-1 Razor 與 @HTML 輔助方法、表單（新增與輸入）。

2-2 搭配類別檔的輸入與輸出。

Routing 入門、實作與觀念澄清（複習與小考）。Routing在第三天還有補充。

[補充教材] 一個專案同時執行 Web Form 與 MVC

[補充教材] SQL Server 資料庫簡易入門 （如果真的從零開始學起，連資料庫都不懂，可參考看看。內容很淺，也可跳過）

第三天， * 外面的書籍、課程、原廠官方教學，都是從這裡開始。 *

缺乏了前兩天的「補救教學」所以很多初學者聽不懂，跟不上！

3-1 第一次連上資料庫（單一資料表），DB First 與對應資料表的類別檔。

[補充教材] MVC_03-1 EF_Designer 與 POCO 簡介

3-2 基礎篇： 新增、資料呈現（主表明細，Master-Details）

Q&A 課後補充 - .ToList () 方法的用與不用？ (2019/3 月補充)

[初學者注意] 反覆學習「前三天」課程，越熟練越好！ 只要前三天基礎穩了，後面就很順暢.....

3-3 衍生篇： 編輯、刪除、單一條件的搜尋、分頁。

多個條件的搜尋（2018/10 月補充）

MVC Routing 與路由

===（第三天補充教材，選修）======
[補充教材] 專題 - 微軟認證教材的「MVC5 線上相簿」為例（2019/8月補充）

拆解別人寫好的專案，看看自己在第三天學到的基礎，能組合出什麼功能？我加了分頁、編輯（圖片）...等原廠沒提供的功能。

3-4 [補充教材] ADO. NET + MVC （第三天的最後一節）

如果您沒用到 ADO. NET，可跳過不看。當成補充教材。

[補充教材] ASP. NET Core + ADO. NET（讀取 .JSON設定檔、DB連結字串）

[補充教材] Windows Form + ADO. NET（撰寫 .exe 執行檔，視窗程式）
[補充教材] 給舊學員升級ASP. NET Core MVC 開放原始碼的 .NET Core跟我們學的 .NET 完整版 MVC 5大同小異。唯有「資料庫連線＆Context 檔」不好操作，需要動手下指令。
[補充教材] MVC 的路由（Routing）

[補充教材] 網站與專案在 IIS 上的部署

學員感言與推薦，請看這裡 https://www.dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

[進階篇] .....................................................................................

第四天，倉庫（Repository）與介面（Interface）

4-1 倉庫（Repository）與介面（Interface）。

4-2 IDisposable 介面與 .Dispose () 方法

4-3 增加 .NET Core的範例，寫法一模一樣。不用怕！

4-4 .NET Core的 DI與 .AddScope()方法 (2021/5月補充)

4-5 OOP 物件導向入門小補充

第五天，表單驗證（Validation）

5-1 MVC 內建的驗證（Validation）。各種表單驗證的作法。外面的入門書與課程，只介紹 5-1這一節而已。

5-2 [進階] 自訂驗證屬性（有一點點難度）。這兩種進階作法，任選其一即可。

5-3 [進階] 自訂驗證模型。

* 難度高，初學者可以先看後面的教學 *
第六天，「一對多」關連式資料表與 ViewModel 的應用

關連式資料表（一對多）。

SQL 指令的 JOIN、.include()擴充方法。

SQL Profiler 的應用，觀察 LINQ 轉成什麼 SQL 指令？

ViewModel 的三種變化。

[補充教材] 獻給 "使用 ADO .NET 的朋友"，建議完成第三天 3-4節、第六天以後再學。

如果您沒用到 ADO. NET，可跳過不看。當成補充教材。

(03-06) ADO .NET Dapper 搭配不同的ViewModel類別檔。
Multi-Mapping「一對多」關連式報表

* 難度高，初學者可以先看後面的教學 *
第七天，清單控制項與編輯資料時的Binding。搭配前端JavaScript / jQuery互動。

清單控制項 - DropDownList / RadioButton / CheckBox（單選、複選）

清單控制項搭配資料庫。

多個 "下拉式選單" 的「互動」（如：郵遞區號。縣市與鄉鎮的關連）

清單控制項的 Binding（編輯時，與現有資料對應）

學員感言與推薦，請看這裡 https://www.dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

[實戰 & 補充篇] .....................................................................................
[選修課] 範例均包含 MVC 與 Web Form 兩種作法：

第八天，前端特效與 UI

jQueryUI，表單元件與特效。

RWD（自適應、響應式網頁），Bootstrap。

CKeditor，網頁上的編輯器。

fancyBox，燈箱與圖層 (layer) 的特效。

Google Chart，網頁圖表產生器。 MVC / Web Form 搭配 JavaScript

第九天， MVC 畫面的外觀與自訂 UI
9-1 Layout、PartialView、UIHint（自訂畫面 UI）

9-2 線上相簿的範例

源自微軟官方教材，我們可以從官方教材裡面，學到什麼？

哪些是我們學過的？哪些是新的？包含以下範例：

* 檔案上傳（FileUpload），將圖片（二進位格式）存入資料表

* _Layout（版面配置頁）

* PartialView（部分檢視）。類似 Web Form 的使用者控制項（UC）

第十天，檔案上傳 FileUpload + 圖片該存在 Web硬碟或資料庫？
10-1 檔案上傳與各種變化，程式碼跟 Web Form 類似。很簡單。

10-2 後半段課程，建議把「常用的程式碼」、「設定值」抽離出來，統一管理。

10-3 FileUpload 與資料庫的整合應用（有兩種作法）。

(1) 為什麼把檔案（BLOB）直接存入 DB 是不好的？

(2) [補充教材] SQL Server -- FILESTREAM 的設定。內容僅供參考。

[補充教材] 匯出與讀取Excel -- NPOI (2020/4月補充，跟檔案上傳有關）

.NET Core 檔案上傳的寫法有些修正，改用 IFormFile來做。

第十一天，會員登入與權限控管（搭配自己設定的會員資料庫）
11-1 狀態管理，透過 Session & Cookie 登入 / MVC 專案，搭配類別庫（DLL）專案

11-2 FormsAuthentication 類別（搭配 Web.config 設定檔） MVC 的 [Authorize]

11-3 Case Study - (1) 以 MD5 / SHA1 雜湊運算，打亂機密資料 (2) 會員登入後，需要透過 E-Mail 確認身份
課程介紹 https://youtu.be/bM2bn-OVLGM

[補充教材] .NET Core 的會員登入 - ClaimIdentity (微軟官方範例 - 2020/5月補充)

(1) 很類似我們學過的 FormsAuthentication也是透過 Cookie來做。

(2) 也可使用 Session，但需額外安裝套件。.NET Core已少用Session。試聽 https://youtu.be/Gr9G5jn3ECk

[補充教材] 會員登入2 Captcha與圖形驗證碼 (2020/8月補充）

.....................................................................................

[補充教材] 專題 - .NET Core 5 - MVC 網路購物商城 (2020/12月補充）
一對多訂單 的「新增」是以前沒有學過的，請看下集（購物車） 02:08:43。其他招數就跟以前一樣了。試聽 https://youtu.be/UIpazmPRhTs

[補充教材] Web Form + MVC 輸出快取、NET Core 回應快取 (2021/2月補充）

只要簡單的設定，不需寫程式，就能加速網頁效率、並減少Web Server負擔。

切記！不能用在數據「即時更新」的場合！不要用在「會員登入」上。

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/mis2000lab_MVC_onlineLearning2023

........................................................................

[選修課] 重要！整個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

[補充範例] 類似臉書 Facebook，無限下拉呈現畫面（也是一種分頁程式）

他會不斷地跟後端程式索取資料，然後重新繪製並附加（.append()）在網頁末端

[補充教材] .NET Core - WebAPI + JWT 會員登入與權限管理 (2021/6月補充）
"純" 後端的程式，所以搭配 Postman來測試。試聽 https://youtu.be/HN_skP12DqQ

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/mis2000lab_MVC_onlineLearning2023

[ASP.NET Core MVC]第一天免費課程 3小時完整試聽

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/AspNetCore_MVC_First_Day_Free_20230130

MIS2000 Lab. - ASP.NET專題實務 & WebForm +MVC 遠距教學

2021年7月18日星期日

ASP.NET MVC 5 + .NET Core MVC 線上教學、線上教程，課程大綱（完整版 & 試聽）