TOC

This article has been localized into Hungarian by the community.

Razor:

Bevezetés

Amikor a Microsoft előszőr kiadta az ASP.NET keretrendszert, az még WebForms oldalakat használt a tartalommegjelenítésre. Sajnos a WebForms nem volt olyan flexibilis mint amihez az emberek más MVC keretrendszerekben szoktak - túl sok overheaddel járt ViewState, server control tagek, stb. formájában. Emiatt a Microsoft egy könnyebb és egyszerűbb nyelvet/nézetmotort készített az MVC keretrendszerére. Razornek nevezték, és az ASP.NET MVC version 3 részeként jelent meg 2011 januárjában.

Razorben különböző "dialektusokban" lehet írni, kedvenc .NET nyelved alapján. Ebben a leckében a Razor C# variánsát fogjuk használni, de használhatod a Razor VB.NET-tel is.

Miért használj Razort?

A Razor legnagyobb előnye, hogy keverhetővé teszi a kliensoldali markupot (HTML-t) szerveroldali kóddal (pl. C# vagy VB.NET) anélkül, hogy külön jelölnöd kéne a két szintaxis közötti váltást. Nézd például ezt a példát, ami egy ASP.NET WebForms oldalból való:

<p>Hello, world - my name is <%= name %> and the current date is: <%= DateTime.Now.ToString() %></p>

Razorben utalhatsz szerveroldali változókra és hasonlókra az @ szimbólum segítségével. Ha a fenti példát Razorben írjuk, az így néz ki:

<p>Hello, world - my name is @name and the current date is: @DateTime.Now.ToString()</p>

Természetesen egy ilyen egyszerű példa nem fog sokkal rövidebb lenni, de hosszútávon ez sokkal egyszerűbbé és gyorsabbá teszi weboldalak építését és kód beágyazását. Ha valami komolyabbat szeretnél írni, nyilvánvalóbbak lesznek az előnyök, például ha egy feltételes állítást szeretnél a nézetedbe szőni:

<%
if(Request.QueryString["test"] != null)
{
%>
    <p>Lots of markup here...</p>
    <p>Test value: <b><%= Request.QueryString["test"] %></b></p>
    <p>And even more here...</p>
<%
}
%>

Razorben ugyanezt elérheted így:

@if(Request.QueryString["test"] != null)
{
    <p>Lots of markup here...</p>
    <p>Test value: <b>@Request.QueryString["test"]</b></p>
    <p>And even more here...</p>
}

Összefoglalás

Mint a fentiekből láthatod, a Razor sokkal könnyebbé teszi a markup és a kód egyesítését. A következő pár cikkben alaposabban beletekintünk a Razor szintaxisba és hogy hogyan is működik az.


This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!