Примечание.

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

О записях базы данных

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

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

Варианты поведения сервера и элементы форматирования

Dreamweaver предоставляет следующие варианты поведения сервера и элементы форматирования, улучшающие отображение динамического содержимого:

Форматы

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

Например, если цена какого-либо предмета в наборе записей составляет 10,989, ее можно отобразить на странице как $10,99, если выбрать в Dreamweaver формат «Денежная единица — 2 десятичных разряда». В этом формате числа отображаются с двумя знаками после запятой. Если в числе больше знаков после запятой, при применении формата оно округляется до ближайшего десятичного числа. Если в числе нет десятичных разрядов, к нему добавляется десятичная запятая и два нуля.

Повторяющаяся область

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

Навигация в наборе записей

Это поведение сервера вставляет элементы навигации, позволяющие пользователям перемещаться к следующей или предыдущей группе записей, возвращенной набором записей. Например, если с помощью серверного объекта «Повторяющаяся область» выбрано отображение 10 записей на страницу, а набор записей возвращает 40 записей, можно перемещаться по 10 записям за раз.

Строка состояния набора записей

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

Отображение области

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

Применение элементов макета и типографских элементов к динамическим данным

Существенным преимуществом Dreamweaver является возможность представлять динамические данные на структурированной странице и применять типографское форматирование с помощью HTML и CSS. Для применения форматов к динамическим данным в Dreamweaver отформатируйте таблицы и местозаполнители для динамических данных с помощью средств форматирования Dreamweaver. При вставке данных из источника данных к ним автоматически применяются заданные параметры форматирования шрифта, абзаца и таблицы.

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

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

Для навигационных ссылок необходимы следующие динамические элементы:

  • набор записей, по которому осуществляется перемещение;

  • динамическое содержимое страницы для отображения записи или набора записей;

  • текст или изображения на странице, выполняющие роль элементов навигации при щелчке мыши;

  • набор поведений сервера «Переместить в запись» для перемещения по набору записей.

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

Создание навигационной панели наборов записей

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

  • таблица HTML со ссылками в виде текста или рисунков;

  • набор вариантов поведения сервера «Переместить в»;

  • набор вариантов поведения сервера «Показать область».

    Текстовая версия навигационная панели наборов записей выглядит так:

Текстовая версия панели навигации набора записей
Текстовая версия панели навигации набора записей

Панель навигации набора записей
Панель навигации набора записей

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

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

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

Макет панели навигации можно настроить при помощи инструментов дизайна и панели «Поведение сервера».

  1. В представлении «Дизайн» поместите курсор вставки в то место на странице, где должна размещаться панель навигации.
  2. Отобразите диалоговое окно «Навигационная панель наборов записей» («Вставка» > «Объекты данных» > «Разбиение набора записей по страницам» > «Навигационная панель наборов записей»).
  3. Выберите набор записей, по которому будет необходимо перемещаться, во всплывающем меню.
  4. В разделе «Отображать, используя» выберите формат для отображения навигационных ссылок на странице и нажмите кнопку «ОК».

    Текст

    Размещает текстовые ссылки на странице.

    Изображения

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

Пользовательские навигационные панели наборов записей

Можно создать собственные панели навигации с более сложным макетом и стилями форматирования, чем простые таблицы, созданные серверным объектом «Навигационная панель наборов записей».

Для создания собственной навигационной панели наборов записей необходимо:

  • создать навигационные ссылки в виде текста или изображений;

  • разместить ссылки на странице, используя представление «Дизайн»;

  • присвоить отдельные варианты поведения сервера каждой навигационной ссылке.

Этот раздел объясняет, как присвоить отдельные варианты поведения сервера навигационным ссылкам.

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

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

  4. Выберите во всплывающем меню «Набор записей» набор, содержащий записи, и нажмите кнопку «ОК».

    Поведение сервера назначается навигационной ссылке.

Установка параметров в диалоговом окне (поведение сервера) «Переместить в»

Добавьте ссылки, позволяющие переходить по записям набора.

  1. Если на странице ничего не выбрано, выберите ссылку во всплывающем меню.
  2. Выберите набор записей, содержащий записи для навигации, и нажмите кнопку «ОК».

    Примечание.

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

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

Страница, для которой создается панель навигации, должна содержать набор записей, по которому нужно будет перемещаться. Простая навигационная панель наборов записей может выглядеть следующим образом (кнопки ссылок созданы из изображений или других элементов содержимого):

Простая панель навигации наборов записей
Простая панель навигации наборов записей

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

Навигационная ссылка

Поведение сервера

Перейти к первой странице

Перемещение на первую страницу

Перейти к предыдущей странице

Перемещение на предыдущую страницу

Перейти к следующей странице

Перемещение на следующую страницу

Перейти к последней странице

Перемещение на последнюю страницу

Отображение и скрытие областей в зависимости от результатов

Можно указать отображение или скрытие определенной области в зависимости от того, является ли набор записей пустым. Если набор пуст (например, по запросу не найдено ни одной записи), можно вывести сообщение, информирующее пользователя о том, что записи не найдены. Это особенно полезно при создании поисковых страниц, поиск в которых выполняется по ключевым словам, задаваемым пользователем. Таким же образом можно вывести сообщение о том, что существует проблема подключения к базе данных или что имя и пароль пользователя не зарегистрированы на сервере.

Поведение сервера «Показать область»:

  • показать, если набор записей пуст;

  • показать, если набор записей не пуст;

  • показать, если первая страница;

  • показать, если не первая страница;

  • показать, если последняя страница;

  • показать, если не последняя страница;

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

Отображение нескольких результатов из набора записей

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

  1. В представлении «Дизайн» выберите область с динамическим содержимым.

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

    Для точного выделения области страницы можно воспользоваться селектором тегов в левом углу окна документа. Например, если нужная область — это строка таблицы, щелкните внутри строки, затем щелкните крайний правый тег <tr> в селекторе тегов, чтобы выделить строку таблицы.

  2. Выберите меню «Окно» > «Поведение сервера», чтобы отобразить панель «Поведение сервера».
  3. Нажмите кнопку со знаком «плюс» (+) и выберите «Повторяющаяся область».
  4. Выберите название используемого набора записей во всплывающем меню.
  5. Выберите количество записей, которые будут отображаться на странице, и нажмите кнопку «ОК».

    В окне документа вокруг повторяющейся области появится тонкий контур серого цвета с вкладкой.

Изменение повторяющихся областей в инспекторе свойств

  1. Чтобы изменить выделенную повторяющуюся область, измените какой-либо из следующих параметров:
    • название повторяющейся области;

    • набор записей, содержащий записи для использования в данной области;

    • число отображаемых записей.

      При выборе нового значения параметра Dreamweaver обновляет страницу.

Повторное использование наборов записей PHP

Руководство по повторному использованию наборов записей PHP см. в руководстве Дэвида Пауэрса Повторное использование наборов записей PHP в более чем одной повторяющей области

Создание динамической таблицы

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

Поведение сервера «Повторяющаяся область» применяется к строке таблицы
Поведение сервера «Повторяющаяся область» применяется к строке таблицы

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

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

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

  2. Выберите набор записей во всплывающем меню «Набор записей».
  3. Выберите число записей, которые будут отображаться на странице.
  4. Введите значения для границы таблицы, полей ячеек и интервала между ячейками (необязательно).

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

    Примечание.

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

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

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

    Таблица и местозаполнители для динамического содержимого
    Таблица и местозаполнители для динамического содержимого в наборе записей

    В данном примере набор записей содержит четыре столбца: AUTHORID, FIRSTNAME, LASTNAME и BIO. Строка заголовка таблицы заполняется названием каждого столбца. Заголовки можно изменить с помощью любого описательного текста или заменять их на соответствующие изображения.

Создание счетчиков записей

Счетчики записей служат для обозначения номера записи при навигации в наборе записей. Как правило, счетчики записей отражают общее количество найденных записей и записи, просматриваемые в настоящий момент. Например, если найдено 40 отдельных записей и на каждой странице отображается по 8 записей, счетчик записей на первой странице указывает: «Показаны записи с 1 по 8 из 40».

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

Создание простых счетчиков записей

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

Создайте простой счетчик записей при помощи серверного объекта «Состояние навигации в наборе записей». Этот серверный объект создает текстовый элемент на странице для отображения текущего состояния записи. Настроить счетчик записей можно при помощи инструментов дизайна страницы Dreamweaver.

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

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

    Серверный объект «Состояние навигации в наборе записей»

    В интерактивном представлении счетчик выглядит примерно так:

    Состояние навигации в наборе записей в интерактивном просмотре

Создание счетчика записей и добавление его к странице

  1. В диалоговом окне «Вставить состояние навигации в наборе записей» выберите набор записей и нажмите кнопку «ОК».

Создание заказных счетчиков записей

Для создания заказных вариантов поведения счетчиков записей используйте специальные функции подсчета записей. Функция создания заказного счетчика записей позволяет создавать счетчики, отличающиеся от простых однострочных таблиц, вставляемых серверным объектом «Состояние навигации в наборе записей». Можно расположить элементы макета разными способами и применить соответствующее поведение сервера к каждому элементу.

Поведение сервера «Число записей»:

  • отобразить номер первой записи;

  • отобразить номер последней записи;

  • отобразить общее число записей.

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

В данном примере показано создание счетчика записей, подобного тому, что показан в примере с простыми счетчиками записей. В этом примере шрифтом Sans-serif обозначены местозаполнители счетчиков записей, которые будут вставлены в страницу. Счетчик записей в этом примере будет выглядеть следующим образом:

Показаны записи от StartRow до EndRow из RecordSet.RecordCount.

  1. Введите текст счетчика, который будет отображаться на странице, в представлении «Дизайн». Текст может быть любым, например:
    Displaying records thru of .
  2. Поместите курсор вставки в конец текстовой строки.
  3. Откройте панель «Поведение сервера» («Окно» > «Поведение сервера»).
  4. Нажмите кнопку со знаком «плюс» (+), расположенную в левом верхнем углу, а затем выберите «Отобразить счетчик записей». В этом подменю выберите пункт «Отобразить общее число записей». В страницу будет вставлено поведение «Отобразить общее число записей», а местозаполнитель будет вставлен в то место, где находился курсор вставки. Текстовая строка теперь выглядит следующим образом:
    Displaying records thru of {Recordset1.RecordCount}.
  5. Поместите курсор вставки после слова records и выберите пункт «Отобразить номер первой записи» на панели «Число записей» («Поведение сервера» > кнопка со знаком «плюс» (+) > «Число записей»). Текстовая строка теперь выглядит следующим образом:
    Displaying records {StartRow_Recordset1} thru of {Recordset1.RecordCount}.
  6. Теперь поместите курсор вставки между словами thru и of и выберите пункт «Отобразить номер первой записи» на панели «Число записей» («Поведение сервера» > кнопка со знаком «плюс» (+) > «Число записей»). Текстовая строка теперь выглядит следующим образом:
    Displaying records {StartRow_Recordset1} thru {EndRow_Recordset1} of{Recordset1.RecordCount}.
  7. Убедитесь, что функции счетчика работают правильно, просмотрев страницу в интерактивном представлении; счетчик будет выглядеть как в следующем примере.
    Displaying records 1 thru 8 of 40.

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

    Showing records 9 thru 16 of 40.

Использование предопределенных форматов данных

Dreamweaver включает несколько предопределенных форматов данных, которые можно применять к динамическим элементам данных. Стили форматирования данных включают форматы времени и даты, денежных единиц и процентов.

Применение форматов данных к динамическому содержимому

  1. Выберите местозаполнитель динамического содержимого в окне «Документ».
  2. Для отображения панели «Привязки» выберите меню «Окно» > «Привязки».
  3. Нажмите стрелку «Вниз» в столбце «Формат».

    Если стрелка вниз не видна, разверните панель.

  4. Выберите нужный формат во всплывающем меню «Формат».

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

  5. Убедитесь, что формат применен правильно, просмотрев страницу в интерактивном представлении.

Настройка формата данных

  1. Откройте страницу с динамическими данными в представлении «Дизайн».

  2. Выберите динамические данные, для которых нужно создать заказной формат.

    Элемент связанных данных, динамический текст которого выбран, будет выделен на панели «Привязки» («Окно» > «Привязки»). На панели показаны два столбца для выбранного элемента — «Привязка» и «Формат». Если столбец «Формат» не виден, разверните панель «Привязки», чтобы открыть его.

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

    Если стрелка вниз не видна, разверните панель «Привязки».

  4. Выберите во всплывающем меню пункт «Изменение списка форматов».

  5. Заполните поля диалогового окна и нажмите кнопку «ОК».

    А. Выберите формат в списке и нажмите кнопку «Изменить».

    Б. Измените любые из следующих параметров в диалоговых окнах «Денежная единица», «Число» или «Проценты» и нажмите кнопку «ОК»:

    • количество цифр после десятичной запятой;
    • начальный ноль в дробных числах;
    • использование круглых скобок или знака «минус» для обозначения отрицательных чисел;
    • группировка цифр.

    В. Чтобы удалить формат данных, выберите его имя в списке, а затем нажмите кнопку со знаком «минус» (–).

Создание формата данных (только ASP)

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

  3. Выберите меню «Окно» > «Привязки», отобразить панель «Привязки», и нажмите стрелку «Вниз» в столбце «Формат». Если стрелка вниз не видна, разверните панель.
  4. Выберите во всплывающем меню пункт «Изменение списка форматов».
  5. Нажмите кнопку со знаком «плюс» (+) и выберите формат.
  6. Определите формат и нажмите кнопку «ОК».
  7. Введите имя нового формата в столбце «Имя» и нажмите кнопку «ОК».

    Примечание.

    Хотя Dreamweaver поддерживает создание форматов данных только для страниц ASP, пользователи ColdFusion и PHP могут загружать форматы, созданные другими разработчиками, или создавать серверные форматы и размещать их в Dreamweaver Exchange. Дополнительные сведения об API-интерфейсе серверных форматов см. в разделе «Расширение Dreamweaver»(«Справка» > «Расширение Dreamweaver» > «Форматы сервера»).

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет