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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Web-службы

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


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

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


Страница Турнирная таблица
Страница Календарь и результаты
Страница Команда
Страница Игрок
Страница Новости


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

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

Обратите внимание, что хотя проект посвящен баскетболу, его легко адаптировать для любого другого командного вида спорта.

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

Когда посетитель впервые заходит на Web-узел, его вниманию предлагается страница Турнирная таблица. На странице показаны все команды лиги, разделенные на подгруппы, в которых они участвуют. Каждая команда характеризуется количеством набранных очков, числом побед и поражений. Посетители также могут просмотреть турнирные таблицы команд в соответствии с дивизионами, в которых они участвуют, используя ссылку в верхней части таблицы. Эта таблица показана на рис. Как и прежде, в таблице команды отсортированы в соответствии с набранными очками. Но заметьте, что заголовок каждого столбца является ссылкой. Это означает, что мы даем возможность посетителям сортировать содержимое элемента управления DataGrid по любому из параметров. Взгляните на рис. Здесь посетители решили сортировать элементы управления DataGrid по разным параметрам. Первый отсортирован по названиям команд, второй — по набранным очкам, третий — по количеству побед, а четвертый — в соответствии с графой поражений. Щелкнув мышью на ссылке внизу страницы, посетители могут просмотреть результаты состоявшихся игр и график предстоящих.


Вид страницы Турнирная таблица с подгруппами


Вид страницы Турнирная таблица с дивизионом


Отсортированные таблицы на странице Турнирная таблица


Страница Календарь и результаты

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

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


Страница Календарь и результаты показывает результаты проведенных игр в заданный день игр

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


Страница Команда

В тексте заголовка страницы посетители видят название команды. Под ним, в элементе управления DataGrid, отображаются результаты всех состоявшихся и расписание запланированных игр данной команды.

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

Выбрав имя игрока и нажав кнопку Информация об игроке, посетители попадают на страницу Игрок, изображенную на рис.


Страница Игрок

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

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


Страница новостей

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

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

База данных, необходимая для работы спортивного Web-узла, состоит из четырех взаимосвязанных таблиц. Мы рассмотрим связи между таблицами и опишем их поля.

Таблицей наивысшего уровня в базе данных является Teams. Она содержит названия и другую информацию о командах. Эта таблица связана со всеми остальными таблицами. С таблицей Games она фактически связана дважды. Таблица Games хранит названия команд и результаты всех игр. Поскольку в каждой игре принимают участие две команды, таблица дважды связана с таблицей Teams отношением «один-ко-многим».

В таблицу Players помещены данные об игроках. Эта таблица связана отношением «один-ко-многим» с таблицей Teams. Каждая команда может состоять из многих игроков, но каждый игрок играет за одну команду. Еще одна таблица в базе данных, TeamNews, хранит статьи, связанные с определенной командой. Эта таблица также находится в отношении «один-ко-многим» с таблицей Teams. Каждая статья посвящена одной команде, но о каждой команде может быть много статей.

Таблица Teams (файл Teams.txt)
Имя поля Тип данных Примечания
TeamID int Основной ключ, идентификационный столбец
TeamCity varchar Город. Длина — 50 символов
TeamNickName varchar Название команды. Длина — 50 символов
Conference varchar Подгруппа. Длина — 50 символов
Division varchar Дивизион. Длина — 50 символов
NumWins int Количество побед
NumLoses Int Количество поражений
Таблица Games (файл Games.txt)
GamelD Int Основной ключ, идентификационный столбец
GameDate datetlme Дата игры
TeamlDI int Внешний ключ для связи с таблицей Teams
TeamlD2 Int Внешний ключ для связи с таблицей Teams
ScoreTeamt int Результат первой команды
ScoreTeamS Int Результат второй команды
Таблица Players (файл Players.txt)
PlayerlD Int Основной ключ, идентификационный столбец
TeamID int Внешний ключ для связи с таблицей Teams
PlayerNumber Int Номер игрока
LastName varchar Фамилия игрока. Длина — 50 символов
FlrstName varhcar Имя игрока. Длина — 50 символов
PPG float Число набранных очков
APG float Количество результативных передач за игру
RPG float Количество подборов под щитом за игру
BPG float Количество блокировок бросков за игру
Description text Описание
Таблица TeamNews (файл TeamNews.txt)
TeamNewsID int Основной ключ, идентификационный столбец
TeamID int Внешний ключ для связи с таблицей Teams
DateEntered datetime Дата публикации статьи
Headline varchar Заголовок.
News text Длина — 50 символов Текст статьи

Код проекта

Спортивный Web-узел состоит из пяти страниц ASP.NET. Здесь мы опишем код и элементы управления каждой из таких страниц. Просматривая страницы, обратите внимание на использование сортировки элементов управления DataGrid на странице Турнирная таблица.

Далее>>

Hosted by uCoz