Пријавите систем са јКуери Ајакс и ПХП

У овом артицолло ћемо видети како да креирате комплетан систем Ајакс-базираног корисничког аутентификацију.

Да би се постигао наш циљ користимо јКуери библиотеку (што чини живот лакшим за нас да се развије на страни клијента), на ком језику ПХП-у сервер-сиде операције и МиСКЛ података стираге приступа корисника.

Базе података

Као што је поменуто ћемо користити МиСКЛ за складиштење акредитиве корисника пријављивање. У том смислу, дакле, морамо табелу "корисници" организован на следећи начин:

• ИД - инт (20), примарни кључ, ауто-инцремент
• Корисничко име - варцхар (100)
• Лозинка - варцхар (100)

Отвори, дакле, пхпМиАдмин (или било који други софтвер за управљање МиСКЛ) и створити табелу са пољима назначено.

Сврха поља верујем да је апсолутно јасно: "ИД" је јединствени идентификатор, у "Корисничко име" ћемо да забележи име корисника и, коначно, у "Пассворд" ми ћемо да сачувате лозинке прође кроз допоаверле МД5 () функцију.

За потребе овог чланка није материјал за стварање страна регистрацију корисника. Нека авои боцман, дакле, да бисте попунили базу података са неким тест података.

ХТМЛ форму

Да бисте креирали логин форму морамо, наравно, ХТМЛ форму. Хајде да следе кодекс наш формулар:

 <форм МЕТХОД="ПОСТ" ид="модуло_логин" />



  



 <табле бордер="0">



  



 <тр> Корисничко име: </ тд> <улаз <тд> наме = "Корисничко име" типе = "тект" ид = "Корисничко име" макленгтх = "10" стиле = "видтх: 250пк" /> </ див> </ див>



  



 <тр> Лозинка: </ тд> <улаз <тд> наме = "Лозинка" типе = "пассворд" ид = "Лозинка" макленгтх = "10" стиле = "видтх: 250пк" /> </ див> </ див>



  



 <тр> <инпут типе="субмит" ид="субмит" валуе="Ентра" /> </ див> <див ид = <тд> "поруку"> </ див> </ тд> </ тр>



  



 </ Табле>







 </ Образац>

Прстохват ЦСС

У циљу изгледа лепо у наш рад нам је потребан пар редова ЦСС-а.
Наравно, све аспекте стила могу да се прилагоде да одговарају вашим потребама:

 п







 улаз {



  



 фонт-фамили: Ариал, Вердана;



  



 фонт-сизе: 12пк;

  





 }







 Тачан.







 Грешка. {



  



 паддинг: 3пк;



  



 тект-алигн: центер;







 }







 Тачан.







 Грешка. {



  



 уидтх: ауто;



  



 фонт-веигхт: болд;



  



 бордер: 1пк солид # 349534;



  



 бацкгроунд: # Ц9ФФЦА;



  



 цолор: # 008000;







 }







 Грешка. {



  



 бордер: 1пк солид # ЦЦ0000;



  



 бацкгроунд: # Ф7ЦБЦА;



  



 цолор: # ЦЦ0000;







 }

• <<
• 1
• 2
• >>