| |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Создание спортивного Web-узлаВ этой главе мы рассмотрим спортивный Web-узел вымышленной баскетбольной лиги. На узле приводятся сведения о командах, проведенных ими играх, информация об игроках, а также календарь игр и новости. Обратите внимание, что хотя проект посвящен баскетболу, его легко адаптировать для любого другого командного вида спорта. Описание проектаКогда посетитель впервые заходит на Web-узел, его вниманию предлагается страница Турнирная таблица. На странице показаны все команды лиги, разделенные на подгруппы, в которых они участвуют. Каждая команда характеризуется количеством набранных очков, числом побед и поражений. Посетители также могут просмотреть турнирные таблицы команд в соответствии с дивизионами, в которых они участвуют, используя ссылку в верхней части таблицы. Эта таблица показана на рис. Как и прежде, в таблице команды отсортированы в соответствии с набранными очками. Но заметьте, что заголовок каждого столбца является ссылкой. Это означает, что мы даем возможность посетителям сортировать содержимое элемента управления DataGrid по любому из параметров. Взгляните на рис. Здесь посетители решили сортировать элементы управления DataGrid по разным параметрам. Первый отсортирован по названиям команд, второй — по набранным очкам, третий — по количеству побед, а четвертый — в соответствии с графой поражений. Щелкнув мышью на ссылке внизу страницы, посетители могут просмотреть результаты состоявшихся игр и график предстоящих.
При первом открытии страницы посетителям предлагается информация об играх текущего дня. В данном случае результаты игр еще не поступили, поэтому посетители их не могут увидеть. Однако, обратившись к календарю, посетители получают возможность просмотреть сведения об играх, состоявшихся или запланированных на любой другой день.
Возвращаясь к странице Турнирная таблица, обратите внимание, что названия команд являются ссылками. Щелкнув на такой ссылке, посетители попадают на страницу Команда, подобную той, что изображена на рис.
В тексте заголовка страницы посетители видят название команды. Под ним, в элементе управления DataGrid, отображаются результаты всех состоявшихся и расписание запланированных игр данной команды. Внизу страницы посетителям предлагается два списка. Первый список содержит имена всех игроков данной команды. Второй включает заголовки новостей, связанных с этой командой. Выбрав имя игрока и нажав кнопку Информация об игроке, посетители попадают на страницу Игрок, изображенную на рис.
В самом верху страницы приводится имя игрока и его номер. Ниже представлены статистические данные, а также краткая информация об игроке. Вернувшись на страницу Команда, посетители могут просмотреть нужную статью, выбрав ее из списка и нажав кнопку Просмотреть статью.
В верхней части страницы приводится заголовок статьи. Ниже указывается дата публикации и дается текст статьи. Поскольку статья представлена в виде HTML-текста, автор смог включить в нее HTML-теги форматирования. База данных проектаБаза данных, необходимая для работы спортивного Web-узла, состоит из четырех взаимосвязанных таблиц. Мы рассмотрим связи между таблицами и опишем их поля. Таблицей наивысшего уровня в базе данных является Teams. Она содержит названия и другую информацию о командах. Эта таблица связана со всеми остальными таблицами. С таблицей Games она фактически связана дважды. Таблица Games хранит названия команд и результаты всех игр. Поскольку в каждой игре принимают участие две команды, таблица дважды связана с таблицей Teams отношением «один-ко-многим». В таблицу Players помещены данные об игроках. Эта таблица связана отношением «один-ко-многим» с таблицей Teams. Каждая команда может состоять из многих игроков, но каждый игрок играет за одну команду. Еще одна таблица в базе данных, TeamNews, хранит статьи, связанные с определенной командой. Эта таблица также находится в отношении «один-ко-многим» с таблицей Teams. Каждая статья посвящена одной команде, но о каждой команде может быть много статей.
Код проектаСпортивный Web-узел состоит из пяти страниц ASP.NET. Здесь мы опишем код и элементы управления каждой из таких страниц. Просматривая страницы, обратите внимание на использование сортировки элементов управления DataGrid на странице Турнирная таблица. |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||