2013-10-04 11 views
5

Próbuję zrobić stronę internetową, która pozwala na formularz rejestracyjny, a także formularz logowania. Mam wszystkie ustawienia HTML i CSS, ale potrzebuję php do obsługi formularza. Potrzebuję go również zatwierdzić.Jak utworzyć plik register/login.php dla mojej witryny?

Poniżej znajduje się kod forma do formularza logowania:

<form action="login.php" autocomplete="on"> 
    <h1>Log in</h1> 
    <p> 
      <label for="username" class="uname" data-icon="u" >Username:</label> 
      <input id="username" name="username" required="required" type="text" placeholder="Username"/> 
    </p> 
    <p> 
      <label for="password" class="youpasswd" data-icon="p">Password:</label> 
      <input id="password" name="password" required="required" type="password" placeholder="Password" /> 
    </p> 
    <p class="keeplogin"> 
      <input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> 
      <label for="loginkeeping">Keep me logged in</label> 
    </p> 
    <p class="login button"> 
      <input type="submit" value="Login" /> 
    </p> 
</form> 

A regsister forma:

<form action="register.php" autocomplete="on"> 
    <h1> Sign up </h1> 
    <p> 
     <label for="firstnamesignup" class="fname" data-icon="u">First Name:</label> 
     <input id="firstnamesignup" name="firstnamesignup" required="required" type="text" placeholder="First" /> 
    </p> 
    <p> 
     <label for="lastnamesignup" class="lname" data-icon="u">Last Name:</label> 
     <input id="lastnamesignup" name="lastnamesignup" required="required" type="text" placeholder="Last" /> 
    </p> 
    <p> 
     <label for="usernamesignup" class="uname" data-icon="u">Username:</label> 
     <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="Username" /> 
    </p> 
    <p> 
     <label for="passwordsignup" class="youpasswd" data-icon="p">Password:</label> 
     <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="Password"/> 
    </p> 
    <p> 
     <label for="passwordsignup_confirm" class="password" data-icon="p">Confirm Password:</label> 
     <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="Password"/> 
    </p> 
    <p> 
     <label for="emailsignup" class="youmail" data-icon="e" >Email:</label> 
     <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="[email protected]"/> 
    </p> 
    <p> 
     <label>Date of Birth:</label> 
     <select name="month" onChange="changeDate(this.options[selectedIndex].value);"> 
     <option value="na">Month</option> 
     <option value="1">January</option> 
     <option value="2">February</option> 
     <option value="3">March</option> 
     <option value="4">April</option> 
     <option value="5">May</option> 
     <option value="6">June</option> 
     <option value="7">July</option> 
     <option value="8">August</option> 
     <option value="9">September</option> 
     <option value="10">October</option> 
     <option value="11">November</option> 
     <option value="12">December</option> 
     </select> 
     <select name="day" id="day"> 
     <option value="na">Day</option> 
     </select> 
     <select name="year" id="year"> 
     <option value="na">Year</option> 
     </select> 
     <script language="JavaScript" type="text/javascript"> 
     function changeDate(i){ 
     var e = document.getElementById('day'); 
     while(e.length>0) 
     e.remove(e.length-1); 
     var j=-1; 
     if(i=="na") 
     k=0; 
     else if(i==2) 
     k=28; 
     else if(i==4||i==6||i==9||i==11) 
     k=30; 
     else 
     k=31; 
     while(j++<k){ 
     var s=document.createElement('option'); 
     var e=document.getElementById('day'); 
     if(j==0){ 
     s.text="Day"; 
     s.value="na"; 
     try{ 
     e.add(s,null);} 
     catch(ex){ 
     e.add(s);}} 
     else{ 
     s.text=j; 
     s.value=j; 
     try{ 
     e.add(s,null);} 
     catch(ex){ 
     e.add(s);}}}} 
     y = 1998; 
     while (y-->1908){ 
     var s = document.createElement('option'); 
     var e = document.getElementById('year'); 
     s.text=y; 
     s.value=y; 
     try{ 
     e.add(s,null);} 
     catch(ex){ 
     e.add(s);}} 
     </script> 
    </p> 
    <p> 
     <label>Gender:</label> 
     <select name="Gender"> 
     <option value="male">Male</option> 
     <option value="female">Female</option> 
     </select> 
    </p> 
    <p class="signin button"> 
    <input type="submit" value="Register"/> 
    </p> 
</form> 

Jedyne co potrzebujesz pomocy jest tworzenie/edycję login.php i zarejestrować Pliki .php. Dzięki za pomoc!

Odpowiedz

14

To, co masz, to w zasadzie "front end" (strona klienta), czyli HTML, CSS i JS. Teraz potrzebujesz "zaplecza" (po stronie serwera), który jest bazą danych, SQL i PHP.

Dlaczego potrzebujesz bazy danych?

Potrzebujesz bazy danych do przechowywania poświadczeń użytkownika podczas rejestracji. Również potrzebujesz DB, aby porównać wprowadzone poświadczenia z tymi, które masz w DB za każdym razem, gdy ktoś próbuje się zalogować.

Co to jest PHP?

PHP jest językiem skryptowym ogólnego zastosowania o otwartym kodzie źródłowym. Pomyśl o tym jak o kodzie po stronie serwera. Twoi użytkownicy nie mają dostępu do twojego kodu PHP (w przeciwieństwie do HTML, CSS i JS, który jest dostępny/dostępny dla wszystkich do obejrzenia).

Nie dostarczę ci przykładowego kodu, ponieważ istnieją nieskończone samouczki do tego. Zobacz niektóre poniżej. Wiele z nich zawiera szczegółowe instrukcje dotyczące tworzenia/konfigurowania bazy danych, tabel itd., Więc to Ty musisz postępować krok po kroku i dokończyć projekt.

  1. http://www.phpeasystep.com/phptu/6.html
  2. http://php.about.com/od/finishedphp1/ss/php_login_code.htm
  3. http://www.wikihow.com/Create-a-Basic-Login-Script-in-PHP
  4. http://www.homeandlearn.co.uk/php/php14p2.html
  5. http://phpsnips.com/4/Simple-User-Login#.Uk41QYZmi-0
  6. http://www.html-form-guide.com/php-form/php-login-form.html

Nadzieja to pomaga. Powodzenia w projekcie :)

+0

Dziękuję bardzo! –

2

Powinieneś dołączyć metodę = "post" do tagów formularza. Następnie możesz uzyskać dostęp do pól tekstowych ze zmienną $ _POST ["']. (W cudzysłowach umieść identyfikator pola tekstowego, do którego chcesz uzyskać dostęp)

Tak jak napisano, powinieneś przeczytać kilka samouczków lub kupić książkę. Książka O'Reilly'ego na ten temat okazała mi się bardzo pomocna i praktyczna.

+0

Sprawdzę tę książkę ... dzięki za odpowiedź! –

1

Formularz można przesłać za pomocą metody $ _POST. Przesłane dane są sprawdzane, np. Do rejestracji musimy zweryfikować nazwę użytkownika lub adres e-mail już istnieje w bazie danych. Wszystkie te sprawdzenia muszą być wykonane w php, tj. Po walidacji po stronie serwera. Możesz także użyć sprawdzania poprawności strony klienta za pomocą javascript/jquery. Musisz użyć ich obu, używając sprawdzania js/jquery, sprawdzanie poprawności działa szybciej, gdy działa po stronie przeglądarki. Ale javascript można wyłączyć z przeglądarki, więc musisz również użyć walidacji po stronie serwera php.Sprawdź poniższe przykłady, dzięki którym uzyskasz lepszy pomysł.

http://forum.codecall.net/topic/44787-creating-loginregistration-forms-with-php/

http://tutorialzine.com/2009/10/cool-login-system-php-jquery/

1

Pierwszy dodać method = "post" tagów formularza, aby. Dzięki temu formularz może wysłać wysłane dane do pliku login.php i register.php.

Teraz wystarczy napisać kod w register.php i login.php, aby obsłużyć dane.

Jeśli potrzebujesz php, powinieneś najpierw zrobić kilka podstawowych samouczków PHP. Zacząłbym w codecademy, gdybym był tobą. Po zakończeniu tego krótkiego kursu po prostu przejrzyj samouczek na temat YOUTUBE .

na youtube istnieje kanał o nazwie "phpacademy". Dostali sporo przejrzystych tutoriali php, jak stworzyć rejestr i system logowania do swojej strony. Nauczysz się ton z tego oglądania, a będziesz mógł napisać taki system jak twój!

Powodzenia!

Powiązane problemy