ASP.NET Web Pages - Adding Razor Code

Previous Next

Razor Markup

Razor is a simple markup syntax for embedding server code (C# or VB) into ASP.NET web pages

Example

<!DOCTYPE html>

<html lang="en">
<head>
 <meta charset="utf-8" />
 <title>Web Pages Demo</title>
</head>
<body>
 <h1>Hello Web Pages</h1>
 The time is @DateTime.Now
</body>
</html>

The page above contains both ordinary HTML markup and Razor markup.

Practice Excercise Practice now

Razor Syntax For C#

C# code blocks are enclosed in @{ ... }
Inline expressions (variables or functions) start with @
Code statements end with semicolon
Variables are declared with the var keyword, or the datatype (int, string, etc.)
Strings are enclosed with quotation marks
C# code is case sensitive
C# files have the extension .cshtml

C# Example

@{ var myMessage = "Hello World"; }


The value of myMessage is: @myMessage


@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
The greeting is: @greetingMessage

Practice Excercise Practice now

Razor Syntax For VB

VB code blocks are enclosed in @Code ... End Code
Inline expressions (variables or functions) start with @
Variables are declared with the Dim keyword
Strings are enclosed with quotation marks
VB code is not case sensitive
VB files have the extension .vbhtml

VB Example

@Code dim myMessage = "Hello World" End Code


The value of myMessage is: @myMessage


@Code
dim greeting = "Welcome to our site!"
dim weekDay = DateTime.Now.DayOfWeek
dim greetingMessage = greeting & " Today is: " & weekDay
End Code

The greeting is: @greetingMessage

Practice Excercise Practice now

Previous Next

ASP.NET Web Pages - Adding Razor Code

Razor Markup

Example

Razor Syntax For C#

C# Example

Razor Syntax For VB

COMPANY

Products

OTHERS

Partner