Создание гостевой книги в Macromedia Dreamweaver
Создаем меню навигации
В этой части урока мы начнем создавать динамический контент нашей страницы. Для дальнейшей работы убедитесь что сервер запущен и можно соединится с базой данных MySQL.
Создание соединения с базой данных (все работает при открытом шаблоне и настроенном локальном сервере):
- В панели
Application выберите закладку
Databases (Ctrl+Shift+F10).
- Нажмите на плюсик (+) и выберите MySQL Connection.
- Дальше заполните все поля появившегося окна:
- Connection name - название соединения (может быть любым).
- MySQL server - адрес сервера базы данных
- User name - имя пользователя базы данных.
- Password - пароль доступа к базе данных.
- Database - название базы данных.
Напоминаю, что я работаю в пакете Денвер на локале. Установки для всех могут быть разные.
- Для того чтобы проверить правильность заполнения нажмите кнопку Test. Если все правильно - жмите ОК.
Вы можете увидеть, что
в папке локально сайта будет создана папка Connections, в которой сохранен файл guestbook.php (в нем описаны все параметры соединения с базой данных).
Добавим в таблицы нашей базы данных еще записи:
INSERT INTO `gb_topic_top` VALUES (1, 'Общий', 'Все что касается сайта');
INSERT INTO `gb_topic_top` VALUES (2, 'Замечания', 'Негативные высказывания о сайте');
INSERT INTO `gb_topic_top` VALUES (3, 'Благодарности', 'Благодарности автору и команде создателей сайта');
INSERT INTO `gb_article_art` VALUES (1, 1, 'О сайте', 'Пожелания проекту', 'Желаю проекту побольше благодарных посетителей, высоких мест в рейтингах и результатах поисковиков.', '2005-06-13 08:15:59');
INSERT INTO `gb_article_art` VALUES (2, 1, 'Обмен ссылками', 'Сообщение админу', 'Автору сайта - желаете поменяться ссылками - пишите на e-mail - user@domen.com', '2005-06-01 18:19:04');
INSERT INTO `gb_article_art` VALUES (3, 3, 'О форуме', 'Советую им пользоваться', 'Очень информативный форум сайта. Ответы даются быстро и информативно. Советую всем!!!', '2005-06-16 01:02:02');
INSERT INTO `gb_article_art` VALUES (4, 2, 'О дизайне', 'Желает лучшего', 'Советую поменять дизайн - цвета темные, шрифт не виден на его фоне. Картинки очень "увесистые".', '2005-06-15 17:08:31');
Создание набора данных (Recordset)
Нам нужно извлечь из базы данных нужную информацию, для этого создаем набор данных:
- В панели Application выберите закладку Bindings (Ctrl+F10).
- Нажмите плюсик (+) и из меню выберите Recordset.
- Заполните все поля как на рисунке и нажмите ОК.
- Name - название набора записей.
- Connection - какие установки связи с базой данных использовать.
- Table - выбираем таблице базы данных с которой будем работать.
- Columns - какие колонки используем.
- Filter - фильтры не используем.
- Sort - сортировка колонки title_top в алфавитном порядке.
Появится предупреждение о том что сделаны изменения за пределами тега <html> и код не будет размещен в документах на основе этого шаблона. Вот почему важно создать recordset правильно в первый раз. Нажмите OK для закрытия сообщения.
Результат видим в панели Bindings.
Дальше научимся как показать данные из нашей таблицы чтобы представить меню навигации.
- Кликните мышкой в левой ячейке среднего ряда.
- Нажмите на закладке Application в панели вставки - .
- Выберите Dynamic Table в меню кнопки Dynamic Data - .
- Заполните поля как указано на рисунке и нажмите ОК.
Появится таблица из трех колонок. Нам надо только показывать название каждого раздела в меню . Удалите колонки id_top и description_top columns. Замените заголокок колонки title_top на Разделы.
Но наше меню не имеет ссылок.
Каждый пункт меню должен иметь ссылку на страницу topic.php и передавать параметр, который отвечает идентификатору каждого раздела:
- Выделите динамический текст отмеченный {Articles.title_top}.
- В инспекторе свойств нажмите на значок папки для открытия диалогового окна ссылок - Link.
- Перейдите в корневой каталог и выберите файл topic.php. В поле URL удалите символ
/ , так как нам нужно указывать относительный путь к файлу. URL будет - topic.php.
- Нажмите кнопочку Parameters справа от текстового поля URL. Dreamweaver откроет диалоговое окно, где нужно будет определить параметры URL для ссылки.
- Нажмите плюсик (+) для добавления нового параметра.
- Введите название: id_top.
- Введите его значение, нажав на поле Value (значение. Нажав на значок молнии выберите поле id_top из recordset Articles.
- Нажмите OK, и снова OK.
- После установки параметров URL, нажмите OK.
Перед окончанием работы с шаблоном нужно определить какие области будут редактируемыми, а какие - нет. Гостевая будет иметь только одну редактируемую область - мы ее определили как Главная область:
- Выделите правую ячейку средней строки.
- Нажмите закладку Common панели Insert.
- Выберите Editable Region из меню кнопки Templates.
- Dreamweaver откроет диалоговое окно, в котором введите имя области - main.
- Нажмите OK.
- Удалите текст Main, который появился в редактируемой области.
Источник:
Macromedia Dreamweaver для каждого
-
статьи, форум,
обмен ссылками.
Реклама
|