Как создать форму регистрации на сайте

Одним из наиболее важных элементов любого интернет-проекта является безопасная система авторизации и регистрации. Для ее создания принято использовать PHP и MySQL.

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

Данная статья позволит понять, как создается самая обычная система авторизации и регистрации посетителей сайта посредством PHP и MySQL.

Ресурсы для создания системы

Для создания нижеописанной системы понадобятся такие ресурсы:

  • кроссплатформенная сборка веб-сервера Xampp, содержащая Apache, MySQL и интерпретатор скриптов PHP;
  • понимание основ PHP, CSS и HTML;
  • желание научиться чему-то новому и интересному.

Настройка сервера

Для создания данных систем подойдет любой хостинг, поддерживающий как минимум PHP 5.3 и MySQL 4.1.3. В качестве веб-сервера может использоваться Xampp.

MySQL

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

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

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

Далее приступаем к разметке и указанию CSS-стилей. После этого переходим к написанию PHP-кода.

Разметка

Для разметки используется 3 файла, сохраненные в PHP. Таким образом, выполняется создание программы сценариев работы сервера.

Первый шаг – создание login.php. В этот файл необходимо вставить следующий код:

В результате исполнения кода будет получен следующий результат:

Затем выполняется создание register.php. В этот файл нужно добавить следующий код:

В результате исполнения этого кода будет получен такой результат:

На следующем этапе выполняется создание intropage.php. Этот файл будет использоваться как страница приветствия пользователя:

В результате исполнения кода на экране появится следующее сообщение:

CSS

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

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

Многоразовые элементы

Далее необходимо задействовать так называемые многоразовые элементы: разделы заголовков и подавала. Для этого в корневом каталоге создается папка под названием includes.

В этой папке будут храниться все включаемые файлы. Далее в ней следует создать «хедер». Раздел заголовка следует скопировать и вставить во все 3 PHP-файла. В результате данного действия получится следующий код:

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

Такое же действие необходимо выполнить и с «подвалом». Указанный код вставляется в «футер»:

Далее следует опять удалить скопированную ранее разметку во всех используемых PHP-файлах. Вместо нее следует вставить такой код:

Подключение к БД

На этом этапе создается constants.php. В него следует вставить такой код:

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

В includes следует создать connection.php. Он предназначен для хранения кодов подключения к БД. В него нужно вставить:

Конфигурация register

На этом этапе создается система регистрации. Это делается путем вставки в register.php.

Конфигурация login

Далее создается система авторизации. Для этого в login.php необходимо вставить:

В указанном примере осуществляется проверка на наличие установки сессии. Если этого не произошло, пользователь получит соответствующее сообщение с указанием ошибки. Альтернативный вариант – перенаправление на login.php.

Конфигурация intropage

Для обеспечения пребывания пользователя в системе в процессе перенаправления на intropage, необходимо вставить в этот файл:

Конфигурация logout

В завершение следует позаботиться об удалении сессии после выхода пользователя. Для этого в logout.php необходимо вставить:



Теги:
CSS php 
0

Оставить своё мнение

Ваш e-mail не будет опубликован. Обязательные поля помечены *