Tightly coupled view (model bounded view)
Download as pptx, pdf0 likes76 views
This document is a tutorial on creating a tightly coupled view, or model bounded view, in ASP.NET MVC applications. It outlines the steps to create a model, controller, and view, specifically demonstrating the creation of a 'person' model with properties and how to implement it using C# code. The tutorial encourages viewer engagement with prompts to like and share the video and subscribe for future content.
![What is Controllers
Controller - is a class...
it is .cs code [C# file], which is inherited by a
built-in controller classes.
4](https://image.slidesharecdn.com/tightlycoupledviewmodelboundedview-180418101920/85/Tightly-coupled-view-model-bounded-view-4-320.jpg)
![Now we will change controller method by adding [HttpGet] attribute to Action Method and return new
instance Model Person like as shown below
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using Tutorial3.Models;
namespace Tutorial3.Controllers
{
public class PersonDetailsController : Controller
{
//
// GET: /PersonDetails/
[HttpGet]
public ActionResult Index()
{
return View(new Person());
}
}
}
8](https://image.slidesharecdn.com/tightlycoupledviewmodelboundedview-180418101920/85/Tightly-coupled-view-model-bounded-view-8-320.jpg)
Tightly coupled view (model bounded view)
- 1. WELCOME TO IT PROGRAMMING WORLD 朽爐爐 爐爐爐爛 爐爐爛 爐む 爐爛爐萎 爐爛爐爐 爐爛 爐伍が爛爐伍爛爐萎ぞ爐爐 爐爐 爛爐 爐爐爐爐 爐項 爐む 爐爛爐 爐 爐爐 爐 爐爐爐爛 爐爛 爐爐 爐爛爐爛爐伍爐 爐朽た爐÷た爐爛 爐爐爐迦爐 爐爐 爐む 爐爐爐爛 爐爐むぞ 爐爐 爐伍爛 朽爐爐 爐爐爐爛 爐爛 爐朽た爐÷た爐爛 爐踱 爐迦爐 爐項 爐む 爐朽た爐÷た爐爛 爐爛 LIKE 爐爐 SHARE 爐爐萎爐 爐爐萎 爐оえ爛爐爐逗ぞ爐爛 爐爐爐 爐爛爐萎爐爛爐萎ぞ爐爐爛爐爐 爐逗ぐ爛爐迦た爐
- 2. Tightly Coupled View (Model bounded view) in Asp .NET MVC In asp.net MVC model bounded view is a tightly coupled and it is used to create view. lets create model bounded view or tightly coupled view in asp.net MVC application for that first we need to create model, controller and view. 2
- 3. Working with Controllers Controller: Process incoming request. Executes the appropriate code initiated or required by the user Communicating with the "Model" to validate and process the data. 3 4/18/2018
- 4. What is Controllers Controller - is a class... it is .cs code [C# file], which is inherited by a built-in controller classes. 4
- 5. Create Model in Asp.Net MVC Application For adding Model Right click on Models folder select Add then select Class in asp.net mvc application. After that a new Dialog (Add New Item) will popup asking you to enter Class name in that enter name Person like as shown below 5
- 6. After adding model now lets add some properties in this Person class like as shown following using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace Tutorial3.Models { public class Person { public int ID { get; set; } public string Name { get; set; } public string Address { get; set; } public string Mobileno { get; set; } } } 6
- 7. Create Controller in Asp.Net MVC Application 7 After adding controller you can see default code generated using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace Tutorial3.Controllers { public class PersonDetailsController : Controller { // // GET: /PersonDetails/ public ActionResult Index() { return View(); } } }
- 8. Now we will change controller method by adding [HttpGet] attribute to Action Method and return new instance Model Person like as shown below using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using Tutorial3.Models; namespace Tutorial3.Controllers { public class PersonDetailsController : Controller { // // GET: /PersonDetails/ [HttpGet] public ActionResult Index() { return View(new Person()); } } } 8
- 9. Create View in Asp.Net MVC Application Now lets add view for that just right click inside controller and select Add View you will get a pop up like as shown below. Inside this popup you will see default View name will be there no need to change that and we are going to use Razor engine that why we should select Razor engine. In Model class we are going to select Person Model which we created. In Scaffold template select Create item and click on Add button finally. 9
- 10. After click Add button our View will create which is tightly coupled to model that would be like as shown below @model Tutorial3.Models.Person @{ ViewBag.Title = "Index"; } <h2>Index</h2> @using (Html.BeginForm()) { @Html.ValidationSummary(true) <fieldset> <legend>Person</legend> <div class="editor-label"> @Html.LabelFor(model => model.Name) </div> <div class="editor-field"> @Html.EditorFor(model => model.Name) @Html.ValidationMessageFor(model => model.Name) </div> 10
- 11. <div class="editor-label"> @Html.LabelFor(model => model.Address) </div> <div class="editor-field"> @Html.EditorFor(model => model.Address) @Html.ValidationMessageFor(model => model.Address) </div> <div class="editor-label"> @Html.LabelFor(model => model.Mobileno) </div> <div class="editor-field"> @Html.EditorFor(model => model.Mobileno) @Html.ValidationMessageFor(model => model.Mobileno) </div> 11
- 12. Continue Codes <p> <input type="submit" value="Create"/> </p> </fieldset> } <div> @Html.ActionLink("Back to List", "Index") </div> @section Scripts { @Scripts.Render("~/bundles/jqueryval") } 12
- 13. Here red mark border is showing view is tightly coupled to person Model. 13 This way we can achieve Model bounded view or tightly coupled view in asp.net MVC. This way we can achieve Model bounded view or tightly coupled view in asp.net MVC.
- 14. Thanking for watching .. Please Subscribe my Channel for next Coming videos direct to You. Hope This Video is helpful for you Like and share not forget.. If any feedback Comments IT PROGRAMMING WORLD KRISHNA RAJPUT SINGH