ASP.NET Web Pages - добавление кода Razor

В этом руководстве мы будем использовать маркеры Razor с кодом C# и Visual Basic

Что такое Razor?

  • Razor - это синтаксис.markup для добавления кода на основе сервера в веб-страницы
  • Razor имеет способности традиционного ASP.NET.markup, но он легче для изучения и использования
  • Razor - это серверный синтаксис.markup, подобный ASP и PHP
  • Razor поддерживает языки программирования C# и Visual Basic

Добавление кода Razor

Помните страницу из предыдущего раздела:

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8" />
    <title>Демонстрация Web Pages</title>
</head>
<body>
    <h1>Hello Web Pages</h1>
</body>
</html>

Добавим в пример немного кода Razor:

Пример

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Демонстрация Web Pages</title>
</head>
<body>
     <h1>Hello Web Pages</h1> 
     <p>Время: @DateTime.Now</p>
</body>
</html>

Запуск примера

Эта страница содержит обычные теги HTML, а также: код Razor, помеченный @.

Вся работа кода Razor заключается в определении текущего времени на сервере и его отображении. (Вы можете指定 опции формата или просто отображать по умолчанию)

Основные правила синтаксиса Razor в C#

  • Блок кода Razor окружен {...}
  • Внутренние выражения (переменные и функции) начинаются с @
  • Строка кода заканчивается точкой с запятой
  • Переменные объявляются с помощью ключевого слова var
  • Строки окружены кавычками
  • Код C# чувствителен к регистру
  • Расширение файла C# - .cshtml

Пример на C#

<!-- Единстрочный блок кода -->
@{ var myMessage = "Hello World"; }
<!-- Внутреннее выражение или переменная -->
<p>Значение myMessage: @myMessage</p> 
<!-- Многострочный блок кода -->
@{}}
var greeting = "Добро пожаловать на наш сайт!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Сегодня: " + weekDay;
}
<p>Приветствие: @greetingMessage</p>

Запуск примера

Основные правила синтаксиса Razor для VB

  • Блок кода Razor окружен @Code ... End
  • Внутренние выражения (переменные и функции) начинаются с @
  • Переменные объявляются с помощью ключевого слова Dim
  • Строки окружены кавычками
  • Код C# не чувствителен к регистру
  • Расширение файла C# - .vbhtml

Пример

<!-- Единстрочный блок кода -->
@Code dim myMessage = "Hello World" End Code
<!-- Внутреннее выражение или переменная -->
<p>Значение myMessage: @myMessage</p> 
<!-- Многострочный блок кода -->
@Code
dim greeting = "Добро пожаловать на наш сайт!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Сегодня: " & weekDay
Конец кода 
<p>Приветствие: @greetingMessage</p>

Запуск примера

Больше информации о C# и Visual Basic

Если вы хотите узнать больше о Razor и языках программирования C# и Visual Basic, пожалуйста, посетите Часть Razor.