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

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