Руководство пользователя Отмена

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

  1. Руководство пользователя Dreamweaver
  2. Введение
    1. Основы гибкого веб-дизайна
    2. Новые возможности Dreamweaver
    3. Веб-разработка с помощью Dreamweaver: обзор
    4. Dreamweaver / распространенные вопросы
    5. Сочетания клавиш
    6. Системные требования Dreamweaver
    7. Обзор новых возможностей
  3. Dreamweaver и Creative Cloud
    1. Синхронизация настроек Dreamweaver с Creative Cloud
    2. Библиотеки Creative Cloud Libraries в Dreamweaver
    3. Использование файлов Photoshop в Dreamweaver
    4. Работа с Adobe Animate и Dreamweaver
    5. Извлечение файлов SVG, оптимизированных для Интернета, из библиотек
  4. Рабочие среды и представления Dreamweaver
    1. Рабочая среда Dreamweaver
    2. Оптимизация рабочей среды Dreamweaver для визуальной разработки
    3. Поиск файлов по имени или содержимому | Mac OS
  5. Настройка сайтов
    1. О сайтах Dreamweaver
    2. Настройка локальной версии сайта
    3. Подключение к серверу публикации
    4. Настройка тестового сервера
    5. Импорт и экспорт параметров сайта Dreamweaver
    6. Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
    7. Специальные возможности в Dreamweaver
    8. Дополнительные настройки
    9. Настройка установок сайта для передачи файлов
    10. Задание параметров прокси-сервера в Dreamweaver
    11. Синхронизация настроек Dreamweaver с Creative Cloud
    12. Использование Git в Dreamweaver
  6. Управление файлами
    1. Создание и открытие файлов
    2. Управление файлами и папками
    3. Получение файлов с сервера и размещение их на нем
    4. Возврат и извлечение файлов
    5. Синхронизация файлов
    6. Сравнение файлов
    7. Скрытие файлов и папок на сайте Dreamweaver
    8. Включение заметок разработчика для сайтов Dreamweaver
    9. Предотвращение использования уязвимости Gatekeeper
  7. Макет и оформление
    1. Использование средств визуализации для создания макета
    2. Об использовании CSS для создания макета страницы
    3. Создание динамичных веб-сайтов с помощью Bootstrap
    4. Создание и использование медиазапросов в Dreamweaver
    5. Представление содержимого в таблицах
    6. Цвета
    7. Гибкий дизайн с использованием «резиновых» макетов
    8. Extract в Dreamweaver
  8. CSS
    1. Общие сведения о каскадных таблицах стилей
    2. Создание макетов страниц с помощью конструктора CSS
    3. Использование препроцессоров CSS в Dreamweaver
    4. Установка настроек стиля CSS в Dreamweaver
    5. Перемещение правил CSS в Dreamweaver
    6. Преобразование встроенного CSS в правило CSS в Dreamweaver
    7. Работа с тегами div
    8. Применение градиентов к фону
    9. Создание и редактирование эффектов перехода CSS3 в Dreamweaver
    10. Форматирование кода
  9. Содержимое страницы и ресурсы
    1. Задание свойств страницы
    2. Задание свойств заголовка CSS и свойств ссылки CSS
    3. Работа с текстом
    4. Поиск и замена текста, тегов и атрибутов
    5. Панель DOM
    6. Редактирование в режиме интерактивного просмотра
    7. Кодировка документов в Dreamweaver
    8. Выбор и просмотр элементов в окне документа
    9. Задание свойств текста в инспекторе свойств
    10. Проверка орфографии на веб-странице
    11. Использование горизонтальных линеек в Dreamweaver
    12. Добавление и изменение сочетаний шрифтов в Adobe Dreamweaver
    13. Работа с ресурсами
    14. Вставка и обновление даты в Dreamweaver
    15. Создание и управление избранными ресурсами в Dreamweaver
    16. Вставка и редактирование изображений в Dreamweaver
    17. Добавление мультимедийных объектов
    18. Добавление видео Dreamweaver
    19. Добавление видео HTML5
    20. Вставка файлов SWF
    21. Добавление звуковых эффектов
    22. Добавление аудио HTML5 в Dreamweaver
    23. Работа с элементами библиотеки
    24. Использование текста на арабском языке и иврите в Dreamweaver
  10. Создание ссылок и навигация
    1. О создании ссылок и навигации
    2. Создание ссылок
    3. Карты ссылок
    4. Устранение неполадок со ссылками
  11. Графические элементы и эффекты jQuery
    1. Использование пользовательского интерфейса и графических элементов jQuery для мобильных устройств в Dreamweaver
    2. Использование эффектов jQuery в Dreamweaver
  12. Написание кода веб-сайтов
    1. О программировании в Dreamweaver
    2. Среда написания кода в Dreamweaver
    3. Настройка параметров написания кода
    4. Настройка цветового оформления кода
    5. Написание и редактирование кода
    6. Подсказки по коду и автозавершение кода
    7. Свертывание и развертывание кода
    8. Повторное использование фрагментов кода
    9. Анализ Linting для проверки кода
    10. Оптимизация кода
    11. Редактирование кода в представлении «Дизайн»
    12. Работа с содержимым заголовков для страниц
    13. Вставка серверных включений в Dreamweaver
    14. Использование библиотек тегов в Dreamweaver
    15. Импорт пользовательских тегов в Dreamweaver
    16. Использование вариантов поведения JavaScript (общие инструкции)
    17. Применение встроенных вариантов поведения JavaScript
    18. Сведения об XML и XSLT
    19. Выполнение XSL-преобразования на стороне сервера в Dreamweaver
    20. Выполнение XSL-преобразования на стороне клиента в Dreamweaver
    21. Добавление символьных сущностей для XSLT в Dreamweaver
    22. Форматирование кода
  13. Процессы взаимодействия продуктов
    1. Установка и использование расширений в Dreamweaver
    2. Обновления в Dreamweaver, устанавливаемые через приложение
    3. Вставить документы Microsoft Office в Dreamweaver (только для Windows)
    4. Работа с Fireworks и Dreamweaver
    5. Редактирование содержимого на сайтах Dreamweaver с помощью Contribute
    6. Интеграция Dreamweaver с Business Catalyst
    7. Создание персонализированных кампаний почтовой рассылки
  14. Шаблоны
    1. О шаблонах Dreamweaver
    2. Распознавание шаблонов и документов на их основе
    3. Создание шаблона Dreamweaver
    4. Создание редактируемых областей в шаблонах
    5. Создание повторяющихся областей и таблиц в Dreamweaver
    6. Использование дополнительных областей в шаблонах
    7. Определение редактируемых атрибутов тега в Dreamweaver
    8. Создание вложенных шаблонов в Dreamweaver
    9. Редактирование, обновление и удаление шаблонов
    10. Экспорт и импорт XML-содержимого в Dreamweaver
    11. Применение или удаление шаблона из существующего документа
    12. Редактирование содержимого в шаблонах Dreamweaver
    13. Правила синтаксиса для тегов шаблона в Dreamweaver
    14. Настройка предпочтений выделения для областей шаблона
    15. Преимущества использования шаблонов в Dreamweaver
  15. Мобильные и многоэкранные устройства
    1. Создание медиазапросов
    2. Изменение ориентации страницы для мобильных устройств
    3. Создание веб-приложений для мобильных устройств с помощью Dreamweaver
  16. Динамические сайты, страницы и веб-формы
    1. Общие сведения о веб-приложениях
    2. Настройка компьютера для разработки приложений
    3. Устранение неполадок подключений к базам данных
    4. Удаление сценариев подключения в Dreamweaver
    5. Дизайн динамических страниц
    6. Обзор динамических источников содержимого
    7. Определение источников динамического содержимого
    8. Добавление динамического содержимого на страницы
    9. Изменение динамического содержимого в Dreamweaver
    10. Отображение записей баз данных
    11. Введение интерактивных данных и устранение неполадок с ними в Dreamweaver
    12. Добавление заказных вариантов поведения сервера в Dreamweaver
    13. Создание форм с помощью Dreamweaver
    14. Использование форм для сбора информации от пользователей
    15. Создание и включение форм ColdFusion в Dreamweaver
    16. Создание веб-форм
    17. Расширенная поддержка HTML5 для компонентов формы
    18. Разработка формы с помощью Dreamweaver
  17. Визуальное построение приложений
    1. Создание главной страницы и страницы сведений в Dreamweaver
    2. Создание страниц поиска и результатов поиска
    3. Создание страницы для вставки записи
    4. Создание страницы обновления записи в Dreamweaver
    5. Создание страниц удаления записей в Dreamweaver
    6. Применение ASP-команд для изменения базы данных в Dreamweaver
    7. Создание страницы регистрации
    8. Создание страницы входа
    9. Создание страницы с доступом только для авторизованных пользователей
    10. Защита папок в ColdFusion с помощью Dreamweaver
    11. Использование компонентов ColdFusion в Dreamweaver
  18. Тестирование, просмотр и публикация веб-сайтов
    1. Предварительный просмотр страниц
    2. Предварительный просмотр веб-страниц Dreamweaver на нескольких устройствах
    3. Тестирование сайта Dreamweaver

 

Примечание.

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

О страницах обновления записей

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

Поиск записи для обновления

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

Создание ссылок на страницу обновления

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

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

Получение записи для обновления

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

  1. Создайте страницу в Dreamweaver и сохраните ее.

    Эта страница станет страницей обновления.

  2. На панели «Привязки» («Окно» > «Привязки») нажмите кнопку (+) и выберите «Набор записей».

    Если открывается расширенное диалоговое окно, нажмите кнопку «Простой». В расширенном диалоговом окне имеется текстовая область для ввода SQL-оператора, в простом окне такой области нет.

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

    Такой фильтр создает набор записей, содержащий только записи, указанные на странице результатов. Например, если столбец ключа состоит из идентификатора записи и называется PRID и если страница результатов передает в параметре URL-адреса с именем id соответствующий идентификатор записи, область «Фильтр» должна выглядеть примерно так, как показано в следующем примере.

    Область фильтра

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

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

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

В странице обновления имеется три блока:

  • отфильтрованный набор записей для получения записи из таблицы базы данных;
  • HTML-форма, позволяющая пользователям изменять данные записи;
  • поведение сервера «Обновить запись» для обновления таблицы базы данных.

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

Добавление на страницу обновления HTML-формы

  1. Создайте страницу («Файл» > «Создать» > «Пустая страница»). Это будет страница обновления.
  2. Создайте макет страницы с помощью инструментов дизайна Dreamweaver.
  3. Для добавления HTML-формы установите курсор вставки и выберите меню «Вставка» > «Форма» > «Форма».

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

  4. Назовите HTML-форму. Для этого щелкните тег <form> в нижней части окна документа для выбора формы, откройте инспектор свойств («Окно» > «Свойства») и введите имя в поле «Имя формы».

    Задавать атрибут action или method с данными о том, куда и как отправлять данные записи при нажатии пользователем кнопки «Отправить», для формы не требуется. Эти атрибуты задаются поведением сервера «Обновить запись».

  5. Добавьте объект формы, например текстовое поле («Вставка» > «Форма» > «Текстовое поле»), для каждого столбца в таблице базы данных, который требуется обновить.

    Объекты формы предназначены для ввода данных. Обычно для ввода данных применяются текстовые поля, но можно также использовать меню, параметры и переключатели.

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

  6. Добавьте к форме кнопку «Отправить» («Вставка» > «Форма» > «Кнопка»).

    Для изменения надписи кнопки «Отправить» выделите кнопку, откройте инспектор свойств («Окно» > «Свойства») и введите новое значение в поле «Метка».

Отображение записи в форме

Добавление поведения сервера для обновления таблицы базы данных

  1. На панели «Поведение сервера» («Окно» > «Поведение сервера») нажмите кнопку (+) и выберите во всплывающем меню пункт «Обновить запись».

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

  2. Во всплывающем меню «Отправить значения из» выберите форму.
  3. Во всплывающем меню «Источник данных» или «Подключение» выберите подключение к базе данных.
  4. Введите, если требуется, имя пользователя и пароль.
  5. Во всплывающем меню «Обновить таблицу» выберите таблицу базы данных, содержащую запись, которую требуется обновить.
  6. (ColdFusion, PHP) Задайте столбец базы данных для обновления, выберите во всплывающем меню «Значение» объект формы, обновляющий столбец, во всплывающем меню «Отправить как» выберите тип данных для объекта формы и выберите параметр «Первичный ключ» для идентификации этого столбца в качестве первичного ключа.

    Тип данных соответствует данным столбца в таблице базы данных (текстовые, числовые, логические значения).

    Повторите данную процедуру для всех объектов в форме.

  7. (ASP) Во всплывающем меню «Выбрать запись из» задайте набор записей, содержащий запись, отображаемую в HTML-форме. Во всплывающем меню «Столбец уникального ключа» выберите столбец ключа (как правило, столбец идентификатора записи) для определения записи в таблице базы данных. Выберите параметр «Число», если значение представляет собой число. В столбце ключа, как правило, допускаются только числовые значения, хотя иногда допускаются и текстовые значения.
  8. В поле «После обновления перейти к» или «В случае успешного завершения перейти к» укажите страницу, которая открывается после обновления записи в таблице, или нажмите кнопку «Обзор» и выберите нужный файл.
  9. (ASP) Задайте столбец базы данных для обновления, во всплывающем меню «Значение» выберите объект формы, обновляющий запись, затем во всплывающем меню «Отправить как» выберите тип данных для объекта формы. Тип данных соответствует данным столбца в таблице базы данных (текстовые, числовые, логические значения). Повторите данную процедуру для всех объектов в форме.
  10. Нажмите кнопку «ОК».

    Dreamweaver добавляет к странице поведение сервера, позволяющее пользователям обновлять записи в таблице базы данных после изменения информации в HTML-форме и нажатия кнопки «Отправить».

    Для изменения поведения сервера откройте панель «Поведение сервера» («Окно» > «Поведение сервера») и дважды щелкните поведение «Обновить запись».

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

В странице обновления имеется три блока:

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

  • HTML-форма, позволяющая пользователям изменять данные записи;

  • поведение сервера «Обновить запись» для обновления таблицы базы данных.

Последние два основных блока страницы обновления можно добавить за одну операцию при помощи объекта данных «Форма обновления записи». Объект данных добавляет на страницу HTML-форму и поведение сервера «Обновить запись».

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

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

Примечание.

Одновременно страница обновления может содержать только одно поведение сервера для редактирования записей. Например, к странице обновления невозможно добавить поведение сервера «Вставить запись» или «Удалить запись».

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

    Открывается диалоговое окно «Форма обновления записи».

  2. Во всплывающем меню «Подключение» выберите подключение к базе данных.

    Для определения подключения нажмите кнопку «Определить».

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

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

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

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

    Можно также изменить порядок объектов HTML-формы. Для этого выберите объект формы в списке и используйте кнопки со стрелками вверх и вниз, расположенные с правой стороны диалогового окна.

  8. Задайте порядок отображения в HTML-форме всех полей ввода данных. Для этого щелкните строку в таблице «Поля формы» и введите в поля ниже таблицы следующие данные.
    • В поле «Метка» введите понятную надпись, которая будет отображаться рядом с полем ввода данных. По умолчанию Dreamweaver отображает в метке имя столбца таблицы.

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

    Примечание.

    Скрытые поля добавляются в конец формы.

    • Во всплывающем меню «Отправить как» выберите формат данных, соответствующий таблице базы данных. Например, если столбец таблицы предназначен для числовых данных, выберите «Число».
    • Задайте свойства объекта формы. Параметры различаются в зависимости от объекта формы, выбранного в качестве поля ввода данных. Для текстовых полей, областей и текста можно задать начальное значение. Для меню и групп переключателей открывается диалоговое окно задания свойств. Для параметров выберите пункт «Установлен» или «Снят».  
  9. Задайте свойства других объектов формы. Для этого выберите другую строку «Поля формы» и введите метку, укажите значения для параметров «Показать как» и «Отправить как».

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

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

    Dreamweaver добавляет к странице HTML-форму и поведение сервера «Обновить запись».

    Объект данных добавляет на страницу HTML-форму и поведение сервера «Обновить запись». Объекты формы размещаются в основной таблице, настроить которую можно с помощью инструментов дизайна Dreamweaver. (Убедитесь, что все объекты формы находятся в пределах границы формы.)

    Для изменения поведения сервера откройте панель «Поведение сервера» («Окно» > «Поведение сервера») и дважды щелкните поведение «Обновить запись».

Параметры «Свойства элемента формы»

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

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

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

Логотип Adobe

Вход в учетную запись