jQuery 아약스와 PHP로 로그인 시스템

이 articollo 우리는 에이 잭스 기반의 사용자 인증의 전체 시스템을 만드는 방법을 볼 수 있습니다.

우리의 목표를 ​​달성하기 위해 우리는 데이터 stirage 사용자 액세스에 대한 jQuery 라이브러리 (우리는 클라이언트 측 개발을위한 인생을 쉽게하는), 서버 쪽 작업을 위해 어떤 언어 PHP와 MySQL을 사용합니다.

데이터베이스

언급했듯이 우리는 사용자의 로그인 자격 증명을 저장하는 MySQL을 사용합니다. :이를 위해, 그러므로, 우리는 다음과 같이 구성된 테이블 "사용자"를 필요

• ID - INT (20), 기본 키, 자동 증가
• 사용자 이름 - varchar (100)
• 비밀 번호 - varchar (100)

오픈 따라서 phpMyAdmin (또는 MySQL의 관리에 대한 다른 소프트웨어)와 지정된 필드 테이블을 만듭니다.

"ID"우리는 암호 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"> </ 사업부> </ TD> </ TR>



  



 </ TABLE>







 </ 폼>

CSS의 핀치

우리의 일을 이뻐요하기 위해서는 우리는 CSS의 몇 줄 필요합니다.
물론, 스타일 시트의 모든 측면은 여러분의 필요에 맞게 맞출 수 있습니다 :

 사업부







 입력 {



  



 글꼴 가족 :이 Arial, verdana;



  



 글꼴 크기 : 12px;

  





 }







 . 정답,







 . 오류 {



  



 패딩 : 3px;



  



 텍스트 정렬 : 센터;







 }







 . 정답,







 . 오류 {



  



 폭 : 자동;



  



 글꼴 무게 : 굵게;



  



 테두리 : 1px 고체 # 349534;



  



 배경 : # C9FFCA;



  



 색상 : # 008000;







 }







 . 오류 {



  



 테두리 : 1px 고체 # CC0000;



  



 배경 : # F7CBCA;



  



 색상 : # CC0000;







 }

• <<
• 1
• 2
• >>