|
ГЛАВА 18
Создание
интерактивных сайтов.
Здесь мы подведем
итог всего, что было сказано в трех предыдущих главах:
научимся создавать целые интерактивные сайты, построенные
на основе серверных Web-страниц. Мы объединим все полученные
нами ранее знания в единое целое — Web-сайт, чьи страницы
генерируются серверными программами на основе базы данных.
И на этом закончим изучение Dreamweaver.
Да-да, это
все! Конец книги близок. Автор рассказал вам о Dreamweaver
все, что хотел рассказать. Остальное зависит только от
вас, от вашего трудолюбия и желания учиться большему.
Создание интерактивных
Web-сайтов - высший пилотаж Web-дизайна. Чтобы сделать
такой сайт, Web-дизайнер не только должен владеть языком
HTML и обладать художественным чутьем, но и просто обязан
знать "классическое" программирование и разбираться
в базах данных. Конечно, современные программные продукты,
наподобие Macromedia Dreamweaver, значительно облегчают
труд Web-дизайнера, но отнюдь не берут всю его работу
на себя. Уже говорилось, что Web-дизайн, как и "классическое"
программирование — не наука, а искусство, иначе и программистов,
и Web-дизайнеров давно бы уже заменили роботами. Или программами
типа Dreamweaver.
Поэтому и программист,
и Web-дизайнер, чтобы достичь вершин мастерства, должны
работать. Программистами и Web-дизайнерами не рождаются
-ими становятся. И данная книга — только первый шаг в
овладении этими всегда перспективными профессиями.
В настоящее
время профессии Web-дизайнера и Web-программиста слились
в одну. Теперь любой Web-дизайнер просто обязан владеть
навыками серверного программирования. А иначе и быть не
может: интерактивные Web-сайты из разряда экзотики переходят
в область ширпотреба. Сейчас можно сказать, что все сайты
являются интерактивными. По крайней мере, большинство
из них содержит хотя бы гостевую книгу, т. е. реализует
начальный уровень взаимодействия с посетителями.
Об интернет-магазинах,
расплодившихся, словно грибы после дождя, уже не стоит
и говорить. Интернет-магазин — это большой интерактивный
сайт, и создать его без серверного программирования невозможно.
(Можно, конечно, но тогда у вас получится простейший сайт
фирмы со списком товаров и сведениями о заказе.) Также
без серверного программирования не удастся создать полноценный
поисковый сайт, доску объявлений и даже полноценный архив
программ.
А поэтому нам
просто необходимо выяснить, как создаются такие вот интерактивные
сайты. И начнем мы, как всегда, с теории.
Принципы
создания интерактивных сайтов
Перечислим
основные принципы разработки интерактивных Web-сайтов.
- Все или почти все страницы
сайта генерируются серверными программами. Статичные
страницы хоть и присутствуют, но составляют весьма незначительный
процент и содержат данные, не меняющиеся с течением
времени, например сведения о владельце сайта или справочные
данные о пользовании сайтом.
- Данные для генерации
страниц, как правило, берутся из баз данных, поскольку
программирующее человечество пока что не придумало лучшего
способа организованно хранить однотипные данные, чем
помещение их в реляционные базы, которые вне конкуренции.
Базы данных практически всегда работают под управлением
сервера и очень часто — на отдельном серверном компьютере.
Нередко также используется хранение данных в текстовых
файлах, но это справедливо, в основном, для фрагментов
Web-страниц (серверные включения).
- Очень часто используется
разграничение доступа к сайту. Разграничение
доступа подразумевает, что разные посетители сайта имеют
различные права на доступ к тем или иным данным, опубликованным
на сайте. Так, обычные посетители могут только просматривать
данные, в то время как "опытные" посетители
имеют возможность также вносить в них некоторые изменения.
Ну, а администраторы сайта, разумеется, могут творить
с ними все, что захотят:
- Если сайт использует
разграничение доступа, то он обязательно должен предусматривать
возможность входа (по-английски — logon). Чтобы
войти на сайт, посетитель должен зайти на особую страницу
входа и набрать свои имя и пароль. Если эти имя
и пароль занесены в список посетителей сайта, серверная
программа разрешает посетителю войти на сайт. В противном
случае посетителю предлагается зарегистрироваться на
сайте.
- Сайт, использующий разграничение
доступа, должен также предусматривать возможность регистрации
посетителя. Если это общедоступный сайт, наподобие
интернет-магазина, то посетитель регистрируется на нем,
вводя данные о себе на особой странице регистрации,
после чего они помещаются в список посетителей сайта.
Если же это закрытый сайт, то для регистрации на нем
надо будет обратиться к его администратору.
- Сайт, использующий разграничение
доступа, должен также предусматривать возможность выхода
с сайта. При этом серверная программа "забывает",
что данный посетитель вошел на сайт, очищая память,
отведенную для хранения данных в нем, хотя соответствующая
запись в списке посетителей, конечно же, сохраняется.
Каждый посетитель, вошедший на сайт, обязательно должен
с него выйти, чтобы освободить системные ресурсы серверного
компьютера для других посетителей. Чтобы выйти с сайта,
посетитель обычно должен щелкнуть специальную гиперссылку;
реже используется особая страница выхода с сайта.
- Разумеется, полностью
общедоступные сайты типа поисковых машин не предусматривают
разграничение доступа.
Осталось теперь
ввести один термин. Давайте назовем процесс "общения"
посетителя с Web-сайтом, начиная от входа на главную страницу
и заканчивая "уходом" с него, сессией. В
дальнейшем мы будем часто пользоваться этим термином,
так что не забывайте его.
Вот теперь,
кажется, все. Можно приступать к созданию нашего первого
интерактивного Web-сайта. Пусть это будет библиотека различных
афоризмов, умных, глупых или нейтральных. Причем доступна
эта библиотека будет только после регистрации, т. е. она
будет поддерживать разграничение доступа. Сами данные
библиотеки будут храниться в базе данных Access, a доступ
к ним будет производиться через особые серверные страницы.
(Такой способ общения с базой данных называется Web-интерфейсом.)
Итак, приступим...
Административные
страницы сайта
Первоначально
создадим набор Web-страниц, служащих для администрирования
нашего сайта. В самом деле, нашу базу данных нужно сначала
наполнить содержимым — кому нужна пустая библиотека. А
это работа администратора, которому необходимо предоставить
соответствующие инструменты.
Как
администрируются Web-сайты
Как вы знаете,
администратором называется человек, осуществляющий поддержку
Web-сайта или какой-либо серверной программы (Web-сервера,
сервера базы данных и пр.). Администратор настраивает
программное обеспечение, поддерживает в порядке серверный
компьютер, а в случае интерактивного Web-сайта также еще
и следит за его базами данных. Очень часто администратор
сайта является и его разработчиком, хотя это и не правило.
Администратор
может быть один или работать в составе группы администраторов,
отвечающих за различные составные части этого сайта. В
последнем случае один администратор может следить за Web-сервером,
другой — за базами данных, а третий — за сервером баз
данных. Как правило, большие корпоративные сайты так и
администрируются — один человек просто не может за всем
уследить. Кроме того, большие Web-сайты разрабатываются
отдельной командой Web-дизайнеров, Web-художников и Web-программистов,
работающих совместно с администраторами. Сами понимаете,
корпоративный сайт большой компании, такой как Microsoft,
один человек просто не "потянет".
Другое дело
— маленький сайт, такой как наш. Разрабатывает и поддерживает
их один человек — автор, Web-дизайнер, Web-художник и
Web-программист в одном лице.
Теперь поговорим
о том, как администрируются интерактивные Web-сайты. Собственно,
для этого могут применяться два способа, которые мы сейчас
рассмотрим. Оба этих способа имеют право на существование,
и выбор любого из них — дело вашего вкуса.
Первый способ
заключается в том, что для работы с базой данных сайта
— просмотра или изменения хранящихся в ней данных — используются
сторонние программы. "Сторонние" в данном случае
значит — не относящиеся к Web-серверу, т. е. Web-сервер
никак не участвует в администрировании вашего сайта. Административные
программы работают отдельно от него и не обращаются к
нему для выполнения своих функций.
В главе
17, когда мы создавали базу данных для нашей доски
объявлений, то применяли как раз такой подход. Поскольку
наш сайт использовал базу данных формата Microsoft Access,
то мы использовали эту самую СУБД для работы с этой базой.
Web-сервер в этом никак не участвовал.
Если же вы
храните данные в серверной базе, то можете пользоваться
любой современной программой СУБД, умеющей "общаться"
с вашим сервером данных, в том числе той же самой Access.
(Впрочем, получать данные от сервера сейчас могут практически
все СУБД.) Самый же простой случай — хранение данных в
текстовых файлах; в этом случае вы можете воспользоваться
любым текстовым редактором, например Блокнотом.
Преимущество
первого способа администрирования сайта — снижение нагрузки
на Web-сервер. Это преимущество особенно ощутимо, когда
сайт администрируется достаточно часто. Недостаток: необходимость
наличия дополнительных программ на компьютере администратора.
Второй способ
администрирования сайта заключается в том, что вместо
сторонних программ применяется специальный набор серверных
Web-страниц. Эти страницы доступны только для администратора
сайта и позволяют работать с данными, хранящимися в базе,
без использования других программ. Такие Web-страницы
часто называют административными.
У этого способа
администрирования сайтов есть два достоинства и два недостатка.
Достоинства: отсутствие нужды в сторонних программах и
возможность разграничения доступа для администраторов
сайта, если таких несколько. Недостатки: повышенная нагрузка
на Web-сервер и необходимость создания двух разных наборов
Web-страниц — административных и общего доступа.
Как уже писалось,
вы можете использовать любой из этих способов. Просто
взвесьте все достоинства и недостатки, предлагаемые обоими
этими способами, и сделайте выбор. В принципе, ни один
из них не предлагает каких-то неоспоримых достоинств,
так что выбор — за вами.
Давайте выберем
для нашего сайта второй способ администрирования, т. е.
с использованием административных Web-страниц. Так мы
сможем лучше изучить принципы построения современных интерактивных
сайтов и сможем попрактиковаться в создании разных типов
серверных страниц. А что до трудоемкости, то сейчас для
нас важна любая практика.
Страница
списка высказываний
Итак, приступим!
Давайте сначала
подумаем над структурой нашей базы данных. Ведь если мы
этого не сделаем, то ее (структуру) придется придумывать
по ходу дела. А так никто не делает — вспомните, ведь
строители перед тем, как начать строить что-либо, всегда
сверяются с планом.
Пусть все высказывания,
хранящиеся в нашей библиотеке, делятся на три категории:
умные, глупые и нейтральные, (Возможно, потом появятся
другие категории, но сейчас нам вполне хватит этих трех.)
Таким образом, мы позволим посетителю нашего будущего
сайта сразу же при входе выбрать то, что ему нужно, т.
е. когда посетитель зайдет на наш сайт, он сразу же получит
возможность выбрать на особой странице одну из категорий,
после чего перейдет на другую страницу, где будут перечислены
высказывания выбранной им категории.
Сейчас же мы
не будем делить высказывания на категории, а выведем их
в одном списке вперемешку. Не стоит слишком усложнять
наш первый сайт, иначе мы толком ничему не научимся.
Вы спросите,
а как же разграничение доступа? Где страница входа на
сайт? Это успеется. Сначала сделаем основные страницы,
отображающие и изменяющие информацию, хранящуюся в нашей
базе, а потом займемся безопасностью. На данном этапе
ей можно пренебречь.
Откроем Access
и создадим базу данных под названием Library.mdb. В ней
создадим таблицу categories с полями ID (счетчик) и Name
(текстовое, 30 знаков). Первое поле послужит нам ключевым,
а во втором, как вы уже поняли, будут храниться имена
категорий. После этого введем в эту таблицу три записи:
"Умные", "Нейтральные" и "Глупые".
Далее создадим
таблицу, где будут храниться наши высказывания. Эта таблица
будет содержать следующие поля:
- ID — счетчик;
- Content — текст высказывания
(Memo-поле);
- category — категория
высказывания (длинное целое, связанное с полем ID таблицы
Categories).
Назовем эту
таблицу sentences. Введем какую-нибудь запись для отладочных
целей, не обязательно осмысленную. И закроем Access —
больше он нам не понадобится.
Вы уже знаете,
как создается источник данных ODBC. Если не знаете, обратитесь
к главе 17, где это подробно описано. Наш новый
источник данных будет называться Library и предоставлять
доступ к базе данных Library.mdb.
После этого
создадим новую папку Sample4. В ней будут находиться файлы
нашего нового сайта Sample site 4. В папке Sample4 создадим
вложенную папку Admin, в которой будут храниться административные
страницы сайта. Зарегистрируем наш новый сайт в Dreamweaver,
задав те же данные, что и для сайта Sample site 1 в главе
17. Зарегистрируем базу данных Library.mdb в Dreamweaver,
воспользовавшись только что созданным источником Library.
На этом подготовительные действия закончились.
Создав таблицу,
приступим к созданию серверной страницы. Назовем ее так
же, как таблицу, — Sentences.asp. Введем какой-нибудь
пояснительный текст, если вдруг у нас появится такое желание.
И сохраним ее в папке Admin, вложенной в корневую папку
нашего сайта.
После этого
создадим набор записей sentences, извлекающий данные из
только что созданной таблицы. Причем этот набор будет
сложным: он свяжет вместе таблицы sentences и Categories,
"заимствуя" из первой таблицы поля ID и Content,
а из второй — поле Name. Связь будет осуществляться по
полю Category таблицы Sentences И ПОЛЮ ID табЛИЦЫ Categories.
Создайте этот набор записей, а в случае затруднений справьтесь
в главе 17. Не задавайте для этого набора ни фильтра,
ни сортировки. Текст SQL-запроса должен быть таким:
SELECT Sentences.ID,
Content, Name FROM Sentences, Categories WHERE Sentences.Category=Categories.ID
Запись вида
"Sentences.ID" означает, что мы выбираем значения
поля ID таблицы Sentences.
Поскольку мы
будем отображать одновременно два значения, будет лучше
создать для этого таблицу. Эта таблица должна содержать
две строки и четыре столбца. В первой строке будет находиться
"шапка", а во второй -собственно содержимое.
(Как вы поняли, вторую строку придется поместить в повторяющуюся
область.) В первом столбце таблицы будет отображаться
содержание высказывания, а во втором — категория (в смысле,
название категории), а последние два столбца мы пока оставим
пустыми. Создайте такую таблицу и отформатируйте, как
хотите.
Теперь поместите
в первую ячейку второй строки этой таблицы динамический
текст, привязанный к полю Content набора записей, а во
вторую ячейку — динамический текст, привязанный к полю
Name. Далее выделите всю вторую строку, щелкнув по соответствующей
кнопке секции тегов, и создайте "вокруг" нее
повторяющуюся область, связанную с набором данных sentences.
Задайте количество одновременно отображаемых записей равным
двадцати.
Поскольку мы
создали повторяющуюся область, отображающую за раз фиксированное
количество записей, нам нужно также создать навигатор
и строку статуса. Сделайте это, сверяясь с главой 17,
где создание навигатора и строки статуса было подробно
описано, и поместите их под таблицей.
Теперь остается
только создать "вокруг" таблицы, навигатора
и строки статуса необязательную область, показываемую
только тогда, когда в наборе sentences есть записи. И
поместить на странице еще одну необязательную область,
отображаемую при отсутствии записей в наборе и содержащую
текст, говорящий об этом. Создайте эти области.
Вот и все.
Наша страница готова. Можете проверить ее, переключив
Dreamweaver в режим показа "живых" данных или
загрузив страницу в Web-обозревателе.
К несчастью,
в таблице Sentences находится только одна запись. Но мы
сейчас это исправим.
Страница
добавления записи
Давайте подумаем,
что нам нужно сделать теперь, когда страница списка высказываний
готова и работает?
Таблица sentences,
как вы уже заметили, девственно-пуста. (Отладочная запись,
введенная нами в Access, не считается.) Нужно заполнить
ее данными. А для этого нам необходимо создать страницу
добавления записи.
Создайте новую
серверную страницу, введите в нее поясняющий текст и сохраните
опять же в папке Admin под именем AddSentence.asp. Создайте
в этой странице форму и назовите ее sentence. Внутри формы
создайте область редактирования и назовите ее content,
не забудьте также о кнопке отправки данных.
Что-то мы забыли...
Ах, да! Нужно еще поместить в форму раскрывающийся список
category и привязать его к набору записей categories.
Но перед этим необходимо создать сам набор записей Categories,
из которого будут взяты пункты списка Category. Задайте
выборку всех записей таблицы categories. После этого задайте
сортировку записей по полю Name, для чего выберите
это поле в раскрывающемся списке Sort диалогового
окна Recordset (см. рис. 17.15). А раскрывающийся
список, расположенный правее, позволит вам задать порядок
сортировки записей: по возрастанию (пункт Ascending)
или по убыванию (пункт Descending). Задав параметры
набора данных, нажмите кнопку ОК.
Теперь можно
создать поведение insert Record. (Как это делается, было
описано в главе 17.) Привяжите область редактирования
content к полю
Content таблицы
Sentences,а список Category — к полю Category.
В качестве страницы, на которую будет осуществлен переход
после добавления записи, задайте Sentences.asp.
Сохраните готовую
страницу AddSentence.asp. После этого откройте страницу
Sentences.asp и поместите в нее гиперссылку, указывающую
на страницу AddSentence.asp. Вот и все.
Теперь можете
проверить созданную нами страницу добавления записи. Опубликуйте
сайт на Web-сервере, откройте страницу Sentences.asp в
Web-обозревателе и щелкните по гиперссылке "Добавить".
Внесите в таблицу sentences несколько записей. Они нам
пригодятся для отладки.
Страница
изменения записи
Наряду с добавлением
новых записей часто приходится изменять уже существующие.
Давайте создадим страницу, с помощью которой можно изменять
уже существующие в наборе записи.
Создадим новую
страницу, введем в нее поясняющий текст и сохраним под
именем EditSentence.asp в папке Admin. Здесь мы впоследствии
создадим форму с элементами управления, предназначенными
для правки значений полей выбранной нами записи. А пока
закроем эту страницу — нас ждут другие дела.
Сейчас мы добавим
на страницу Sentences.asp гиперссылку, ведущую на страницу
изменения записи. Откройте страницу, поместите текстовый
курсор в третью ячейку второй строки таблицы (теперь вы
поняли, зачем она нужна?) и наберите в ней слово "Изменить".
Далее выделите это слово и наберите в поле ввода интернет-адреса
редактора свойств такой текст:
EditSentence.asp?ID=
Далее переключитесь
в режим отображения кода и перетащите из панели Bindings
в место, находящееся точно после знака "=",
поле ID набора записей. Интернет-адрес гиперссылки примет
такой вид:
EditSentence.asp?ID=<%=(Sentences.Fields.Item("ID").Value)%>
Давайте выясним,
что это значит. Код
Sentences.Fields.Item("ID").Value
извлекает значение
поля ID данной записи набора. Далее это значение помещается
в гиперссылку, которая принимает вид:
EditSentence.аsр?ID=<значение
поля ID">
и передается
странице EditSentences.asp в качестве значения параметра
гиперссылки ID. Поскольку значение поля ID уникально для
каждой записи набора (поле ID — счетчик записей, как вы
помните), страница EditSentences.asp может однозначно
идентифицировать запись, которую вы хотите изменить, и
заполнить значениями ее полей элементы управления формы,
т. е. подготовить запись к правке.
Теперь сохраните
страницу Sentences.asp и откройте только что созданную
нами страницу EditSentence.asp. Пора заняться ей.
Для того чтобы
отредактировать запись, нам понадобится форма. Создайте
ее по аналогии со страницей AddSentence.asp. Никаких особенностей
она иметь не будет, поэтому вы можете просто скопировать
уже готовую форму со страницы добавления новой записи
и вставить ее в страницу EditSentence.asp. Но перед этим
создайте на этой странице набор данных categories, также
по аналогии со страницей AddSentence.asp.
Следующий шаг
— создание набора записей, из которого будет взята запись
для заполнения элементов управления созданной нами формы.
Этот набор должен содержать одну-единственную запись,
поэтому нам придется задать фильтр, отбирающий нужную
запись. Она будет выбрана по значению поля счетчика ID
таблицы Sentences, которое должно равняться значению параметра
гиперссылки ID, переданному от страницы Sentences.asp
(см. выше).
Чтобы создать
фильтр, выберите название поля ID в раскрывающемся списке
Filter диалогового окна Recordset, а в раскрывающемся
списке, расположенном правее, — пункт = (равенство значений
поля и фильтра). Далее в списке, расположенном ниже, выберите
пункт URL Parameter (параметр, переданный методом
GET), а в поле ввода, расположенном ниже и правее, введите
имя этого параметра — ID.
Далее нам нужно
заполнить элементы управления формы соответствующими им
значениями. Эти значения, как вы поняли, будут взяты из
только что созданного нами набора записей. Для разных
элементов управления действия будут различными, и мы их
сейчас опишем.
Сначала выделите
область редактирования и найдите в редакторе свойств кнопку
с изображением молнии — она находится правее области редактирования
Init Val. Щелкните по этой кнопке. На экране появится
диалоговое окно Dynamic Data; выберите в иерархическом
списке Field пункт Content, соответствующий
одноименному полю, и нажмите кнопку ОК. Все, теперь область
редактирования получит значение из поля Content набора
записей.
С раскрывающимся
списком все несколько сложнее. Выделите его и нажмите
кнопку Dynamic. В появившемся на экране диалоговом
окне Dynamic List/Menu щелкните кнопку с изображением
молнии, расположенную правее поля ввода Select Value
Equal To. После этого на экране опять же появится
диалоговое окно Dynamic Data; выберите в иерархическом
списке Field пункт Category, соответствующий
одноименному полю, и нажмите кнопку ОК. Теперь
остается только нажать кнопку ОК окна Dynamic
List/Menu.
Можно сделать
еще проще — перетащить нужное поле из панели Bindings
на соответствующий ему элемент управления. Автор рекомендует
вам так и поступать в дальнейшем.
Теперь нужно
создать поведение update Record, которое, собственно,
и реализует заполнение формы и обновление значений полей
редактируемой записи. Выберите пункт Update Record
меню серверных поведений панели Server Behaviors.
На экране появится диалоговое окно Update Record.
Выберите в
раскрывающемся списке Connection базу данных, в
списке Table То Update — таблицу, запись которой
будет обновляться, а в списке Select Record From —
набор записей, из которого будет взята запись для заполнения
формы. В нашем случае это будет соответственно Library,
Sentences и Sentences (соответственно, одноименные таблица
и набор записей).
В поле ввода
Unique Key Column задается поле набора записей,
по которому нужная нам запись будет однозначно идентифицироваться.
В нашем случае — это ключевое поле ID. Если это числовое
поле (а поле ID — числовое), включите флажок Numeric,
в противном случае — отключите его.
В поле ввода
After Updating, Go To вводится интернет-адрес страницы,
на которую будет осуществлен переход после успешного изменения
записи. Введите в него sentences. asp. Вы также можете
щелкнуть кнопку Browse и выбрать нужную страницу
в диалоговом окне Select File.
В раскрывающемся
списке Get Values From выбирается форма, из которой
будут взяты значения для обновления записи.
В списке From
Elements перечислены все элементы управления, находящиеся
в выбранной форме. Вы можете выбрать любой из них и задать
для него поле таблицы, куда будут помещены содержащиеся
в нем данные, и тип отправляемых данных (текст, число,
дата и т. п.).
Поле таблицы
выбирается в раскрывающемся списке Column. Пункт
<ignore> данного списка позволяет проигнорировать
значение этого элемента управления (т. е. оно не будет
помещено в поле таблицы).
Тип данных
указывается в раскрывающемся списке Submit As.
В нем доступны следующие пункты:
- Text — текстовые
данные;
- Numeric — числовые
данные;
- Date — значение
даты;
- Date MS Access —
значение даты, предназначенное для Microsoft Access;
- Checkbox Y,N —
логическое значение, преобразуемое в символы "Y"
("да") или "N" ("нет");
- Checkbox 1,0 —
логическое значение, преобразуемое в числа 1 ("да")
или 0 ("нет");
- Checkbox -1,0 —
логическое значение, преобразуемое в числа -1 ("да")
или 0 ("нет");
- Checkbox MS Access
— логическое значение, предназначенное для Microsoft
Access.
Задав все нужные
данные, не забудьте нажать кнопку ОК.
Сохраните готовую
страницу EditSentence.asp и проверьте ее в действии. Для
этого опубликуйте сайт на Web-сервере, откройте страницу
Sentences.asp в Web-обозревателе и попробуйте отредактировать
какое-либо высказывание. Если страница изменения записи
почему-то не работает, проверьте, все ли правильно вы
сделали.
|
