Цель этого руководства — продемонстрировать, как использовать 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

~ Амит Шарма