Создание формы на PHP – делаем свой сайт красивым!

Создание формы на PHP – делаем свой сайт красивым!

От автора: есть среди разработчиков уникумы, которые «программисты от Бога». Они также легко пишут код, как и читают его. Но все-таки они странные и «не отсюда»! Вот один такой уникум недавно сравнил хорошо сработанный сайт с красивой девушкой, потому что на такой ресурс (как и к девушке) хочется приходить снова и снова. В сегодняшнем материале мы рассмотрим создание формы PHP. И у красивой девушки, и у классного сайта все формы должны быть что надо!

Что будем ваять

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

Почему их не стоит реализовывать по отдельности? Ну, прежде все потому, что они тесно взаимосвязаны между собой. Оба модуля (регистрации и авторизации) используют одну и ту же таблицу в БД ресурса, в которую заносятся все сведения о новых пользователях сайта. А затем извлекаются (проверяются на соответствие) при авторизации.

Общий принцип действия функционала: сначала пользователь регистрируется через соответствующую форму. После заполнения всех полей данные отправляются для обработки на сервер, где заносятся в таблицу БД. При следующем заходе на ресурс юзер вводит указанные при регистрации логин и пароль. Их правильность проверяется путем выборки данных из таблицы. Если оба значения указаны правильно, то пользователь попадает на страницу приветствия. Иначе выдается сообщение о неправильном вводе пароля и логина. Начнем с создания формы регистрации PHP. Вот ее код HTML:

Бесплатный курс по PHP программированию

Освойте курс и создайте динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

Так созданная форма регистрации смотрится в браузере:

Остальная разметка

Так как создаваемые динамические формы PHP взаимосвязаны, то сразу «обнародую» и код следующей, предназначенной для авторизации:

Вот так эта форма выглядит в окне браузера.

Добавляем динамичности

Теперь настало время создать файлы проекта:

reg.php

log.php

enter.php

header.php

Начнем с последнего. Он поможет нам облегчить весь процесс создания формы авторизации на PHP. В него мы запишем используемую всеми тремя формами часть разметки HTML – раздел header:

Сохраните этот файл на сервере как header.php. Затем создайте все перечисленные выше файлы, но уже без раздела header. А вместо него вверху вставьте строку:

Бесплатный курс по PHP программированию

Освойте курс и создайте динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

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

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

Переходим к MySQL

Вот типы данных и названия таблицы, которую я создал через phpMyAdmin. Можно и с помощью команды CREATE TABLE, но через утилиту быстрее.

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

Настраиваем регистрацию

В файле reg.php располагается весь функционал для регистрации пользователей: форма и обработчик введенных в нее данных. При использовании связки PHP MySQL для создания и обработки форм значения всех полей, заполняемых пользователем и передаваемых на обработку, нужно предварительно «очистить». Для этого используется функция mysqli_real_escape_string (), которая «блокирует» все спецсимволы, содержащиеся в строке. Код файла:

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

Сверху нее отображаются все системные сообщения. При успешной регистрации можно добавить переход на страницу приветствия (enter.php). Для этого замените строку PHP:

на

Код файла enter.php:

Думаю, на сегодня достаточно. На основе приведенного примера вы легко сможете создать скрипт авторизации. Возможно, у вас получатся более роскошные формы для сайта :) .

Бесплатный курс по PHP программированию

Освойте курс и создайте динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

Разработка веб-приложения на PHP

Создайте веб-приложение на PHP на примере приема платежей на сайте

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (6)

  1. Fox

    Интересная статья

  2. kuznetsov021@gmail.com

    Все красиво! Но в эту бочку меда добавлю ложечку дегтю…
    Вот возьмем, например, поле ввода — имя и отчество. Все хорошо… однако между именем и отчеством имеется пробел и отправка формы ПОСТом обреже. ))))
    Конечно с помощью пхп можно сделать пару кульбитов и проблемма решена. Я то решил с помощью замены в строке пробела на &nbsp . Вопрос !!! А как эту проблему решить профессионально?

  3. Дмитрий

    А можно ли использовать данный подход для сайта на WordPress. Там же уже есть своя встроенная авторизация.

  4. Илья

    echo '
    window.location = "enter.php"
    '

    данный скрипт не работает. Какой скрипт лучше использовать? У меня в браузере firefox появляется код наверху над регистрацией. Как это убрать?

  5. anon

    и как сделать чтобы в enter.php показывало ноаого зарегестрированного пользователя

Добавить комментарий

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree