SlideShare a Scribd company logo
ASP.NET MVC
快速上手
主講:饅頭
About Me
資訊管理系 四年級
微軟最有價值專家(ASP/IIS)
Study4.TW 常任講師

興趣:
ASP.net MVC、Web Design 、
SQL Server、Virtualization、
Windows Server

部落格:饅頭小舖
大綱
•

什麼是MVC,與Asp.net有哪些不同

•

MVC如何運作(Routing)

•

M、V、C他們的工作

•

MVC的開發

•

MVC的部署方式(Azure Web Site、IIS)
什麼是MVC,
與Asp.net有哪些不同?
MVC 設計樣式
•

MVC模式最早由Trygve Reenskaug在1978年
提出,是全錄帕羅奧多研究中心(Xerox PARC)
在20世紀80年代為程式語言Smalltalk發明的一
種軟體設計模式

•

控制器Controller- 負責轉發請求,對請求進行
處理。

•

檢視View - 介面設計人員進行圖形介面設計。

•

模型Model - 程式設計師編寫程式應有的功能
(實作演算法等等)、資料庫專家進行資料管
理和資料庫設計(可以實作具體的功能)。
Asp.net MVC VS Asp.net
Asp.net MVC
優點
•

少了Viewstate,網站載入的流量減
少與速度增加

•

採用JS、CSS、HTML開發

•

關注點分離,各司其職

•

容易測試

缺點
•

許多功能與版面需要靠JS、CSS來呈
現,對初學者(JS或CSS不熟的人)門
檻較高
Asp.net
優點
•

可以使用元件拖拉成頁面

•

缺點

可見及所得的開發

•

容易開發,入門簡單

•

厚重的Viewstate造成傳輸量過大,
造成畫面載入速度變慢

•

JS、CSS、HTML夾雜頁面中,難以
維護

•

前後端開發難以切割同步
Asp.net MVC VS Asp.net
•

少了Viewstate,增加載入的速度並減少傳輸量

•

回到網頁的初衷,載用JS、CSS與HTML開發

•

前後台可切割同時開發,增加開發速度
MVC如何運作?
MVC的網址
•

資料夾?

•

{controller}/{action}/{id}

•

Controller ->縣市名稱

•

action ->街道名稱

•

Id ->樓層
M、V、C他們的工作
Model
•

用於封裝與應用程式的業務邏輯相關的資料以及對資料的處理

•

對資料直接存取的權力

•

不依賴「檢視」和「控制器」

•

不關心它會被如何顯示或是如何被操作
View
•

顯示應用程式中使用者介面 (UI) 的元件

•

檢視層能夠實作資料有目的的顯示(理論上,這不是必需的)

•

沒有程式上的邏輯(一般情況中)

•

通常此 UI 是從模型資料建立
Controller
•

控制器起到不同層面間的組織,控制應用程式的流程

•

處理使用者的回應與事件處理
MVC的開發
MVC的部署方式
IIS佈署
•

Web Deploy

•

FTP
佈署到Azure的網站
Thanks
參考資料
•

http://zh.wikipedia.org/wiki/MVC

•

http://msdn.microsoft.com/zhtw/library/dd381412(v=vs.108).aspx

More Related Content

PDF
20130823微軟雲端平台開發者日
PPTX
Asp.Net MVC 一教就上手
PDF
ASP.NET MVC之實戰架構探討 -twMVC#5
PPTX
前端Mvc探讨及实践
PPTX
Mvvm及其组件体系@杨文坚
PPTX
輕鬆上手ASP.NET Web API 2.1.2
PPT
Rails introduce
PPTX
ASP.NET MVC (Gi Days)
20130823微軟雲端平台開發者日
Asp.Net MVC 一教就上手
ASP.NET MVC之實戰架構探討 -twMVC#5
前端Mvc探讨及实践
Mvvm及其组件体系@杨文坚
輕鬆上手ASP.NET Web API 2.1.2
Rails introduce
ASP.NET MVC (Gi Days)

What's hot (8)

PPTX
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練5
PPTX
Study4 love.2016.2.20.ionic
PPTX
Angularjs
PPTX
Flash 游戏应用框架和模块化开发 邱广钦
PPTX
Multi thread 多執行緒程式設計(use c#)
PPTX
Introduction to ASP.NET MVC and MVC 5 Features
PDF
高雄前端上課簡報 #29
PDF
Angular js入门分享 by 王栋
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練5
Study4 love.2016.2.20.ionic
Angularjs
Flash 游戏应用框架和模块化开发 邱广钦
Multi thread 多執行緒程式設計(use c#)
Introduction to ASP.NET MVC and MVC 5 Features
高雄前端上課簡報 #29
Angular js入门分享 by 王栋
Ad

Viewers also liked (18)

PPTX
Asp.net 5 新功能與變革
DOCX
Ciencia activa
PPSX
windows phone 8.1 新功能與跨平台開發
PPTX
使用下一代的Visual studio 14開發下一代的asp.net mvc v next ( mvc 6 )
DOCX
Ahmed ammar
PDF
Disarmingly Forthright MSCS Advice
DOCX
Ahmed ammar
PPTX
使用Visual Studio 2013 進行敏捷開發
PPTX
Bruce-輕鬆上手Asp.net web api 2.1.2
PPTX
Steps to restoring a corvette Pt1
DOCX
Ciencia activa
PPT
La standards chart
PPTX
James-版本控制
PDF
Catalogue Piscine Piscinelle - Année 2015
PPTX
如何攻破大型副本 大型專案的開發與團隊合作經驗 聊天室
PDF
Julia arnett nuclear warproject-2013
PPTX
Comunication portfolio
PPTX
Inductive effect
Asp.net 5 新功能與變革
Ciencia activa
windows phone 8.1 新功能與跨平台開發
使用下一代的Visual studio 14開發下一代的asp.net mvc v next ( mvc 6 )
Ahmed ammar
Disarmingly Forthright MSCS Advice
Ahmed ammar
使用Visual Studio 2013 進行敏捷開發
Bruce-輕鬆上手Asp.net web api 2.1.2
Steps to restoring a corvette Pt1
Ciencia activa
La standards chart
James-版本控制
Catalogue Piscine Piscinelle - Année 2015
如何攻破大型副本 大型專案的開發與團隊合作經驗 聊天室
Julia arnett nuclear warproject-2013
Comunication portfolio
Inductive effect
Ad

Similar to ASP.NET MVC 快速上手 (20)

PPTX
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
PDF
ASP.NET MVC The Begining
PDF
與 Asp.net mvc 的第一次親密接觸 - twMVC#1
PPTX
Asp.net mvc 基礎
PPTX
KSDG-ASP.NET MVC 5 Overview (偽三國誌)
PDF
twMVC#02 | ASP.NET MVC 從無到有
PDF
Asp.net mvc 從無到有 -twMVC#2
PDF
Asp.net+mvc4框架揭秘
PPTX
twMVC#01 | ASP.NET MVC 的第一次親密接觸
PPTX
ASP.net MVC
PPSX
利用 ASP.NET MVC 提升您的 Web 應用程式
PDF
Asp.Net Mvc 1.0
PDF
Non-MVC Web Framework
PDF
twMVC#10 | ASP.NET MVC Model 的設計與使用
PDF
ASP.NET MVC Model 的設計與使用 twMVC#10
PPTX
How to ASP.NET MVC4
PDF
Single-Page Application Design Principles 101
PPT
前端Mvc探讨及实践
PDF
MVC MVVM MVVMC
PPTX
ASP.NET MVC 5線上課程(入門前三天)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
ASP.NET MVC The Begining
與 Asp.net mvc 的第一次親密接觸 - twMVC#1
Asp.net mvc 基礎
KSDG-ASP.NET MVC 5 Overview (偽三國誌)
twMVC#02 | ASP.NET MVC 從無到有
Asp.net mvc 從無到有 -twMVC#2
Asp.net+mvc4框架揭秘
twMVC#01 | ASP.NET MVC 的第一次親密接觸
ASP.net MVC
利用 ASP.NET MVC 提升您的 Web 應用程式
Asp.Net Mvc 1.0
Non-MVC Web Framework
twMVC#10 | ASP.NET MVC Model 的設計與使用
ASP.NET MVC Model 的設計與使用 twMVC#10
How to ASP.NET MVC4
Single-Page Application Design Principles 101
前端Mvc探讨及实践
MVC MVVM MVVMC
ASP.NET MVC 5線上課程(入門前三天)

ASP.NET MVC 快速上手