SlideShare a Scribd company logo
1 of 11
ASP.NET MVC(Views)

mahmoodfcis@gmail.com
Views
 Views are the UI layer of the MVC application.
 They are not responsible for any logic
 Views are placed inside the Views folder of the ASP.NET MVC application
 There is a folder for each controller inside the Views folder
 Razor views have .cshtml, .vbhtml while web forms have .aspx, .asp extensions.

mahmoodfcis@gmail.com
ASP.NET MVC View Engines
View Engines are responsible for rendering the HTML from your views to the browser. The view engine template will have

different syntax for implementation. Currently there are few number of view engines available for MVC and the top four
view engines are Razor, traditional ASPX, Spark and Nhaml.
 Razor is the best view engine. Uses @ for rendering HTML
 Web forms engine uses <%%>
 See the other view engines doc at
http://www.codeproject.com/Articles/467850/ASP-NET-MVC-view-engines
http://channel9.msdn.com/coding4fun/articles/Developer-Review-Four-ASPNET-MVC-View-Engines

mahmoodfcis@gmail.com
Binding Models to Views
 The controller is responsible for binding the model data to the view.
 @model is used to bind the model to a view.
 Views that are bound to models are called strongly typed views.

mahmoodfcis@gmail.com
HTML Helpers

mahmoodfcis@gmail.com
Passing Data from Controller to Views
Data can be passed from controllers to views using three different ways
1. ViewBag
2. ViewData
3. TempData

mahmoodfcis@gmail.com
Partial Views
They are similar to user controls in asp.net web forms.
Html.RenderPartial and @Html.Partial are used to include
The partial views inside a view.

mahmoodfcis@gmail.com
HTTP Post and GET Action selectors
HttpGet and HttpPost are used for actions that read and submit data from views to controllers
For example adding data in a view then submitting them back to the controller action.

mahmoodfcis@gmail.com
Localization
 Localization in ASP.NET MVC is similar to ASP.NET web forms.
 Tips for implementing localization in an asp.net MVC application

1.

Use Resource files (.resx)

2.

Place resource files in a folder out of the global resource folders of the ASP.NET

3.

Chance the access modifier of the resource to public

4.

Avoid writing hard coded texts.

5.

Use ErrorMessageResourceType, ResourceType data annotations in the fields of the model

6.

Design different stylessheets for the different languages

7.

Switch between languages in the global.asax file

mahmoodfcis@gmail.com
Bundling
Bundling is a new feature in ASP.NET 4.5 that makes it easy to combine or bundle multiple files into a single file. You
can create CSS, JavaScript and other bundles. Fewer files means fewer HTTP requests and that can improve first page
load performance.
You can add your bundles in the BundleConfig class.
Bundling is disabled in the Debug mode so to enable bundling you must set the Debug=“False” in the web.config

mahmoodfcis@gmail.com
Minification
Minification performs a variety of different code optimizations to scripts or css, such as removing unnecessary white space
and comments and shortening variable names to one character. Consider the following JavaScript function.

mahmoodfcis@gmail.com

More Related Content

More from Mahmoud Tolba (8)

Developing cross platforms mobile applications using the Apache Cordova
Developing cross platforms mobile applications using the Apache CordovaDeveloping cross platforms mobile applications using the Apache Cordova
Developing cross platforms mobile applications using the Apache Cordova
 
JQuery Overview
JQuery OverviewJQuery Overview
JQuery Overview
 
Microsoft Entity Framework
Microsoft Entity FrameworkMicrosoft Entity Framework
Microsoft Entity Framework
 
Windows Communication Foundation
Windows Communication FoundationWindows Communication Foundation
Windows Communication Foundation
 
ASP.NET MVC controllers
ASP.NET MVC controllersASP.NET MVC controllers
ASP.NET MVC controllers
 
ASP.NET MVC4 Overview
ASP.NET MVC4 OverviewASP.NET MVC4 Overview
ASP.NET MVC4 Overview
 
Top emerging technologies
Top emerging technologiesTop emerging technologies
Top emerging technologies
 
Advanced JavaScript
Advanced JavaScriptAdvanced JavaScript
Advanced JavaScript
 

Recently uploaded

Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 

ASP.NET MVC Views

  • 2. Views  Views are the UI layer of the MVC application.  They are not responsible for any logic  Views are placed inside the Views folder of the ASP.NET MVC application  There is a folder for each controller inside the Views folder  Razor views have .cshtml, .vbhtml while web forms have .aspx, .asp extensions. mahmoodfcis@gmail.com
  • 3. ASP.NET MVC View Engines View Engines are responsible for rendering the HTML from your views to the browser. The view engine template will have different syntax for implementation. Currently there are few number of view engines available for MVC and the top four view engines are Razor, traditional ASPX, Spark and Nhaml.  Razor is the best view engine. Uses @ for rendering HTML  Web forms engine uses <%%>  See the other view engines doc at http://www.codeproject.com/Articles/467850/ASP-NET-MVC-view-engines http://channel9.msdn.com/coding4fun/articles/Developer-Review-Four-ASPNET-MVC-View-Engines mahmoodfcis@gmail.com
  • 4. Binding Models to Views  The controller is responsible for binding the model data to the view.  @model is used to bind the model to a view.  Views that are bound to models are called strongly typed views. mahmoodfcis@gmail.com
  • 6. Passing Data from Controller to Views Data can be passed from controllers to views using three different ways 1. ViewBag 2. ViewData 3. TempData mahmoodfcis@gmail.com
  • 7. Partial Views They are similar to user controls in asp.net web forms. Html.RenderPartial and @Html.Partial are used to include The partial views inside a view. mahmoodfcis@gmail.com
  • 8. HTTP Post and GET Action selectors HttpGet and HttpPost are used for actions that read and submit data from views to controllers For example adding data in a view then submitting them back to the controller action. mahmoodfcis@gmail.com
  • 9. Localization  Localization in ASP.NET MVC is similar to ASP.NET web forms.  Tips for implementing localization in an asp.net MVC application 1. Use Resource files (.resx) 2. Place resource files in a folder out of the global resource folders of the ASP.NET 3. Chance the access modifier of the resource to public 4. Avoid writing hard coded texts. 5. Use ErrorMessageResourceType, ResourceType data annotations in the fields of the model 6. Design different stylessheets for the different languages 7. Switch between languages in the global.asax file mahmoodfcis@gmail.com
  • 10. Bundling Bundling is a new feature in ASP.NET 4.5 that makes it easy to combine or bundle multiple files into a single file. You can create CSS, JavaScript and other bundles. Fewer files means fewer HTTP requests and that can improve first page load performance. You can add your bundles in the BundleConfig class. Bundling is disabled in the Debug mode so to enable bundling you must set the Debug=“False” in the web.config mahmoodfcis@gmail.com
  • 11. Minification Minification performs a variety of different code optimizations to scripts or css, such as removing unnecessary white space and comments and shortening variable names to one character. Consider the following JavaScript function. mahmoodfcis@gmail.com

Editor's Notes

  1. http://httputility.com/various/razorhelperscheatsheet.html