This document provides an overview of building an eCommerce site using nopCommerce and the MVC framework. It describes the key components of MVC including models, views, controllers and actions. It then explains how nopCommerce implements these MVC concepts with models, views, controllers, routing and libraries. Key features of nopCommerce like plugins, the admin site, and domain object mapping are also summarized.

1. Build a MVC eCommerce Site
in Under 5 Minutes
Gaines Kergosien
@gainesk
http://dotnetdude.net
Sr. Solutions Architect
http://www.vanick.com

2. 2
What is nopCommerce?
 Open Source
 Product Catalog
 Categories
 Products/Variants
 Customer Management
 Order Management
 Mobile Support
 Discounts
 Wish Lists
 Gift Cards
 Newsletters
 Recurring Payments
 Reporting
 Payment Methods
 Shipping Methods
 Taxes
 External Auth
 Polls
 News
 Blogs
 Forums
 Multiple Stores

3. Why this topic?
3
 Why MVC and WCF?
 Decoupled
 Scalable
 Reusable
 Maintainable
 Why nopCommerce?
 Top eCommerce app on MS Web Matrix
 Open Source (GPLv2 License)
3

4. MVC
4
4
View
ModelController

5. MVC
5
5
View
ModelController

6. Models
 Class that represents data
public class MyViewModel
{
public string Foo { get; set; }
}

7. Models

8. Validators

9. MVC
9
9
View
ModelController

10. Views
 A view is a standard (X)HTML document that
can contain scripts.
 Views support ASP.NET markup or Razor
 Razor markup used in nopCommerce
 nopCommerce views are strongly typed

11. Views

12. HTML Helpers
 Methods which typically return string.
 Used to generate standard HTML elements
 textboxes, dropdown lists, links etc.
 Usage is optional
 You can create your own HTML Helpers

13. MVC
13
13
View
ModelController

14. Controllers
 Class derives from System.Web.Mvc.Controller
 Generates the response to the browser request
public class HomeController : Controller
{
public ActionResult Index()
{
ViewBag.Message = "Welcome to ASP.NET MVC!";
return View();
}
public ActionResult About()
{
return View();
}
}

15. Controller Actions
 Public method of the Controller class
 Cannot be overloaded or a static method
public class HomeController : Controller
{
public ActionResult Index()
{
ViewBag.Message = "Welcome to ASP.NET MVC!";
return View();
}
public ActionResult About()
{
return View();
}
}

16. Controllers

17. Controller Actions

18. Controllers

19. Controller Actions
 Get
 Post

20. Questions?
20
20
View
ModelController

21. View
ModelBrowser Controller
MVC
21
21

22. Routing
http://www.mysite.com/Home/About/6
{controller} = Home
{action} = About
{id} = 6
 Locations for nopCommerce
 Nop.Web.Infrastructure.RouteProvider
 Nop.Web.Infrastructure.GenericUrlRouteProvider

23. Route Provider

24. Generic URL Route Provider

25. nopCommerce Libraries
 Nop.Core – Domain Objects & Infrastructure
 Nop.Data – Data Access
 Uses Entity Framework
 Maps Tables to Domain Objects
 Nop.Services – Business Logic

26. Domain Objects

27. Domain Objects

28. Domain Object Mapping

29. Services

30. Dependency Injection

31. Generic Repositories

32. LINQ Queries

33. nopCommerce Plugins
 Loaded at runtime
 Independent of core source
 Consume events
 Marketable
 See next session!

34. nopCommerce Admin Site
 Nop.Admin project under relative path /Admin
 Uses AutoMapper to link Objects and Models

35. Contact Info
Blog: http://dotnetdude.net
Email: gaines [at] kergosien.net
Twitter: @gainesk
Rate this talk @
http://spkr8.com/t/35551