ASP.NET MVC 5 線上教學，一個最簡單的入門教學。包含 Youtube的兩段免費試聽，9vs1.com課程優惠網址。

1. #1-1 第一天 的 MVC課程
一個”最簡單”的入門教學
mis2000lab@yahoo.com.tw ; school@mis2000lab.net
學 ASP.NET MVC
動手做 就對了

2. 想做一個”最簡單”的入門教學
 全數用「範例」講解。 做中學！
 範例極為簡單，請自己動手 。親自操作、打字。
 Youtube 免費試聽 ASP.NET MVC 5 課程
 1-1節。https://youtu.be/9spaHik87-A
 1-2節。https://youtu.be/BFkIFg1iFLo

3. 9vs1.com – MIS2000 Lab.的 MVC 線上課程
 ASP.NET MVC 5 教學 - 由零開始的入門課 https://9vs1.com/go/?i=7afb39cdf698
 ASP.NET MVC 5 教學 - 由入門到進階 https://9vs1.com/go/?i=92050bb6f715
 ASP.NET MVC 5 - Login 會員登入與權限控管 https://9vs1.com/go/?i=3580aaf8f818
 ASP.NET MVC 5 - 線上相簿 https://9vs1.com/go/?i=4db77e0bf891
 ASP.NET Core / ASP.NET 5 快速升級之道
https://9vs1.com/go/?i=4db77e0bf891
 ASP.NET教學 - Web API 與 Web Service https://9vs1.com/go/?i=f9a8ff53f717
 ASP.NET 教學 - 前端特效輕鬆學 https://9vs1.com/go/?i=323a87a3f716
 完整 80小時課程，可直接來信 mis2000lab (at) yahoo.com.tw

4. 降低範例的“難度”，更容易學習

5. 大部分的商業網站長什麼樣？（有哪些功
能？）
 前 台（匿名，一般人都能用）
 首頁（手工打造、訂製，越華麗越好）
 主表明細（唯讀、不修改）
 搜尋
 會員登入與註冊
 後 台（必須登入才能使用的功能）
我的天～不得了
 CRUD（主表明細、新增、刪除、修改）
 管理報表（會用上大量的SQL指令、跨越多個資料表

6. 開發工具 與 環境
 軟體：
 Windows作業系統。
 使用 Visual Studio 社群版（Community），個人使用，免費。
暫不推薦 VS Code或是 Visual Studio for Mac
 SQL Server （Express版）。
 硬體：
 一般規格、PC即可。不需要豪華配備
 建議使用SSD（硬碟） + 8GB（含）以上的RAM

7. 從零開始
範例展示、自己動手做。

8. MVC專案 的 目錄架構
 範例展示、自己動手做。
 如何使用本影片搭配自己的學習？？
 (1) 買 “幾本書” 放手邊
 (2) 看一小段影片，就跟著做（不要全部看完才做）
 (3) 只看不作、只用眼而不動手。保證完蛋！

9. Response（回應） & Request（要求）

10. 圖解 MVC
 圖片引用，來自網路

11. 圖解 MVC
 圖片引用，來自網路

12. 動手做！做中學！
範例展示、自己動手做。

13. 第一階段：Controller & View
 控制器（Controller）與動作（Action）
 /Controllers目錄下的「同名」子目錄。例如：HomeController.cs
 建議「英文大寫」開頭
 範例：Lesson1控制器
 View檢視畫面
 /Views目錄下的「同名」子目錄。例如：Home/Index.cshtml
 範例展示、自己動手做。

14. Routing 路由
範例展示、自己動手做。

15. 如何使用本課程的「範例」？
範例展示、自己動手做。

16. 如何使用本課程的「範例」
 兩種作法，任選其一：
 (1) 修改 NameSpace，改成您的「專案名稱」。
 (2) 自己複製「程式碼」過去使用（不包含 Namespace &
Class）

17. #1-2 第一天 的 MVC課程
一個”最簡單”的入門教學
mis2000lab@yahoo.com.tw ; school@mis2000lab.net
學 ASP.NET MVC
動手做 就對了

18. 網頁程式 的 前端 與 後端
 後端 --
 Web Server編譯以後，將「執行後的結果(HTML)」送出（送到瀏覽器
給您觀賞）
 例如 PHP、JSP、ASP、ASP.NET (WebForm or MVC)
 前端 --
 直接在用戶的「瀏覽器」上執行<script>區塊，例如 JavaScript。
 後續，正式的課程會講到RWD（Bootstrap）、jQueryUI

19. ViewBag、ViewData、TempData
 Controller「傳送數據」給檢視畫面
 ViewBag.XYZ
 ViewData[“XYZ”]
 TempData[“XYZ”]
 範例(1) Lesson1控制器，動作 Index3
 範例(2) 如果ViewData & ViewBag 相同命名，會有什麼情況？
 請看動作 Index3A

20. 第二階段：Controller & View & Model
 搭配 第一個 類別檔 (~/Models/Class1.cs) 當作Model，
 但沒有連結資料庫。
 Lesson1控制器 的 Index4 & 5動作
 範例展示、自己動手做。

21. Index4動作（只傳遞
一個類別、一筆記錄）
 控制器裡面的 Index4動作
 只傳遞一筆記錄（一個類別）
 檢視畫面
 @model WebApplication2017_MVC_Starter.Models.Class1

22. Index5動作（傳遞
多個類別、多筆記錄）
 控制器裡面的 Index5動作
 只傳遞多筆記錄（多個類別）
 檢視畫面
 @model IEnumerable<WebApplication2017_MVC_Starter.Models.Class1 >
 需要寫 foreach迴圈，逐一展示每筆記錄

23. 第三階段：View 與 Razor
 前端、檢視畫面（View）兩大重點：
 第一，Razor 基礎語法
 第二，表單（Form）相關元件。後續 專門課程 解說
 Lesson1控制器 的 Index6動作（與後續範例）
 範例展示、自己動手做。

24. 如何使用 本課程的範例？
(1) 建議自己打字、慢慢做。
(2) 直接拿人家的範例，學不到東西，只會「複製/貼上」
(3) 有些地方必須手動修改

25. 初學者 的 心態調整
範例展示、自己動手做。

26. ASP.NET (Web Form) - 快速開發

27. Asp.NET MVC - 設計模式

28. ASP.NET
Web Form快速開發 v.s. MVC 設計模式

29. When should I use ASP.NET Web Forms
or ASP.NET MVC ?
Web Form
 喜歡「快速開發網站」，更勝於完整控制
「軟體的構造（makeup）」。
 愛用Web控制項（Web Controls）提供的概
念。
 不愛撰寫Inline-Code（註解：程式碼與html
標籤混在同一個檔案內，甚至混合在同一列
裡面）。
 對於以模式（pattern）作為開發軟體基礎，
毫無興趣
MVC
 想完整地控制「軟體的構造（makeup）」，
且願意多付出一些心力。
 不喜歡Web 控制項（Web Controls）的抽象
概念。
 不介意寫Inline-Code（註解：程式碼與html
標籤混在同一個檔案內，甚至混合在同一列
裡面）。
 對於以模式（pattern）作為開發軟體基礎，
感到興趣。而且喜歡MVC將各種階層予以區
隔。