Создание главной страницы и страницы сведений в Dreamweaver

Последнее обновление 25 апр. 2024 г.

Узнайте, как создать главную страницу в Dreamweaver и создать ссылки на страницу подробностей.

Примечание

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

Об основных страницах и страницах сведений

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

Основная страница

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

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

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

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

Чтобы создать пустую страницу, выберите «Файл» > «Создать» > «Пустая страница», выберите тип страницы и нажмите «Создать». Данная страница становится основной.
Определите наборы записей.

На панели «Привязки» (Окно > Привязки) нажмите кнопку «+», выберите «Набор записей» и выберите параметры.Для создания собственного SQL-оператора нажмите «Дополнительно».

Убедитесь, что набор записей содержит все столбцы таблицы, необходимые для создания вашей главной страницы. Набор записей также должен включать столбец таблицы, содержащий уникальный ключ каждой записи — то есть столбец ID записи. В следующем примере столбец «Код» содержит уникальный ключ каждой записи.

Столбцы набора записей, выбранные для основной страницы

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

Набор записей может быть определен пользователем во время выполнения. Дополнительную информацию см. в разделе Создание страниц поиска и результатов.

Для отображения записей вставьте динамическую таблицу.

Поместите точку вставки туда, где вы хотите, чтобы динамическая таблица появилась на странице. Выберите «Вставка» > «Объекты данных» > «Динамические данные» > «Динамическая таблица», установите параметры и нажмите «ОК».

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

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

Примечание

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

Откройте страницу детализации и передайте ID записи (ColdFusion, PHP)

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

В инспекторе свойств нажмите значок папки рядом с полем «Ссылка».
Выберите страницу сведений. Страница детализации появляется в поле «Ссылка» в инспекторе свойств.

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

На основной странице выберите ссылку в динамической таблице.
(ColdFusion) В поле «Ссылка» в инспекторе свойств добавьте следующую строку в конец URL:

?recordID=#recordsetName.fieldName#

Знак вопроса сообщает серверу, что далее следует один или несколько параметров URL. Слово recordID — это имя параметра URL (вы можете придумать любое имя). Запишите имя параметра URL, поскольку вы будете использовать его позже на странице детализации.

Выражение после знака равенства — это значение параметра. В данном случае значение создается выражением ColdFusion, которое возвращает ID записи из набора записей. Для каждой строки в динамической таблице создается отдельный ID. В выражении ColdFusion замените recordsetName на имя вашего набора записей, а fieldName — на имя поля в наборе записей, которое уникально идентифицирует каждую запись.В большинстве случаев поле будет содержать номер ID записи. В следующем примере поле содержит уникальные коды расположения.

locationDetail.cfm?recordID=#rsLocations.CODE#

При выполнении страницы значения поля CODE набора записей вставляются в соответствующие строки динамической таблицы. Например, если офис проката в Канберре, Австралия, имеет код CBR, в строке Канберры динамической таблицы используется следующий URL:

locationDetail.cfm?recordID=CBR

(PHP) В поле «Ссылка» в инспекторе свойств добавьте в конец URL следующую строку:

?recordID=<?php echo $row_recordsetName['fieldName']; ?>

Знак вопроса указывает серверу, что далее следует один или несколько параметров URL. Слово recordID — это имя параметра URL (можно использовать любое имя). Запомните имя параметра URL, поскольку оно понадобится позже на странице детализации.

Выражение после знака равенства — это значение параметра. В данном случае значение генерируется PHP-выражением, которое возвращает ID записи из набора записей. Для каждой строки в динамической таблице генерируется отдельный ID. В PHP-выражении замените recordsetName на имя вашего набора записей, а fieldName — на имя поля в наборе записей, которое уникально идентифицирует каждую запись. В большинстве случаев поле содержит номер ID записи. В следующем примере поле содержит уникальные коды местоположений.

locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

Когда страница запускается, значения поля CODE набора записей вставляются в соответствующие строки динамической таблицы. Например, если пункт проката в Канберре, Австралия, имеет код CBR, то для строки Канберры в динамической таблице используется следующий URL:

locationDetail.php?recordID=CBR

Сохраните страницу.

Откройте страницу детализации и передайте ID записи (ASP)

Выберите динамическое содержимое, которое будет служить ссылкой.
На панели «Поведение сервера» (Окно > Поведение сервера) нажмите кнопку «Плюс» (+) и выберите «Go to Detail Page» из всплывающего меню.
В поле «Страница таблицы» нажмите кнопку «Обзор» и укажите страницу.
Укажите значение, которое хотите передать на страницу детализации, выбрав набор записей и столбец из всплывающих меню «Recordset» и «Column». Обычно значение уникально для записи, например уникальный ключевой ID записи.
При необходимости передайте существующие параметры страницы на страницу детализации, выбрав параметры «URL Parameters» (параметры URL) или «Form Parameters» (параметры формы).
Нажмите кнопку «ОК».

Выбранный текст выделен в виде специальной ссылки. Когда пользователь нажимает на ссылку, поведение сервера «Go To Detail Page» передает параметр URL, содержащий ID записи, на страницу детализации. Например, если параметр URL называется id, а страница детализации называется customerdetail.asp, то URL выглядит примерно так, когда пользователь нажимает на ссылку:

http://www.mysite.com/customerdetail.asp?id=43

Первая часть URL, http://www.mysite.com/customerdetail.asp, открывает страницу детализации. Вторая часть, ?id=43, представляет собой параметр URL-адреса. Этот параметр сообщает странице сведений, какую запись требуется найти и отобразить. Термин id — это имя параметра URL, а 43 — его значение. В этом примере параметр URL содержит ID записи, 43.

Найдите и отобразите запрошенную запись на странице сведений

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

Переключитесь на страницу сведений. Если у вас еще нет страницы подробной информации, создайте пустую страницу (File > New).
В панели Bindings (Window > Bindings) нажмите кнопку «плюс» (+) и выберите Recordset (Query) или DataSet (Query) во всплывающем меню.

Открывается простое диалоговое окно «Набор записей» или «Набор данных». Если вместо этого появится расширенное диалоговое окно, нажмите Simple.

Назовите набор записей и выберите источник данных и таблицу базы данных, которая будет предоставлять данные для вашего набора записей.
В области «Столбцы» выберите столбцы таблицы для включения в набор записей.

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

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

Чтобы включить в набор записей только некоторые столбцы таблицы, нажмите «Выбранные» и выберите нужные столбцы, щелкая их в списке, удерживая клавишу Ctrl (Windows) или Command (Macintosh).

Заполните раздел «Фильтр», чтобы найти и отобразить запись, указанную в параметре URL, переданном главной страницей:
  • В первом всплывающем меню в области «Фильтр» выберите столбец в наборе записей, содержащий значения, которые соответствуют значению параметра URL, переданного главной страницей. Например, если параметр URL содержит номер идентификатора записи, выберите столбец, содержащий номера идентификаторов записей. В примере, рассмотренном в предыдущем разделе, столбец набора записей под названием CODE содержит значения, которые соответствуют значению параметра URL, переданного главной страницей.

  • Из всплывающего меню рядом с первым меню выберите знак равенства (он уже должен быть выбран).

  • В третьем всплывающем меню выберите «Параметр URL-адреса». Главная страница использует параметр URL для передачи информации странице с подробностями.

  • В четвертое поле введите имя параметра URL, переданного главной страницей.

Нажмите кнопку «ОК». Набор записей отображается на панели «Привязки».
Привяжите столбцы набора записей к странице с подробностями, выбрав столбцы на панели «Привязки» (Окно > Привязки) и перетащив их на страницу.

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

Поиск конкретной записи и отображение ее на странице (ASP)

Можно добавить серверное поведение, которое находит конкретную запись в наборе записей, чтобы можно было отобразить данные записи на странице. Серверное поведение доступно только при использовании серверной модели ASP.

Создайте страницу со следующими параметрами.
Добавьте поведение сервера для поиска записи, указанной параметром URL, нажав кнопку плюс (+) на панели «Поведение сервера» («Окно» > «Поведение сервера») и выбрав «Разбивка набора записей на страницы» > «Переход к определенной записи».
Во всплывающем меню «Переход к записи» выберите набор записей, определенный для страницы.
Во всплывающем меню «Где столбец» выберите столбец, который содержит значение, переданное с другой страницы.

Например, если другая страница передает номер ID записи, выберите столбец, содержащий номера ID записей.

В поле «Соответствует параметру URL» введите имя параметра URL, переданного другой страницей.

Например, если URL, который другая страница использовала для открытия страницы сведений, имеет вид id=43, введите id в поле «Соответствует параметру URL».

Нажмите кнопку «ОК».

При следующем запросе страницы браузером поведение сервера прочтет ID записи в параметре URL, переданном другой страницей, и перейдет к указанной записи в наборе записей.

Создайте основные и подробные страницы за одну операцию

При разработке веб-приложений можно быстро создать основные и подробные страницы с помощью объекта данных «Набор основных и подробных страниц».

Чтобы создать пустую динамическую страницу, выберите «Файл» > «Новый» > «Пустая страница», выберите динамическую страницу из списка «Тип страницы» и нажмите «Создать».

Данная страница становится основной.

Определите для страницы набор записей.

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

Откройте основную страницу в представлении «Дизайн» и выберите «Вставить» > «Объекты данных» > «Набор основных и подробных страниц».
Во всплывающем меню «Набор записей» убедитесь, что выбран набор записей, содержащий записи, которые вы хотите отобразить на основной странице.
В области «Поля основной страницы» выберите столбцы набора записей для отображения на основной странице.

По умолчанию выбраны все столбцы в наборе записей. Если ваш набор записей содержит столбец уникального ключа, такой как recordID, выберите его и нажмите кнопку минус (-), чтобы он не отображался на вашей странице.

Чтобы изменить порядок отображения столбцов на основной странице, выберите столбец в списке и нажмите стрелку вверх или вниз.

На основной странице столбцы набора записей будут расположены горизонтально в таблице.Щелкните стрелку вверх, чтобы переместить столбец влево; щелкните стрелку вниз, чтобы переместить столбец вправо.

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

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

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

Как правило, выбирается столбец с идентификационным номером записи. Это значение передается на страницу с подробной информацией, чтобы она могла идентифицировать запись, выбранную пользователем.

Снимите флажок «Числовой», если столбец уникального ключа не является числовым.
Примечание

Этот параметр выбран по умолчанию; он не отображается для всех серверных моделей.

Укажите количество записей для отображения на главной странице.
В поле «Имя страницы подробностей» нажмите «Обзор» и найдите файл страницы подробностей, который вы создали, или введите имя и позвольте объекту данных создать его для вас.
В области «Поля страницы подробностей» выберите столбцы для отображения на странице подробностей.

По умолчанию выбраны все столбцы в наборе записей главной страницы. Если набор записей содержит столбец уникального ключа, такой как recordID, выберите его и нажмите кнопку «Минус» (-), чтобы он не отображался на странице подробностей.

Чтобы изменить порядок отображения столбцов на странице подробностей, выберите столбец в списке и нажмите стрелку вверх или вниз.

На странице подробностей столбцы набора записей расположены вертикально в таблице. Нажатие стрелки вверх перемещает столбец вверх; нажатие стрелки вниз перемещает столбец вниз.

Нажмите кнопку «ОК».

Объект данных создает страницу подробностей (если вы еще не создали ее) и добавляет динамическое содержимое и серверное поведение на главную страницу и страницу подробностей.

Настройте макет главной страницы и страницы подробностей под ваши нужды.

Вы можете полностью настроить макет каждой страницы, используя инструменты дизайна страниц Dreamweaver. Вы также можете редактировать серверные поведения, дважды щелкнув их в панели «Серверные поведения».

После создания главной страницы и страницы подробностей с помощью объекта данных используйте панель «Серверное поведение» («Окно» > «Серверное поведение») для изменения различных строительных блоков, которые объект данных вставляет на страницы.