Последние учебники веб-разработки
×

ASP.NET Руководство

ASP.NET ГЛАВНАЯ ASP.NET вступление

WP Руководство

WebPages вступление WebPages бритва WebPages раскладка WebPages Папки WebPages Глобальный WebPages формы WebPages Объекты WebPages файлы WebPages Базы данных WebPages Помощники WebPages WebGrid WebPages Графики WebPages Эл. адрес WebPages PHP WebPages Публиковать WebPages Примеры

WP Рекомендации

WebPages Классы WebPages Безопасность WebPages База данных WebPages WebMail WebPages Помощники

ASP.NET Razor

Razor вступление Razor Синтаксис Razor C# переменные Razor C# Loops Razor C# логика Razor VB переменные Razor VB Loops Razor VB логика

ASP.NET MVC

MVC вступление MVC заявка MVC Папки MVC раскладка MVC Контроллеры MVC Просмотры MVC База данных MVC модель MVC Безопасность MVC HTML Помощники MVC Публиковать MVC Справка

WF Учебники

WebForms вступление WebForms страницы WebForms управления WebForms Мероприятия WebForms формы WebForms ViewState WebForms Текстовое окно WebForms кнопка WebForms Связывание данных WebForms ArrayList WebForms Хеш-таблица WebForms SortedList WebForms XML файлы WebForms повторитель WebForms DataList WebForms DbConnection WebForms Master страницы WebForms навигация WebForms Примеры


 

ASP.NET Веб-страница - Добавление Razor коды


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


Что такое Razor ?

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

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

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

<!DOCTYPE html>

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

Теперь добавьте немного Razor код примера:

пример

<!DOCTYPE html>

<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Web Pages Demo</title>
</head>
<body>
     <h1>Hello Web Pages</h1>
     <p>The time is @DateTime.Now </p>
</body>
</html>
Выполнить пример »

Страница содержит обычный HTML - разметку, с одним дополнением: @ отмечен Razor код.

Razor код делает всю работу по определению текущего времени на сервере и отобразить его. (You can specify formatting options, or just display the default)


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

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

C # Пример

<!-- Single statement block -->
@{ var myMessage = "Hello World"; }

<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage </p>

<!-- Multi-statement block -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}

<p>The greeting is: @greetingMessage </p>
Выполнить пример »

Главная Razor Правила синтаксиса для VB

  • Razor кодовые блоки заключены в @code ... Конец кода
  • Встроенные выражения (variables and functions) начинаются с @
  • Переменные объявляются с помощью ключевого слова Dim
  • Строки заключаются в кавычки
  • VB код не чувствительны к регистру
  • VB-файлы имеют расширение .vbhtml

пример

<!-- Single statement block  --> 
@Code dim myMessage = "Hello World" End Code
 
<!-- Inline expression or variable --> 
<p>The value of myMessage is: @myMessage </p> 
 
<!-- Multi-statement block --> 
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Today is: " & weekDay
End Code


<p>The greeting is: @greetingMessage </p>
Выполнить пример »

Подробнее о C # и Visual Basic

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