SlideShare a Scribd company logo
ASP.NET/C# MVC
The Beginning
Agenda
• MVC架構介紹
• ASP.NET/C#環境下的MVC架構
• 以Visual Studio 2015 Community開發第一個ASP.NET/C#
MVC網站
MVC架構
MVVM架構 - Silverlight
MVC, MVVM的差別
ASP.NET MVC
• ASP.NET MVC是以Design Pattern的Model-View-Controller
來發展。
• ASP.NET MVC Framework是微軟在ASP.NET中所添加的一組
類別庫
– 可以使用Model-View-Controller的設計模式來開發ASP.NET的應
用程式。
– 與現有的ASP.NET應用程式並沒有衝突,所以兩者是可以並行的。
– ASP.NET MVC Framework被包裝在System.Web.Mvc.dll中,並
利用ASP.NET Routing來支援動作流以及URL Rewriting的能力,
讓它可以更貼近Web的發展以及Web 2.0的特性。
• ASP.NET MVC Framework對於沒有接觸過像ASP、PHP、
JSP、Perl這些Web開發工具的開發人員來說不容易入門。
• 現在正式版本為ASP.NET MVC 5。
ASP.NET MVC
• ASP.NET Webforms���是基於MVC架構
• 但ASP.NET Webforms專案要移轉到ASP.NET MVC是不可能
的任務
Visual Studio 2015 Community
安裝Visual Studio 2015 Community
ASP.NET MVC The Begining
ASP.NET MVC The Begining
ASP.NET MVC The Begining
ASP.NET MVC The Begining
Visual Studio First Time
Visual Studio 2015 Community
New Project …
ASP.NET MVC
Authencation
Visual Studio IDE
Solution Explorer
• Bootstrap
• jQuery 1.10.2
• Project
– Models
– Views
– Controllers
(ADO.NET) Entity Framework
• Database First
• Code First
• Model First
• 在進行開發前要決定用何種
‘First’ 方式開發專案
– 資料庫應用為主的開發專案採
用Database First,如ERP
– 著重前端軟體開發專案用Code
First
• 基本上,資料庫在本機時,可
用Code First,否則用
Database First最佳
ASP.NET MVC Development
• Database Connection String
– Server Explorer
– 到Web.config增加Connection String
Web.config
Add Data Model
Add Entity Data Model
Add Model From Database
After Entity Data Model Created…
Model Class
Add new Controllers
Add new Controllers
Running …
Running …
http://…/Products
What’s Next …
• Model & ViewModel
• Routing
• UI
• Controllers
• Working with Javascript
• Mobile App Development
• Deploy
Q & A

More Related Content

ASP.NET MVC The Begining