Introduction to Mvc

04/13/2023Infobest Romania

MVCPart 1


MVC Architecture M, V and C Separation of Concerns .NET MVC Framework Demo

Topics

Create a project.How is it configured by default? Model, View Controller Razor Routing Friendly URLs Test driven dev Bundling Minification Validation Forms Send data to controller from view Form security


MVC Architecture


Players

Controller: - Handles a request from a View and updates the Model that results in a change of the Model's state.

- Sends Data to View

Model: The business entity on which the overall application operates. Many applications use a persistent storage mechanism (such as a database) to store data. MVC does not specifically mention the data access layer because it is understood to be encapsulated by the Model.

View: The user interface that renders the Model into a form of interaction.

MVC Architecture


To implement MVC in .NET we need mainly three classes (View, Controller and the

Model).

MVC Architecture


The process of breaking a computer program into distinct features that overlap in functionality as little as possible

MVC design pattern aims to separate content from presentation and data-processing from content. Theoretically sound, but where do we see this in MVC? One place is reasonably clear - between the data-processing (Model) and the rest of the application.

Separation of Concern


Thus our models, controllers and views lie in logical/physical layers independent of each

other.



.NET MVC Framework


.NET Framework


Demo Create a project.How is it configured by default? Model, View Controller Razor Routing Friendly URLs Test driven dev Bundling Minification Validation Forms Send data to controller from view Form security


Demo : Create a project.How is it configured by default?


Demo : Model, View Controller


Demo : Razor


Demo : Routing


Demo : Friendly URLs


Demo : Test driven development


Demo : Bundling + Optimization


”In addition, the facility exists to optimise (minify) the CSS and Script files for release builds, whilst at the same time providing normal scripts for debugging the web application.” http://johnnewcombe.net/blog/post/4

Demo : Bundling

http://johnnewcombe.net/blog/post/4




Demo : Bundling


BundleTable.EnableOptimizations = true;

Demo : Bundling


Resources http://

www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification

https://www.youtube.com/watch?v=y4ceKd-JSqc

Bundling

http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification






Demo : Model Validation


@using (Html.BeginForm("Index", "Test")) { … <input type=“submit”

id=“submitIndexView”/> }

Demo : Forms


@using (Html.BeginForm("Index", “Test“ ,new {argTest = "someText"}))

{ … <input type=“submit”

id=“submitIndexView”/> }

Demo : Send data to controller from view


For View @Html.AntiForgeryToken()

For Controller [HttpPost] [ValidateAntiForgeryToken]

Demo : Form security


Thanks!Claudiu Socaci

Introduction to Mvc

Education

Transcript of Introduction to Mvc