Цель этого руководства — продемонстрировать, как использовать Javascript для реализации функции «запомнить меня».
Для процесса входа и выхода я буду использовать PHP и MySQL в качестве серверной части и HTML, CSS и Bootstrap в качестве интерфейса.
Как работает «Помни меня»?
Установив флажок «Запомнить меня», ваш браузер сохранит файл cookie, чтобы в следующий раз, когда вы вернетесь на сайт, вы автоматически вошли в систему, если закроете окно, не выходя из него.
Начало работы
Структура каталогов моего проекта показана ниже:
Прежде всего, мы создадим файл подключения к базе данных для связи и хранения зарегистрированных пользователей.
Как вы можете видеть на скриншоте выше, я создал папку dbconnection, внутри которой присутствует моя логика подключения.
Приведенный ниже фрагмент кода поможет вам написать соединение с базой данных с помощью PHP.
Теперь мы создадим страницу регистрации пользователя, чтобы, если пользователь отсутствует, он мог зарегистрироваться сам.
На скриншоте ниже показано, как будет выглядеть наша страница регистрации:
Приведенный ниже фрагмент кода поможет вам создать страницу регистрации, а также как сохранить зарегистрированного пользователя в нашей базе данных MySQL.
Когда мы нажмем «Отправить», действие начнется со строки номер 42 и проверит нулевые значения.
Предположим, если мы не введем адрес электронной почты или пароль, то он не позволит вам зарегистрироваться.
Теперь мы создадим страницу входа пользователя, чтобы пользователь мог войти в систему, и если адрес электронной почты и пароль верны, он будет перенаправлен на страницу приветствия.
На скриншоте ниже показано, как будет выглядеть наша страница входа:
Теперь мы увидим, как реализовать функцию «запомнить меня» с помощью javascript.
В каталоге нашего проекта мы создали папку с именем «js», внутри этой папки мы создадим файл с именем «script.js».
Фрагмент кода ниже поможет вам создать функцию «Запомнить меня» с помощью javascript:
Теперь на нашей странице входа в систему, которая является файлом «index.php», мы должны включить этот файл «script.js», чтобы функция вызывалась всякий раз, когда мы используем флажок «Запомнить меня».
давайте создадим файл «index.php» и реализуем страницу входа и логику для проверки пользователя и входа в систему.
Фрагмент кода ниже поможет вам проверить и подтвердить пользователя и логин.
Как мы все видим, в строке номер 14 я добавил файл «script.js», чтобы использовать функцию «запомнить меня».
И после ввода имени пользователя и пароля, когда пользователь сначала нажмет на вход, он проверит адрес электронной почты и пароль, введены они или нет.
Также от строки 61 до строки 69, которая содержит логику для проверки того, что пользователь ввел правильный адрес электронной почты и пароль или нет, если он неправильный, то просто появится всплывающее предупреждение о том, что пароль неверен, и если все правильно, мы создадим сеанс, и он будет перенаправлен на страницу приветствия и распечатает электронную почту пользователя, который вошел в систему.
Фрагмент кода ниже поможет вам создать страницу приветствия:
И, наконец, мы реализуем логику для уничтожения сеанса и предоставления пользователю возможности выйти из системы.
Фрагмент кода ниже поможет вам реализовать функцию выхода из системы:
Скриншоты ниже помогут понять процесс:
Теперь здесь, как только мы нажмем «Выйти», поля ввода для электронной почты и пароля на странице входа будут автоматически заполнены с использованием файлов cookie браузера.
Вот и все, как вы видите, мы реализовали функцию входа, выхода и функции «Запомнить меня» с помощью PHP, MySQL и JavaScript.
Если у вас есть какие-либо вопросы или отзывы, не стесняйтесь писать свои мысли в разделе комментариев/ответов.
Пожалуйста, посетите https://github.com/kodefyi/Remember_me.git
~ Амит Шарма