Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ASP.NET MVC The Begining

597 views

Published on

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

Published in: Software
  • Be the first to comment

  • Be the first to like this

ASP.NET MVC The Begining

  1. 1. ASP.NET/C# MVC The Beginning
  2. 2. Agenda • MVC架構介紹 • ASP.NET/C#環境下的MVC架構 • 以Visual Studio 2015 Community開發第一個ASP.NET/C# MVC網站
  3. 3. MVC架構
  4. 4. MVVM架構 - Silverlight
  5. 5. MVC, MVVM的差別
  6. 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. 7. ASP.NET MVC • ASP.NET Webforms也是基於MVC架構 • 但ASP.NET Webforms專案要移轉到ASP.NET MVC是不可能 的任務
  8. 8. Visual Studio 2015 Community
  9. 9. 安裝Visual Studio 2015 Community
  10. 10. Visual Studio First Time
  11. 11. Visual Studio 2015 Community
  12. 12. New Project …
  13. 13. ASP.NET MVC
  14. 14. Authencation
  15. 15. Visual Studio IDE
  16. 16. Solution Explorer • Bootstrap • jQuery 1.10.2 • Project – Models – Views – Controllers
  17. 17. (ADO.NET) Entity Framework • Database First • Code First • Model First • 在進行開發前要決定用何種 ‘First’ 方式開發專案 – 資料庫應用為主的開發專案採 用Database First,如ERP – 著重前端軟體開發專案用Code First • 基本上,資料庫在本機時,可 用Code First,否則用 Database First最佳
  18. 18. ASP.NET MVC Development • Database Connection String – Server Explorer – 到Web.config增加Connection String
  19. 19. Web.config
  20. 20. Add Data Model
  21. 21. Add Entity Data Model
  22. 22. Add Model From Database
  23. 23. After Entity Data Model Created…
  24. 24. Model Class
  25. 25. Add new Controllers
  26. 26. Add new Controllers
  27. 27. Running …
  28. 28. Running …
  29. 29. http://…/Products
  30. 30. What’s Next … • Model & ViewModel • Routing • UI • Controllers • Working with Javascript • Mobile App Development • Deploy
  31. 31. Q & A

×