Войти системы с JQuery Ajax и PHP

В этом articollo мы увидим, как создать полную систему Ajax основе аутентификации пользователей.

Для достижения нашей цели мы используем JQuery библиотеку (которая делает жизнь легче для нас, чтобы развивать на стороне клиента), на каком языке PHP для серверных операций и MySQL для доступа пользователей stirage данных.

Базы данных

Как уже говорилось, мы будем использовать MySQL для хранения учетных данных пользователей Логин. С этой целью, следовательно, мы должны стол «пользователей» организована следующим образом:

• ID - INT (20), первичный ключ, автоматическое приращение
• имя пользователя - VARCHAR (100)
• пароль - VARCHAR (100)

Открытие, таким образом, PhpMyAdmin (или любого другого программного обеспечения для управления MySQL) и создать таблицу с полями указан.

Цель поле считаем, что это абсолютно ясно: "идентификатор" является уникальным идентификатором, в "Имя пользователя" мы собираемся записать имя пользователя и, наконец, в "пароль" мы собираемся сохранять пароли пройти dopoaverle md5 () функцию.

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

HTML-формы

Чтобы создать Войти нам форме, конечно, HTML форме. Давайте проследим код нашей формы:

 <form method="post" id="modulo_login" />



  



 <table border="0">



  



 <tr> <td> Имя пользователя: </ TD> <входной <td> имя = "Имя пользователя" тип = "текст" ID = "Имя пользователя" MaxLength = "10" стиль = "ширина: 250px" /> </ TD> </ TR>



  



 <tr> <td> Пароль: </ TD> <входной <td> имя = "пароль" Тип = "пароль" ID = "пароль" MaxLength = "10" стиль = "ширина: 250px" /> </ TD> </ TR>



  



 <tr> <td> <input type="submit" id="submit" value="Entra" /> </ TD> <дел <td> ID = "messaggio"> </ P> </ TD> </ TR>



  



 </ TABLE>







 </ FORM>

Щепоткой CSS

Для того, чтобы хорошо выглядеть в нашей работе нам необходимо несколько строк CSS.
Конечно, все аспекты стилей могут быть приспособлены к вашим потребностям:

 дел







 вход {



  



 семейство шрифтов: Arial, Verdana;



  



 размер шрифта: 12px;

  





 }







 . Правильно,







 . Ошибка {



  



 обивка: 3px;



  



 выравнивания текста: центр;







 }







 . Правильно,







 . Ошибка {



  



 ширина: авто;



  



 начертание шрифта: жирный;



  



 границы: 1px твердых # 349534;



  



 фон: # C9FFCA;



  



 цвет: # 008000;







 }







 . Ошибка {



  



 границы: 1px твердых # CC0000;



  



 фон: # F7CBCA;



  



 цвет: # CC0000;







 }

• <<
• 1
• 2
• >>