Учебный курс по WebMatrix, глава 3. Более сложный пример на ASP.NET
Это продолжения учебного курса по WebMatrix. Предыдущие части руководство можно найти здесь:
- Учебный курс по WebMatrix, глава 1. Начало работы с WebMatrix и веб-страницами ASP.NET
- Учебный курс по WebMatrix, глава 2. Использование кода веб-страниц ASP.NET
Создание более сложного примера на ASP.NET
1. Создайте новый CSHTML-файл и дайте ему имя TwitterFeed.cshtml.
2. В TwitterFeed.cshtml добавьте следующий выделенный код.
<!DOCTYPE html>
<html>
<head>
<title>Веб-канал Twitter</title>
</head>
<body>
<h1>Веб-канал Twitter</h1>
<form action="" method="POST">
<div>
Введите имя другого веб-канала Twitter для отображения:
<input type="text" name="TwitterUser" value=""/>
<input type="submit" value="Отправить" />
</div>
<div>
@if (Request["TwitterUser"].IsEmpty()) {
@Twitter.Profile("microsoft")
}
else {
@Twitter.Profile(Request["TwitterUser"])
}
</div>
</form>
</body>
</html>
Этот HTML создает форму, отображающую текстовое поле для ввода имени пользователя и кнопку «Отправить». Это то, что находится между первой парой тегов <div>.
Между второй парой тегов <div> находится другой код. (Для отметки кода в веб-страницах ASP.NET используется символ @.) При первом отображении этой страницы, или если пользователь нажал кнопку «Отправить» при незаполненном текстовом поле, условное выражение Request["TwitterFeedName"] == null будет иметь значение true. В этом случае страница будет показывать веб-канал Twitter для пользователя microsoft. В других случаях страница будет показывать веб-канал Twitter для имени пользователя, указанного в текстовом поле.
3.Сохраните и запустите эту страницу в браузере. Веб-канал Twitter отображает записи пользователя microsoft.
4.Введите новое имя пользователя Twitter и нажмите кнопку «Отправить». Отображается новый веб-канал. (Если будет указано несуществующее имя, то веб-канал Twitter будет отображаться, но пустым.)
Этот пример показывает лишь небольшую часть того, как можно использовать WebMatrix, и как можно программировать динамические веб-страницы с помощью простого кода ASP.NET, использующего синтаксис Razor. В следующей главе код исследуется более глубоко. В последующих главах будет показано использование кода для множества разных типов задач веб-сайта.
Создание и тестирование страниц ASP.NET с помощью собственного текстового редактора
Для создания и тестирования веб-страницы ASP.NET не обязательно использовать редактор WebMatrix. Создать страницу можно в любом редакторе, включая Блокнот. Необходимо только проверить, что страница сохраняется с расширением CSHTML (или VBHTML, если планируется использовать Visual Basic).
Самый простой способ тестирования CSHTML-страниц — запустить веб-сервер (IIS Developer Express) с помощью кнопки «WebMatrix Run» (Запустить WebMatrix). Если не планируется использовать средство WebMatrix, веб-сервер можно запустить в командной строке и связать его с определенным номером порта. Затем этот порт указывается при запросе CSHTML-файлов в браузере.
В Windows откройте командную строку с правами администратора и перейдите в следующую папку:
C:\Program Files\Microsoft WebMatrix
В 64-разрядных системах используйте следующую папку:
C:\Program Files (x86)\Microsoft WebMatrix
Введите следующую команду, указав соответствующий путь к сайту:
iisexpress.exe /port:35896 /path:C:\BasicWebSite
Не имеет значения, какой номер порта используется, если этот порт не был зарезервирован каким-либо другим процессом (порты с номерами больше 1024 обычно свободны).
Для значения пути используйте путь веб-сайта, где находятся тестируемые CSHTML-файлы.
После выполнения этой команды можно открыть браузер и перейти к CSHTML-файлу, как показано ниже.
https://localhost:35896/HelloWorld.cshtml
Чтобы получить справку по параметрам командной строки IIS Developer Express, введите iisexpress.exe /? в командной строке.
Благодарности
Благодарим Виталия Коробцева, руководителя инновационных проектов “ООО Валькирия”, за неоценимую помощь в подготовке этого руководства.