How to use Visual Studio 2015 Community to make your first ASP.NET MVC Project

1. ASP.NET/C# MVC
The Beginning

2. Agenda
• MVC架構介紹
• ASP.NET/C#環境下的MVC架構
• 以Visual Studio 2015 Community開發第一個ASP.NET/C#
MVC網站

3. MVC架構

4. MVVM架構 - Silverlight

5. MVC, MVVM的差別

6. 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。

7. ASP.NET MVC
• ASP.NET Webforms也是基於MVC架構
• 但ASP.NET Webforms專案要移轉到ASP.NET MVC是不可能
的任務

8. Visual Studio 2015 Community

9. 安裝Visual Studio 2015 Community

14. Visual Studio First Time

15. Visual Studio 2015 Community

16. New Project …

17. ASP.NET MVC

18. Authencation

19. Visual Studio IDE

20. Solution Explorer
• Bootstrap
• jQuery 1.10.2
• Project
– Models
– Views
– Controllers

21. (ADO.NET) Entity Framework
• Database First
• Code First
• Model First
• 在進行開發前要決定用何種
‘First’ 方式開發專案
– 資料庫應用為主的開發專案採
用Database First，如ERP
– 著重前端軟體開發專案用Code
First
• 基本上，資料庫在本機時，可
用Code First，否則用
Database First最佳

22. ASP.NET MVC Development
• Database Connection String
– Server Explorer
– 到Web.config增加Connection String

23. Web.config

24. Add Data Model

25. Add Entity Data Model

26. Add Model From Database

27. After Entity Data Model Created…

28. Model Class

29. Add new Controllers

30. Add new Controllers

31. Running …

32. Running …

33. http://…/Products

34. What’s Next …
• Model & ViewModel
• Routing
• UI
• Controllers
• Working with Javascript
• Mobile App Development
• Deploy

35. Q & A