Download as PPTX, PDF, TXT or read online from Scribd
Download as pptx, pdf, or txt
You are on page 1/ 49
VISUAL PROGRAMMING BSCS – VI – SPRING 2016
• A STEP BY STEP INTRO TO ASP.NET MVC 5
What is MVC? • Model-View-Controller (MVC) • Standard Architectural Pattern • Separation of concerns: model, view, controller ASP .NET MVC Framework • An alternative to ASP .NET Web Forms • Presentation framework – Lightweight – Highly testable – Integrated with the existing ASP .NET features: • Master pages • Membership-Based Authentication • ... ASP .NET MVC Framework Components • Models – Business/domain logic – Model objects, retrieve and store model state in a persistent storage (database). • Views – Display application’s UI – UI created from the model data • Controllers – Handle user input and interaction – Work with model – Select a view for rendering UI When to use MVC approach? • Advantages: – Easier to manage complexity (divide and conquer) – It does not use server forms and view state – Front Controller pattern (rich routing) – Better support for test-driven development – Ideal for distributed and large teams – High degree of control over the application behavior ASP .NET MVC Features • Separation of application tasks – Input logic, business logic, UI logic • Support for test-driven development – Unit testing – No need to start app server • Extensible and pluggable framework – Components easily replaceable or customized (view engine, URL routing, data serialization,…) ASP .NET MVC Features (cont.) • Support for Dependency Injection (DI) – Injecting objects into a class – Class doesn’t need to create objects itself • Support for Inversion of Control (IOC) – If an object requires another object, the first should get the second from an outside source (configuration file) ASP .NET MVC Features (cont.) • Extensive support for ASP .NET routing • Building apps with comprehensible and searchable URLs • Customizable URLs – Adapted to work well with search engines – Adapted to REST addressing – Decoupled from resource files • Use of existing ASP .NET features (backward compatibility) ASP .NET MVC App Structure • URLs mapped to controller classes • Controller – handles requests, – executes appropriate logic and – calls a View to generate HTML response • URL routing – ASP .NET routing engine (flexible mapping) – Support for defining customized routing rules – Automatic passing/parsing of parameters ASP .NET App Structure • No Postback interaction! • All user interactions routed to a controller • No view state and page lifecycle events MVC App Execution • Entry points to MVC: – UrlRoutingModule and MvcRouteHandler • Request handling: – Select appropriate controller – Obtain a specific controller instance – Call the controller’s Execute method MVC App Execution - stages • Receive first request for the application – Populating RouteTable • Perform routing • Create MVC Request handler • Create controller • Execute controller • Invoke action • Execute result – ViewResult, RedirectToRouteResult, ContentResult, FileResult, JsonResult, RedirectResult MVC App Execution BUILDING VIEW PAGES USING RAZOR LANGUAGE
RAZOR ENGINE Razor Engine • A new view-engine • Optimized around HTML generation • Code-focused templating approach Razor Engine – Design goals • Compact, Expressive and Fluid • Easy to learn • It is not a new language • Works with any text editor • Great Intellisense • Unit-testable – Testing views without server, controllers… Razor – HelloWorld • Uses @ for razor file Razor blocks
.aspx file Loops and Nested HTML Razor syntax .aspx syntax If Blocks and Multi-line Statements Multi- IF statement Token statement
Multi-line Variables can span
Variabmleusltiple server statemen code t blocks! Integrating Content and Code Parser examines right-hand side of @ character.
Identifying nested content with HTML block tag Layout/Master page SiteLayout.cshtml
@RenderBody() Including specific body content. Content page
Explicitly setting LayoutPage property.
Complete HTML page.
Master page – section overrides
This section is optional.
This section is optional.
Master page – section overrides
Named section.
Named section. Master page – result html Re-usable “HTML Helpers” • Methods that can be invoked within code-blocks • Encapsulate generating HTML • Implemented using pure code • Work with Razor engine
Built-in HTML helper
Define own HTML helpers @helper Helper’s parameters (full declarative syntax language and ebugging support)
HTML Helper definition
HTML Helper should be placed
to Views\Helper directory.
HTML Helper Invocation
Razor – Summary • A good new view engine • Code-focused templating • Fast and expressive • Compact syntax • Integrated with C# and VB Controlloers • Controllers within the MVC pattern are responsible for responding to user input, often making changes to the model in response to user input.
• In this way, controllers in the MVC pattern are
concerned with the fl ow of the application, working with data coming in, and providingdat a going out to the relevant view. Contd.. • Getting started with MVC presents something of a chicken and egg problem: There are three parts (model, view, and controller) to understand, and really digging into one of those parts without understanding the others is difficult • HomeController: Responsible for the “home page” at the root of the website, as well as an • “about page” and a “contact page” • AccountController: Responsible for account- related requests, such as login and account • registration • using System.Web; • using System.Web.Mvc; • namespace MvcMusicStore.Controllers • { • public class HomeController : Controller • { • public ActionResult Index() • { • return View(); • } • public ActionResult About() • { • ViewBag.Message = "I like cake!"; • return View(); • } • public ActionResult Contact() • { • ViewBag.Message = "Your contact page."; • return View(); • } • } • } CREATING ASP .NET MVC APPLICATION New Project …
31 32 of 114 Select the project template
36 ASP .NET MVC App Home page
37 Run the application…
38 Expand the default App menu
39 ADDING CONTROLLER
37 of 114 Adding controller
41 Adding controller (cont.)
42 Adding a controller (cont.)
40 Testing the controller
41 Mapping controller • Controller selection based on URL • Default URL routing logic: /[Controller]/[ActionName]/[Parameters] • Format for routing in App_Start/RouteConfig.cs
45 of 114 URL routing • Webapp URL without URL segments => HomeController::Index() • Index() – default method of a controller • /HelloWorld => HelloWorldController • /HelloWorld/Index => HelloWorldController::Index() • http://webapp:port/HelloWorld/Welcome => HelloWorldController::Welcome() 46 of 114 Parameters • /HelloWorld/Welcome?name=Scott&numtimes=4 • Introducing 2 parameters to Welcome method • Parameters passed as query strings!
47 of 114 URL Parameters • http://webapp/HelloWorld/Welcome/3?name=Rick
Parameter ID matches URL specification
in RegisterRoutes method.
48 of 114 References The good source for learning http://www.asp.net/mvc/overview/getting-started/int
Read (From page 24 to 29) (Create project to understand the concepts while reading) Read Complete Chapter No. 02 Professional ASP.NET MVC 5 (Text Book Available @ General Share) Related link: http://mvcmusicstore.codeplex.com./ (Sample Application)
