overview of code coverage & code...

.NET MVCa Jump Start

© Meganadha Reddy K., 2015 http://www.netcomlearning.com/

Meganadha Reddy K.Technical Trainer | NetCom Learning

www.NetComLearning.com

What is ASP.NET MVC ?

• A web application project type

• Points to note here is:

• It is not replacement for web forms

• Builds on top of ASP.NET


What is MVC for?

• Maintain Clean Separation of Concerns

• Extensible and Pluggable

• Enable clean URLs and HTML

• Integration with ASP.NET

• Easily testable


MVC


Model

View

Controller

MVC – How it works? (1 of 2)


Controller

View

Model

USER

Uses Manipulates

UpdatesSees

MVC – How it works? (2 of 2)


M, V, C – Definitions (1 of 2)

MVC stands for model-view-controller. MVC is a pattern for developing

applications that are well architected, testable and easy to maintain.


M, V, C – Definitions (2 of 2)

• Models: Classes that represent the data of the application and that use

validation logic to enforce business rules for that data.

• Views: Template files that your application uses to dynamically generate

HTML responses.

• Controllers: Classes that handle incoming browser requests, retrieve model

data, and then specify view templates that return a response to the browser.


Lets create a simple MVC project

From Visual Studio:

File “New Project”

Under “Web”

ASP.NET Web Application


Lets understand the default folders

Points to note here:

a. Folders for

i. Models

ii. Views

iii. Controllers

b. App_Start RouteConfig.cs

c. Global.asax

d. package.config


RouteConfig.cs

Will have default path or

route for the website


First MVC Application


Adding – Controller Class

Namespace

Controllers should inherit Controller

ActionResult is the return type here.

1

2

3


Adding – View

Step-1:

Add a folder “Home” inside “Views”

Step-2:

Right click on “Home”.

Add View [As shown]


Simple - Model


Updated Controller


ASP.NET MVC Request


MVC Templates in Visual Studio


Razor – Syntax (1 of 2)

19

@ - For values (HTML Encoded)

<p>

Current time is: !!!

</p>

@{ … } – For code blocks (keep the view simple!)

@{

}


Razor – Syntax (2 of 2)

• If, else, for, foreach, etc. C# statements

• HTML markup lines can be included at any part

• @: – For plain text line to be rendered


MVC Flow (Summary)

Request

Controller

Step 1

Incoming request directed to Controller


MVC Flow (Summary)

ControllerModel

Step 2

Controller processes request and forms a data Model


MVC Flow (Summary)

Controller

ViewStep 3

Model is passed to View


MVC Flow (Summary)

Controller

View

Step 4

View transforms Model into appropriate output format


MVC Flow (Summary)

Response

Controller

View

Step 5

Response is rendered


Thank you

?


overview of code coverage & code...

Documents