Знакомство с ASP.NET

Что еще нужно знать об ASP.NET

Взаимодействие с клиентом

Создание интерактивных приложений для intranet-сетей

Расширение функциональных возможностей intarnet

Создание спортивного Web-узла

Управление содержимым Web-узла

Отслеживание действий посетителейa

Виртуальный университет

 Использование специализированных приложений на узлах компаний

Виртуальная риэлтерская контора

Персонализация узла для посетителей

Интерактивные возможности узла

Увеличение посещаемости узла

Создание интерактивного магазина

Создание интерактивного аукциона

Web-службы

Справочник по языку ASP.NET/VB.


Сайт создан по материалам книги Г. Бучека "Учебный курс по ASP.NET". Москва: BHV, 2002.

Создатель сайта-выпускник курсов web-дизайнеров Сафоновского Колледжа Информационных Технологий Максим Котликов


Проект Анкета
Проект Подробности
Проект Поиск магазина


Проект Поиск магазина

Третье приложение, которое мы рассмотрим в этой главе, — Поиск магазина. Это приложение дает посетителю возможность отыскать адреса магазинов компании по почтовому индексу. В проекте Поиск магазина используются следующие файлы:

    Index.aspx — ASP.NET-страницаПоиск магазина;
    C3StoreLocator.sql —сценарий для создания таблицыSQL Server;
    StoreLocations.txt— данные для таблицы StoreLocattons;
    C3StoreLocator.mdb —база данных Access с информацией для проекта.

В процессе знакомства с этим проектом обратите внимание на использование события SelectedlndexChanged, которое возникает, когда посетитель изменяет выбор в элементе DropDownList, и на событие Sort, которое происходит, когда посетитель щелкает на столбце в элементе DataGrid.

Описание проекта

Начальный вид страницы приложения показан на рис.


Начальный вид страницы Поиск магазина

Посетителю предоставляется отсортированный список почтовых индексов тех регионов, где имеются магазины компании. После выбора одного из индексов на экране отображается список магазинов. Прежде всего обратите внимание, что посетителю не надо щелкать на кнопке, чтобы появился элемент управления DataGrid. Это объясняется тем, что код выполняется, когда посетитель производит выбор значения в элементе управления DropDownList. Элемент DataGrid включает названия, адреса и рекомендации относительно того, как лучше добраться до магазинов, расположенных вданном регионе. Следует отметить,что заголовки столбцов являются гиперссылками.При щелчке на такойссылке данные сортируются поуказанному столбцу. Например, информация, представленная на рис. отсортирована по адресам магазинов.


Страница Поиск магазина с перечнем магазинов региона


Отсортированные данные на странице Поиск магазина

База данных проекта

Для работы приложения Поиск магазина необходима одна таблица. Эта таблица содержит адреса магазинов компании. Рассмотрим ее поля.

Поля таблицы Store Locations (файл StoreLocations.txt)
Имя поля Тип данных Примечания
StorelD int Первичный ключ, идентификационный столбец
ZlpCode varchar Почтовый индекс (ZIP-код для США) магазина; используется в элементе DropDownList. Длина — 50 символов
FriendlyName varchar Название магазина. Длина — 100 символов
StoreAddress varchar Адрес магазина. Длина — 150 символов
StoreDirectlons varchar Указания, как проехать к магазину. Длина — 255 символов

Код проекта

Приложение Поиск магазина состоит из одной страницы ASP.NET. В этом разделе мы рассмотрим элементы управления и код данной страницы.

Страница Поиск магазина

Код на странице Поиск магазина предоставляет посетителю список почтовых индексов. Когда посетитель выбирает один из индексов, информация о магазинах компании, находящихся в данном регионе, отображается в элементе DataGrid. Код на странице также позволяет посетителю сортировать содержимое элемента DataGrid.

В теле страницы заданы два элемента управления Label. Первый отображает название страницы:

    < ASP:LABEL
    id="lblTitle "
    Font-Name= "Arial"
    Font-Size= "25pt"
    Width= "90%"
    BorderStyle= "7"
    BorderWidth = "7px"
    Text = "<center>Поиск магазина</center>
    runat= "server"
    />

Второй —инструкциина странице:

    <ASP:LABEL
    id= lblMessage
    Font-Bold = "True"
    Выберите почтовый индекс для получения списка магазинов региона.
    runat= "server" />

Hosted by uCoz