Study4.TW 2014/02/22 ASP.NET MVC 快速上手 - 饅頭

1. ASP.NET MVC
快速上手
主講：饅頭

2. About Me
資訊管理系 四年級
微軟最有價值專家(ASP/IIS)
Study4.TW 常任講師
興趣：
ASP.net MVC、Web Design 、
SQL Server、Virtualization、
Windows Server
部落格：饅頭小舖

3. 大綱
•
什麼是MVC，與Asp.net有哪些不同
•
MVC如何運作(Routing)
•
M、V、C他們的工作
•
MVC的開發
•
MVC的部署方式(Azure Web Site、IIS)

4. 什麼是MVC，
與Asp.net有哪些不同？

5. MVC 設計樣式
•
MVC模式最早由Trygve Reenskaug在1978年
提出，是全錄帕羅奧多研究中心（Xerox PARC）
在20世紀80年代為程式語言Smalltalk發明的一
種軟體設計模式
•
控制器Controller- 負責轉發請求，對請求進行
處理。
•
檢視View - 介面設計人員進行圖形介面設計。
•
模型Model - 程式設計師編寫程式應有的功能
（實作演算法等等）、資料庫專家進行資料管
理和資料庫設計(可以實作具體的功能)。

6. Asp.net MVC VS Asp.net

7. Asp.net MVC
優點
•
少了Viewstate，網站載入的流量減
少與速度增加
•
採用JS、CSS、HTML開發
•
關注點分離，各司其職
•
容易測試
缺點
•
許多功能與版面需要靠JS、CSS來呈
現，對初學者(JS或CSS不熟的人)門
檻較高

8. Asp.net
優點
•
可以使用元件拖拉成頁面
•
缺點
可見及所得的開發
•
容易開發，入門簡單
•
厚重的Viewstate造成傳輸量過大，
造成畫面載入速度變慢
•
JS、CSS、HTML夾雜頁面中，難以
維護
•
前後端開發難以切割同步

9. Asp.net MVC VS Asp.net
•
少了Viewstate，增加載入的速度並減少傳輸量
•
回到網頁的初衷，載用JS、CSS與HTML開發
•
前後台可切割同時開發，增加開發速度

10. MVC如何運作？

11. MVC的網址
•
資料夾？
•
{controller}/{action}/{id}
•
Controller ->縣市名稱
•
action ->街道名稱
•
Id ->樓層

12. M、V、C他們的工作

13. Model
•
用於封裝與應用程式的業務邏輯相關的資料以及對資料的處理
•
對資料直接存取的權力
•
不依賴「檢視」和「控制器」
•
不關心它會被如何顯示或是如何被操作

14. View
•
顯示應用程式中使用者介面 (UI) 的元件
•
檢視層能夠實作資料有目的的顯示（理論上，這不是必需的）
•
沒有程式上的邏輯（一般情況中）
•
通常此 UI 是從模型資料建立

15. Controller
•
控制器起到不同層面間的組織，控制應用程式的流程
•
處理使用者的回應與事件處理

16. MVC的開發

17. MVC的部署方式

18. IIS佈署
•
Web Deploy
•
FTP

19. 佈署到Azure的網站

20. Thanks

21. 參考資料
•
http://zh.wikipedia.org/wiki/MVC
•
http://msdn.microsoft.com/zhtw/library/dd381412(v=vs.108).aspx