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

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

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

О страницах входа

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

Страница входа состоит из следующих блоков.

  • Таблица базы данных зарегистрированных пользователей

  • HTML-форма для ввода имени пользователя и пароля

  • Поведение сервера «Вход пользователя» для проверки действительности введенного имени пользователя и пароля

    Переменная сеанса, состоящая из имени пользователя, создается для пользователя при успешном входе в систему.

Создайте таблицу базы данных зарегистрированных пользователей

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

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

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

Добавьте HTML-форму для входа пользователей в систему

Вы добавляете HTML-форму на страницу, чтобы позволить пользователям войти в систему, введя имя пользователя и пароль.

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

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

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

Вам не нужно указывать атрибут action или method для формы, чтобы указать ей, где и как отправить данные записи при нажатии пользователем кнопки «Отправить».Серверное поведение «Вход пользователя» устанавливает эти атрибуты для вас.

Добавьте в форму текстовые поля для имени пользователя и пароля (Вставка > Форма > Текстовое поле).

Добавьте метки (в виде текста или изображений) рядом с каждым текстовым полем и выровняйте текстовые поля, разместив их внутри HTML-таблицы и установив атрибут border таблицы равным 0.

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

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

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

Проверка имени пользователя и пароля

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

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

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

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

Задайте страницу, которая будет открываться при успешном входе.

Это, как правило, экран приветствия сайта.

Задайте страницу, которая будет открываться при неудачном входе.

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

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

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

Примечание

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

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

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