A Quick tour of the Razor View Engine by comparing it to ASPX View Engine
Introduction
In this post, I will give you a quick tour
of the Razor View Engine syntax by comparing it to ASPX View Engine so that you
can recognize the new elements when you enter in MVC3 learning.
Razor is the name of the new view engine
introduced by Microsoft with the release of MVC3. The ASP.NET view engines
processes web pages, looking for special elements that contain server-side
instructions. As we already know the standard ASPX view engine relies on the <%
and %> elements, which is familiar to all ASP.NET developers. But with Razor
View Engine, the MVC development team has introduced a new set of syntax
elements, centered on the @ symbol.
If you are familiar with the <% %> syntax,
you won’t have too many problems with Razor, although there are a few new rules.
Razor views have a file extension of
.cshtml, as opposed to the .aspx extension used in previous MVC releases and in
ASP.NET Web Forms, we can still use the ASPX view engine in an MVC3 project but
try to learn Razor engine, because it seems to be a strong area of focus.
Now, let’s look at the ASPX Engine page and
Razor Engine page:
ASPX View Engine Page
<%@ Page
Language="C#"
Inherits="System.Web.Mvc.ViewPage<dynamic>"
%>
<!DOCTYPE html>
<html>
<head
runat="server">
<title>Index</title>
</head>
<body>
<div>
<ul>
<%
for (int i = 1;
i <= 10; i++) { %>
<li><% =i%></li>
<% }
%>
</ul>
</div>
</body>
</html>
In above page, I am writing 1 table by
switching to C# and HTML mode again and again. This might be simple by using
Razor, look at the example below.
Razor View Engine Page
@{
ViewBag.Title =
"Index";
}
<div>
<ul>
@for (int i = 1; i
<= 10; i++)
{
<li>@i</li>
}
</ul>
</div>
In above example, I’m writing the same page
by using Razor View Engine and it is bit easy than ASPX Engine. Here we don’t
need to switch over HTML and C# again and again.
Comments
Post a Comment