高雄KSDG社群分享。 透過簡單生動的範例來說明 ASP.NET MVC 5 中 M-V-C 三者的關係。

1. ASP.NET MVC 5 Overview
陳傳興（Bruce）

2. http://mvc.tw
 twMVC 核心成員
 現任微軟最有價值專家
 TechDay & MSDN 講師
 著有《ASP.NET MVC4網站開發美學》
 著有《ASP.NET MVC 5網站開發美學》
 譯有《Bootstrap 2》中文教材
 https://kkbruce.tw
@Bruce
2

3. http://mvc.tw
 M == Model（模型）
 V == View（檢視）
 C == Controller（控制器）
 MVC既不是程式語言也不是框架，而是一種設計模式。
 ASP.NET MVC是符合（與實作）MVC Pattern的框架。
What’s MVC？
3

4. http://mvc.tw
 將一個Web應用程式劃分成三個主要元件
 Model
 View
 Controller
三分天下之計
4
Model
Contr
oller
View

5. http://mvc.tw
 關注點分離（Separation of concerns）
計一：SOC
5

6. http://mvc.tw
 習慣取代配置（Convention over Configuration）
計二：CoC
6

7. http://mvc.tw
攻略一：Model為重
7
 Model ==

8. http://mvc.tw
 資料來源的存取操作（CURD）
Model責任
8
Model
Contr
oller
View
Data
Source

9. http://mvc.tw
 資料庫的存取操作（CURD）
 資料結構的定義
Model責任
9
Model
Contr
oller
View
Data
Source

10. http://mvc.tw
 資料庫的存取操作（CURD）
 資料結構的定義
 資料格式的驗證
Model責任
10
Model
Contr
oller
View
Data
Source

11. http://mvc.tw
Model使用的技術 for MS
11
Model
Data
Source
ADO.NET Entity Framework

12. 12
Model – Entity Framework

13. http://mvc.tw
 Controller == 上上下下左左右右BA
攻略二：Controller為謀
13

14. http://mvc.tw
 Controller是屬於一種協調（coordinator）的角色。
水鏡八奇
14

15. http://mvc.tw
You
15

16. 16
ASP.NET MVC 基架系統

17. http://mvc.tw
 View ==
攻計三：View = 美人計
17

18. http://mvc.tw
 呈現所接收的資料。
View的三個範圍
18

19. http://mvc.tw
 呈現所接收的資料。
 回傳所需要的資料。
View的三個範圍
19

20. http://mvc.tw
 呈現所接收的資料。
 回傳所需要的資料。
 含【顯示邏輯】程式碼。
View的三個範圍
20

21. 21
Bootstrap 3

22. http://mvc.tw 22

23. http://mvc.tw
學習 ASP.NET MVC 5 的好書 :D
23

24. 謝謝各位
• 本投影片所包含的商標與文字皆屬原著作者所有。
• 本投影片使用的圖片皆從網路搜尋。
• 本著作係採用姓名標示-非商業性-相同方式分享 3.0 台灣授權。閱讀本授權條款，請到
http://creativecommons.org/licenses/by-nc-sa/3.0/tw/，或寫信至Creative Commons, 444 Castro
Street, Suite 900, Mountain View, California, 94041, USA.
h t t p : / / m v c . t w