В сети Internet потенциальные покупатели могут получить исчерпывающие описания домов, выставленных на продажу. Подобная информация публикуется на Web-узлах агентств недвижимости, в электронных специализированных газетах, а также на тематических Web-страницах. Посетители осуществляют поиск подходящего варианта, указывая такие данные, как количество спален, общая площадь жилья и цена. Возможно, клиент пожелает пролистать весь список предлагаемого жилья. В этой главе мы рассмотрим несколько страниц, на которых посетителю предоставляется возможность осуществлять поиск подходящего варианта, просматривать списки предложений и знакомиться с подробными описаниями жилья.

Перед изучением кода ознакомимся с описанием готового Web-узла. Когда посетитель впервые попадает на узел, он видит страницу, изображенную на рис.

На странице поиска посетитель указывает параметры домов, которые представляют для него интересуй с описаниями которых он хотел бы ознакомиться. К числу таких параметров относятся предельная цена, количество ванных комнат и спален, район горрда и т. д. Пункты в списке могут быть отсортированы различными способами, критерий сортировки указывается в поле Сортировать по.

Если посетитель решает не ограничивать область поиска, на странице Результаты поиска выводятся все описания из каталога домов.

В заголовке таблицы указывается число записей, соответствующих запросу пользователя. Строки таблицы содержат базовые сведения о каждом доме. Как отобразить полное описание, вы узнаете позже.

Теперь рассмотрим ситуацию, когда посетитель задает критерии поиска. Итак, требуется, чтобы цена дома лежала в диапазоне от $100000 до $300000, а дом, в котором имеется, по крайней мере, две ванные комнаты и три спальни, располагался в районе Теремки.

В результате выполнения щелчка на кнопке ОК на экран выводится набор записей, соответствующих заданным условиям.

Как показано на рисунке, критериям поиска соответствуют пять записей из восьми. Обратите внимание на то, что записи при выводе на экран сортируются по цене дома.

Столбец номера содержит ссылки, предназначенные для перехода к полным описаниям домов.

В верхней части страницы Дом находится код HLCN (Home Listing Catalog Number - номер описания дома в каталоге). Этот номер необходим для того, чтобы со стартовой страницы можно было сразу загрузить нужное описание.

Посетители вводят номер в специальное текстовое доле (элемент управления тех-tBox). В данном случае посетитель ввел неправильный код. Далее, при рассмотрении кода страницы, мы увидим, что в качестве кода HLCN необходимо ввести шестизначное число и нажать кнопку ОК для подтверждения.

Когда посетитель возвращается на страницу Дом, его вниманию предлагается вся существующая информация о продаваемой недвижимости (даже изображения дома). На рис. вы видите два изображения дома, а на рис.— четыре. Описание может быть снабжено любым количеством изображений или не содержать их вообще. Элемент управления DataList позволяет выводить на экран изображения по четыре в ряд.

База данных, необходимая для функционирования узла Недвижимость, состоит из двух таблиц. Связи между этими таблицами схематически показаны на рис.

Таблица Listings является основной таблицей в базе данных. Она содержит всю текстовую информацию о доме. В таблице ListingPictures хранятся изображения зданий, представленных на узле Недвижимость.

Две таблицы связаны отношением «один-ко-многим». Каждому описанию дома (одной записи в таблице Listings) может соответствовать несколько изображений (записей в таблице ListingPictures), но каждое изображение связано только с одним описанием.

Web-узел Недвижимость состоит из четырех ASP.NET-страниц, на которых используется ряд элементов управления, в том числе DataGrid и Repeater.

В этом разделе описаны способы применения элементов управления на узле Недвижимость, а также выполнен анализ кода, содержащегося на его четырех страницах.

Домашняя страница

Домашняя страница содержит средства, позволяющие посетителю переходить на страницу Поиск или непосредственно к описанию дома. Тело страницы содержит ASP.NET-тег Form, который задает обработку элементов управления на сервере:

<Form runat="server">

<asp: Label
id="lblTitle"
BorderWidth="5px"
BorderStyle=7
BackColor="lightyellow"
Width="439"
Font-Size="22pt"
Font-Name="Comic Sans MS"
Text-"<CENTER>HeflBiBKHMOCTb</CENTER>"
runat=" server"

<asp:TextBox
id="txtHLCN"
Columns="25"
MaxLength="8"
runat=server