В режиме «Дизайн» поместите курсор в то
место на странице, где должна появиться панель навигации.
Последнее обновление
25 апр. 2024 г.
Примечание
Пользовательский интерфейс в Dreamweaver и более поздних версиях стал проще. В результате этого некоторые функции, описанные в этой статье, могут отсутствовать в Dreamweaver и более поздних версиях. Дополнительные сведения см. в этой статье.
О записях базы данных
Отображение записей базы данных включает извлечение информации, хранящейся в базе данных или другом источнике контента, и отображение этой информации на веб-странице. Dreamweaver предоставляет множество методов отображения динамического контента и включает несколько встроенных серверных поведений, которые позволяют улучшить представление динамического контента и дать пользователям возможность легче осуществлять поиск и навигацию по информации, возвращаемой из базы данных.
Базы данных и другие источники динамического контента предоставляют больше возможностей и гибкости в поиске, сортировке и просмотре больших объемов информации. Использование базы данных для хранения контента веб-сайтов имеет смысл, когда необходимо сохранить большие объемы информации и затем извлечь и отобразить эту информацию осмысленным способом. Dreamweaver предоставляет несколько инструментов и готовых поведений для эффективного извлечения и отображения информации, хранящейся в базе данных.
Серверные поведения и элементы форматирования
Dreamweaver предоставляет следующие серверные поведения и элементы форматирования для улучшения отображения динамических данных:
Форматы
позволяют применять различные типы числовых, денежных, даты/времени и процентных значений к динамическому тексту.
Например, если цена товара в наборе записей составляет 10.989, вы можете отобразить цену на странице как $10.99, выбрав в Dreamweaver формат «Currency - 2 Decimal Places».В этом формате числа отображаются с двумя знаками после запятой. Если число имеет более двух знаков после запятой, формат данных округляет число до ближайшего десятичного знака.Если число не содержит знаков после запятой, формат данных добавляет десятичную запятую и два нуля.
Повторяющаяся область
серверные поведения позволяют отображать несколько элементов, возвращаемых из запроса к базе данных, и указывать количество записей для отображения на странице.
Навигация в наборе записей
серверные поведения позволяют вставлять элементы навигации, которые позволяют пользователям переходить к следующему или предыдущему набору записей, возвращаемых набором записей. Например, если вы выбираете отображение 10 записей на странице, используя серверный объект Repeating Region, и набор записей возвращает 40 записей, вы можете перемещаться по 10 записей за раз.
Строка состояния набора записей
Серверные функции позволяют включать счетчик, который показывает пользователям, где они находятся в наборе записей относительно общего количества возвращенных записей.
Отображение области
серверные поведения позволяют выбирать, показывать или скрывать элементы на странице в зависимости от актуальности отображаемых в данный момент записей.Например, если пользователь перешел к последней записи в наборе записей, вы можете скрыть ссылку Далее и отобразить только ссылку на предыдущие записи.
Применение типографских и макетных элементов к динамическим данным
Мощная функция Dreamweaver — возможность представлять динамические данные в структурированной странице и применять типографское форматирование с использованием HTML и CSS. Для применения форматов к динамическим данным в Dreamweaver отформатируйте таблицы и заполнители для динамических данных, используя инструменты форматирования Dreamweaver. Когда данные вставляются из источника данных, они автоматически принимают форматирование шрифта, абзаца и таблицы, которое вы указали.
Навигация по результатам набора записей базы данных
Навигационные ссылки набора записей позволяют пользователям переходить от одной записи к следующей или от одного набора записей к следующему.Например, после создания страницы для отображения пяти записей одновременно вы можете добавить ссылки, такие как Далее или Назад, которые позволяют пользователям отобразить пять следующих или предыдущих записей.
Вы можете создать четыре типа навигационных ссылок для перемещения по набору записей: Первая, Предыдущая, Следующая и Последняя. Отдельная страница может содержать любое количество таких ссылок при условии, что все они работают с одним набором записей. Нельзя добавлять ссылки для перемещения по второму набору записей на той же странице.
Для навигационных ссылок необходимы следующие динамические элементы:
набор записей, по которому осуществляется перемещение;
динамическое содержимое страницы для отображения записи или набора записей;
Текст или изображения на странице, которые служат кликабельной навигационной панелью
Набор серверных поведений «Переместиться к записи» для навигации по набору записей
Можно добавить последние два элемента, используя серверный объект «Панель навигации записей», или добавить их отдельно с помощью инструментов дизайна и панели «Серверные поведения».
Создание навигационной панели наборов записей
Можно создать панель навигации набора записей за одну операцию, используя серверное поведение «Панель навигации набора записей». Серверный объект добавляет следующие строительные блоки на страницу:
таблица HTML со ссылками в виде текста или рисунков;
набор вариантов поведения сервера «Переместить в»;
набор вариантов поведения сервера «Показать область».
Текстовая версия навигационная панели наборов записей выглядит так:
Перед размещением панели навигации на странице убедитесь, что на странице есть набор записей, по которому необходимо перемещаться, и макет страницы допускает отображение записей.
После размещения панели навигации на странице ее можно настроить по своему усмотрению с помощью инструментов дизайна. Также можно изменить варианты поведения сервера «Переместить в» и «Показать область», дважды щелкнув их на панели «Поведение сервера».
Dreamweaver создает таблицу с ссылками в виде текста или рисунков, которые позволяют переходить между записями выбранного набора записей по щелчку. При отображении первой записи набора ссылки «Первая» и «Предыдущая» и картинки скрыты. При отображении последней записи набора ссылки «Следующая» и «Последняя» и картинки скрыты.
Макет панели навигации можно настроить при помощи инструментов дизайна и панели «Поведение сервера».
Откройте диалоговое окно «Панель навигации набора записей» («Вставка» >
«Объекты данных» > «Разбиение набора записей по страницам» > «Панель навигации
набора записей»).
Выберите набор записей для навигации в раскрывающемся меню «Набор записей».
В разделе «Отображать с помощью» выберите формат для
отображения навигационных ссылок на странице и нажмите «ОК».
Текст
Размещает текстовые ссылки на странице.
Изображения
Вставляет изображения в качестве ссылок. Dreamweaver использует свои собственные файлы изображений. Можно заменить эти изображения собственными файлами изображений после размещения панели на странице.
Пользовательские навигационные панели наборов записей
Можно создать собственную панель навигации набора записей, которая использует более сложные макеты и стили форматирования, чем простая таблица, созданная серверным объектом «Панель навигации набора записей».
Чтобы создать собственную навигационную панель наборов записей, необходимо:
Создать навигационные ссылки в виде текста или изображений
Разместить ссылки на странице, находясь в представлении «Дизайн»
Присвоить отдельные варианты поведения сервера каждой навигационной ссылке
В этом разделе описывается, как назначить отдельные серверные поведения для навигационных ссылок.
Создание и назначение серверных поведений навигационной ссылке
В режиме «Дизайн» выберите текстовую строку или изображение на странице, которое хотите использовать как ссылку для навигации по записям.
Откройте панель «Серверные поведения» («Окно» > «Серверные поведения») и нажмите кнопку «Плюс» (+).
Выберите «Разбиение набора записей по страницам» в раскрывающемся меню, затем выберите
серверное поведение, подходящее для этой ссылки, из списка серверных
поведений.
Если набор записей содержит большое количество записей, серверное поведение «Переместиться к последней записи» может выполняться долго, когда пользователь нажимает ссылку.
В раскрывающемся меню «Набор записей» выберите набор записей, который
содержит записи, и нажмите «ОК».
Поведение сервера назначается навигационной ссылке.
Установка параметров диалогового окна «Переместиться к» (серверное поведение)
Добавьте ссылки, которые позволят пользователю перемещаться по записям в наборе записей.
Если вы ничего не выбрали на странице, выберите
ссылку в раскрывающемся меню.
Выберите набор записей, содержащий записи для разбиения по страницам, и нажмите «ОК».
Примечание
Если набор записей содержит большое количество записей, поведение сервера «Перейти к последней записи» может выполняться долго, когда пользователь нажимает ссылку.
Дизайн навигационной панели
При создании пользовательской панели навигации начните с создания ее визуального представления с помощью инструментов дизайна страниц Dreamweaver.Не обязательно создавать ссылку для текстовой строки или изображения — Dreamweaver создаст ее для вас.
Страница, для которой создается панель навигации, должна содержать набор записей для навигации.Простая панель навигации по набору записей может выглядеть следующим образом, с кнопками-ссылками, созданными из изображений или других элементов контента:
После добавления набора записей на страницу и создания панели навигации необходимо применить отдельные поведения сервера к каждому элементу навигации.Например, типичная панель навигации по набору записей содержит представления следующих ссылок, сопоставленных с соответствующим поведением:
|
Навигационная ссылка |
Поведение сервера |
|
Перейти к первой странице |
Переместиться на первую страницу |
|
Перейти к последней странице |
Переместиться на последнюю страницу |
|
Перейти к следующей странице |
Переместиться на следующую страницу |
|
Перейти к последней странице |
Переместиться на последнюю страницу |
Отображение и скрытие областей на основе результатов набора записей
Вы также можете указать, что область должна отображаться или скрываться в зависимости от того, пуст ли набор записей.Если набор записей пуст (например, не найдено записей, соответствующих запросу), вы можете отобразить сообщение, информирующее пользователя о том, что записи не были возвращены.Это особенно полезно при создании страниц поиска, которые полагаются на пользовательские поисковые термины для выполнения запросов.Аналогично вы можете отобразить сообщение об ошибке, если возникла проблема с подключением к базе данных или если имя пользователя и пароль не соответствуют тем, которые распознает сервер.
Поведения сервера Show Region это:
Показать, если набор записей пустой
Показать, если набор записей не пустой
Показать, если страница первая
Показать, если страница не первая
Показать, если страница последняя
Показать, если страница не последняя
В режиме Design выберите область на странице
для показа или скрытия.
На панели «Поведения сервера» («Окно» > «Поведения сервера») нажмите кнопку «Плюс» (+).
Выберите Show Region из всплывающего меню, выберите одно из
перечисленных поведений сервера и нажмите OK.
Отображение нескольких результатов из набора записей
Поведение сервера Repeating Region позволяет отображать несколько записей из набора записей на странице. Любой выбор динамических данных можно превратить в повторяющуюся область. Однако наиболее распространенными областями являются таблица, строка таблицы или серия строк таблицы.
В режиме Design выберите область, которая содержит
динамический контент.
Выбор может быть любым, включая таблицу, строку таблицы или даже абзац текста.
Чтобы точно выбрать область на странице, можно использовать селектор тегов в левом углу окна документа. Например, если область представляет собой строку таблицы, нажмите внутри строки на странице, затем нажмите крайний справа тег <tr> в селекторе тегов, чтобы выбрать строку таблицы.
Выберите Window > Server Behaviors для отображения
панели Server Behaviors.
Нажмите кнопку Plus (+) и выберите Repeating
Region.
Выберите имя набора записей для использования из всплывающего
меню.
Выберите количество записей для отображения на странице и
нажмите «ОК».
В окне Document вокруг повторяющейся области появляется тонкий серый контур с вкладкой.
Изменение повторяющихся областей с помощью инспектора свойств
Измените выбранную повторяющуюся область,
изменив любые из следующих параметров:
название повторяющейся области;
Набор записей, предоставляющий записи для повторяющейся области.
число отображаемых записей.
Когда вы выбираете новый параметр, Dreamweaver обновляет страницу.
Повторное использование наборов записей PHP
Учебное пособие по повторному использованию наборов записей PHP см. в учебном пособии Дэвида Пауэрса How Do I Reuse a PHP Recordset in More Than One Repeat Region?
Создание динамической таблицы
Следующий пример иллюстрирует, как поведение сервера «Повторяющаяся область» применяется к строке таблицы и указывает, что на странице отображается девять записей.Сама строка отображает четыре различные записи: город, область, почтовый адрес и почтовый индекс.
Чтобы создать таблицу, подобную той, что в предыдущем примере, вы должны создать таблицу, содержащую динамический контент, и применить поведение сервера «Повторяющаяся область» к строке таблицы, содержащей динамический контент. Когда страница обрабатывается сервером приложений, строка повторяется количество раз, указанное в объекте сервера «Повторяющаяся область», с различной записью, вставленной в каждую новую строку.
Чтобы вставить динамическую таблицу, выполните одно из следующих действий.
Выберите «Вставка» > «Объекты данных» > «Динамические данные» > «Динамическая таблица», чтобы отобразить диалоговое окно «Динамическая таблица».
В категории «Данные» панели «Вставка» нажмите кнопку «Динамические данные» и выберите значок «Динамическая таблица» из всплывающего меню.
Выберите набор записей во всплывающем меню «Набор записей».
Выберите число записей, которые будут отображаться на странице.
(Необязательно) Введите значения для границы таблицы, заполнения ячеек
и интервала между ячейками.
Диалоговое окно «Динамическая таблица» сохраняет значения, которые вы вводите для границ таблицы, заполнения ячеек и интервала между ячейками.
Примечание
Если вы работаете над проектом, требующим несколько динамических таблиц с одинаковым внешним видом, введите значения макета таблицы, что дополнительно упрощает разработку страницы.Вы можете настроить эти значения после вставки таблицы с помощью инспектора свойств таблицы.
Нажмите кнопку «ОК».
Таблица и заполнители для динамического контента, определенного в связанном с ней наборе записей, вставляются на страницу.
В этом примере набор записей содержит четыре столбца: AUTHORID, FIRSTNAME, LASTNAME и BIO.Строка заголовка таблицы заполнена именами каждого столбца.Вы можете редактировать заголовки, используя любой описательный текст, или заменить их репрезентативными изображениями.
Создание счетчиков записей
Счетчики записей дают пользователям ориентир при навигации по набору записей.Обычно счетчики записей отображают общее количество возвращенных записей и текущие просматриваемые записи.Например, если набор записей возвращает 40 отдельных записей и на странице отображается 8 записей, счетчик записей на первой странице будет показывать «Отображаются записи 1‑8 из 40».
Перед созданием счетчика записей для страницы необходимо создать набор записей для страницы, соответствующий макет страницы для размещения динамического контента, а затем панель навигации по набору записей.
Создание простых счетчиков записей
Счетчики записей позволяют пользователям знать, где они находятся в заданном наборе записей относительно общего количества возвращенных записей.По этой причине счетчики записей являются полезным поведением, которое может значительно повысить удобство использования веб-страницы.
Создайте простой счетчик записей, используя серверный объект Recordset Navigation Status.Этот серверный объект создает текстовую запись на странице для отображения текущего состояния записи.Вы можете настроить счетчик записей, используя инструменты дизайна страниц Dreamweaver.
Поместите курсор в то место, где хотите вставить
счетчик записей.
Выберите Insert > Data Objects > Display Record Count > Recordset Navigation Status, выберите набор записей из выпадающего меню Recordset и нажмите OK.
Серверный объект Recordset Navigation Status вставляет текстовый счетчик записей, который выглядит аналогично следующему примеру:
При просмотре в режиме Live view счетчик выглядит аналогично следующему примеру:
Создайте и добавьте счетчик записей на страницу
В диалоговом окне «Вставить состояние навигации набора записей»
выберите набор записей для отслеживания и нажмите «ОК».
Создание заказных счетчиков записей
Для создания пользовательских счетчиков записей используются отдельные поведения подсчета записей. Создание пользовательского счетчика записей позволяет создать счетчик записей помимо простой таблицы из одной строки, вставляемой серверным объектом «Состояние навигации набора записей». Элементы дизайна можно расположить различными творческими способами и применить соответствующее серверное поведение к каждому элементу.
Серверными поведениями подсчета записей являются:
Отобразить номер первой записи
Отобразить номер последней записи
Отобразить общее число записей
Перед созданием пользовательского счетчика записей для страницы необходимо сначала создать набор записей для страницы, соответствующий макет страницы для размещения динамического контента и панель навигации набора записей.
В данном примере создается счетчик записей, который выглядит аналогично примеру в разделе «Простые счетчики записей». В данном примере текст шрифтом без засечек представляет заполнители подсчета записей, которые будут вставлены на страницу. Счетчик записей в данном примере выглядит следующим образом:
Отображение записей StartRow по EndRow из RecordSet.RecordCount.
В режиме «Дизайн» введите текст счетчика на
странице. Текст может быть любым, например:
Отображение записей по из .
Поместите курсор вставки в конец текстовой строки.
Откройте панель «Серверные поведения» (Window > Server Behaviors).
Нажмите кнопку «Плюс» (+) в верхнем левом углу и
выберите «Отобразить количество записей». В этом подменю выберите «Показать
Общее количество записей». Поведение «Показать общее количество записей» вставляется на
страницу, а заполнитель вставляется в то место, где находилась точка
вставки. Текстовая строка теперь выглядит следующим образом:
Показаны записи с по из {Recordset1.RecordCount}.
Поместите точку вставки после слова records и выберите «Показать начальное количество записей» в меню «Поведение сервера» > кнопка «Плюс (+)» > панель «Количество записей».Текстовая строка теперь выглядит следующим образом:
Отображаются записи с {StartRow_Recordset1} по {Recordset1.RecordCount}.
Теперь поместите точку вставки между словами thru и of и выберите «Показать начальное количество записей» в меню «Поведение сервера» > кнопка «Плюс (+)» > панель «Количество записей».Текстовая строка теперь выглядит следующим образом:
Показаны записи с {StartRow_Recordset1} по {EndRow_Recordset1} из {Recordset1.RecordCount}.
Убедитесь, что счетчик работает правильно, просмотрев страницу в режиме Live view; счетчик выглядит примерно так:
Показаны записи с 1 по 8 из 40.
Если на странице результатов есть навигационная ссылка для перехода к следующему набору записей, щелчок по ссылке обновляет счетчик записей следующим образом:
Показаны записи с 9 по 16 из 40.
Использование предопределенных форматов данных
Dreamweaver содержит несколько предустановленных форматов данных, которые можно применить к элементам динамических данных. Стили форматирования данных включают форматы даты и времени, валюты, числовые и процентные форматы.
Применение форматов данных к динамическому содержимому
Выберите заполнитель динамического содержимого в окне документа.
Выберите «Окно» > «Привязки», чтобы открыть панель
«Привязки».
Нажмите стрелку «Вниз» в столбце «Формат».
Если стрелка вниз не видна, разверните панель.
Во всплывающем меню «Формат» выберите нужную категорию формата данных.
Убедитесь, что формат данных подходит для типа данных, которые вы форматируете. Например, форматы валюты работают только если динамические данные состоят из числовых данных. Обратите внимание, что к одним и тем же данным нельзя применить более одного формата.
Убедитесь, что формат был применен правильно, просмотрев
страницу в режиме Live view.
Настройка формата данных
Откройте страницу с динамическими данными в режиме Design view.
Выберите динамические данные, для которых хотите создать пользовательский формат.
Элемент связанных данных, динамический текст которого выбран, будет выделен на панели «Привязки» («Окно» > «Привязки»). На панели показаны два столбца для выбранного элемента — «Привязка» и «Формат». Если столбец «Формат» не виден, разверните панель «Привязки», чтобы открыть его.
На панели «Привязки» нажмите стрелку вниз в столбце «Формат», чтобы развернуть всплывающее меню доступных форматов данных.
Если стрелка вниз не видна, разверните панель «Привязки».
Выберите во всплывающем меню пункт «Изменение списка форматов».
Заполните диалоговое окно и нажмите «ОК».
a.Выберите формат из списка и нажмите «Редактировать».
b.Измените любые из следующих параметров в диалоговых окнах «Валюта», «Число» или «Процент» и нажмите кнопку «ОК».
- Число цифр после десятичной запятой
- Начальный ноль в дробных числах
- Использование круглых скобок или знака «Минус» для обозначения отрицательных чисел
- Группировка цифр
c.Чтобы удалить формат данных, щелкните формат в списке и нажмите кнопку «Минус» (-).
Создайте формат данных (только для ASP)
Откройте страницу с динамическими данными
в режиме «Дизайн».
Выберите динамические данные, для которых нужно создать заказной формат.
Выберите «Окно» > «Привязки», чтобы отобразить панель «Привязки», и нажмите стрелку вниз в столбце «Формат». Если стрелка вниз не видна, разверните панель.
Выберите во всплывающем меню пункт «Изменение списка форматов».
Нажмите кнопку со знаком «плюс» (+) и выберите формат.
Определите формат и нажмите кнопку «ОК».
Введите имя для нового формата в столбце «Имя» и
нажмите кнопку «ОК».
Примечание
Хотя Dreamweaver поддерживает только создание форматов данных для страниц ASP, пользователи ColdFusion и PHP могут загружать форматы, созданные другими разработчиками, или создавать серверные форматы и размещать их в Dreamweaver Exchange. Дополнительные сведения об API Server Format см. в разделе Extending Dreamweaver(«Справка» > Extending Dreamweaver > «Серверные форматы»).
Связанные материалы
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
