ASP.NET Web Pages - Lisää Razor-koodi

Tässä oppaassa käytämme Razor-merkintöjä C# ja Visual Basic -koodin avulla.

Mikä on Razor?

  • Razor on merkintäkieli, jota käytetään palvelimella olevan koodin lisäämiseen verkkosivuille
  • Razorilla on perinteisten ASP.NET-merkintöjen kyky, mutta se on helpompi oppia ja käyttää
  • Razor on ASP ja PHP -kaltainen palvelimella oleva merkintäkieli
  • Razor tukee C# ja Visual Basic -ohjelmointikieliä

Lisää Razor-koodi

Muistatko edellisessä luvussa mainitut sivut:

<!DOCTYPE html>
<html lang="fi">
<head>
   <meta charset="utf-8" />
    <title>Web Pages Demo</title>
</head>
<body>
    <h1>Hello Web Pages</h1>
</body>
</html>

Lisää seuraavaksi esimerkkiin joitakin Razor-koodia:

Esimerkki

<!DOCTYPE html>
<html lang="fi">
<head>
     <meta charset="utf-8" />
     <title>Web Pages Demo</title>
</head>
<body>
     <h1>Hello Web Pages</h1> 
     <p>Aika on @DateTime.Now</p>
</body>
</html>

Suorita esimerkki

Tämä sivu sisältää tavallisia HTML-merkintöjä, lisäksi se sisältää: @-merkinnällä merkitty Razor-koodi.

Razor-koodin tehtävänä on tarkistaa palvelimen nykyinen aika ja näyttää se eteenpäin. (Voit määrittää muotoiluvaihtoehtoja tai näyttää vain oletusmuodossa)

C# pää Razor-grammatiikkasäännöt

  • Razor-koodiblokit ovat { @ ... } sisällä
  • Sivuvaikutteiset lausekkeet (muuttujat ja funktiot) alkavat @-merkillä
  • koodilauseet päättymään semikolmion kanssa
  • muuttujat määritellään var-avainsanalla
  • Merkkijonot suljetaan lainausmerkeillä
  • C# koodi on tarkka kirjaimista
  • C# tiedoston laajennus on .cshtml

C# esimerkki

<!-- Yksirivinen koodibloki -->
@{ var myMessage = "Hello World"; }
<!-- Sivuvaikutteinen lauseke tai muuttuja -->
<p>arvon myMessage on: @myMessage</p> 
<!-- Monirivinen koodibloki -->
@{}}
var greeting = "Tervetuloa sivustollemme!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Tänään on: " + weekDay;
}
<p>Tervehdys on: @greetingMessage</p>

Suorita esimerkki

VB:n pää Razor -syntaksisäännöt

  • Razor-koodiblokit suljetaan @Code ... End -merkeillä
  • Sivuvaikutteiset lausekkeet (muuttujat ja funktiot) alkavat @-merkillä
  • Muuttujat määritellään Dim-kannella
  • Merkkijonot suljetaan lainausmerkeillä
  • C#-koodi ei ole case-sensitive
  • C#-tiedoston laajennus on .vbhtml

Esimerkki

<!-- Yksirivinen koodibloki -->
@Code dim myMessage = "Hello World" End Code
<!-- Sivuvaikutteinen lauseke tai muuttuja -->
<p>myMessage -arvon arvo on: @myMessage</p> 
<!-- Monirivinen koodibloki -->
@Code
dim greeting = "Tervetuloa sivustollemme!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Tänään on: " & weekDay
Lopeta Code 
<p>Tervehdys on: @greetingMessage</p>

Suorita esimerkki

Lisätietoja C# ja Visual Basicista

Jos haluat oppia lisää Razorista sekä C#- että Visual Basic -ohjelmointikielistä, vieraile tämän opetusohjelman Razor -osat.