System logowania PHP MySQL

System logowania PHP MySQL

W tym temacie dowiemy się jak stworzyć system logowania PHP MySQL przy pomocy PHP i bazy danych MySQL. Istnieje kilka kroków tworzenia systemu logowania z bazą danych MySQL.

Zanim utworzymy system logowania, musimy najpierw poznać wymagania wstępne, aby utworzyć moduł logowania.

Wymagania

  • Aby stworzyć system logowania powinniśmy znać HTML, CSS, PHP i MySQL.
  • Edytor tekstu – do pisania kodu. Możemy użyć dowolnego edytora tekstu, takiego jak Notatnik, Notepad++, Dreamweaver itp.
  • XAMPP - XAMPP jest oprogramowaniem wieloplatformowym, co oznacza Cross-platform(X) Apache server (A), MySQL (M), PHP (P), Perl (P). XAMPP to kompletny pakiet oprogramowania, więc nie musimy instalować ich wszystkich osobno.

Konfiguracja środowiska

Teraz musimy uruchomić serwer WWW i utworzyć pliki dla systemu logowania. Poniżej przedstawiono kilka kroków umożliwiających skonfigurowanie środowiska.

  • Otwórz Panel sterowania XAMPP.
  • Uruchom serwer Apache, klikając przycisk Start.
  • Uruchom MySQL, klikając przycisk Start.
  • Utwórz wszystkie pliki potrzebne do logowania.
  • Utwórz tabelę logowania w bazie danych za pomocą phpMyAdmin w XAMPP.

Teraz utworzymy tutaj cztery pliki dla systemu logowania.

    indeks.html - Ten plik jest tworzony dla widoku GUI strony logowania i sprawdzania poprawności pustych pól. styl.css - Plik ten tworzony jest w celu atrakcyjnego wyglądu formularza logowania. połączenie.php - Plik połączenia zawiera kod połączenia umożliwiający łączność z bazą danych. uwierzytelnianie.php - Plik ten sprawdza poprawność danych formularza z bazą danych przesłaną przez użytkownika.

Zapisz wszystkie te pliki w folderze htdocs w folderze instalacyjnym Xampp. Szczegółowy opis i kod tych plików omówiono poniżej.

indeks.html

Na początek musimy zaprojektować formularz logowania, tak aby użytkownik serwisu mógł z nim wchodzić w interakcję. Ten formularz logowania jest tworzony przy użyciu HTML i zawiera również walidację pustego pola napisaną w JavaScript. Poniżej znajduje się kod pliku Index.html:

 PHP login system // insert style.css file inside index.html '; } ?>  

Jak uruchomić formularz logowania?

  • Aby uruchomić formularz logowania, otwórz panel sterowania xampp i uruchom serwer Apache i PHP.
  • Teraz wpisz localhost/xampp/nazwę folderu/nazwę pliku w przeglądarce i naciśnij klawisz Enter.
  • Cała konfiguracja została już wykonana. Wpisz nazwę użytkownika i hasło w formularzu logowania i kliknij przycisk logowania.
System logowania PHP MySQL
  • Tutaj wstawiliśmy niepoprawną nazwę użytkownika, przez co użytkownik nie będzie mógł się zalogować, co spowoduje błąd logowania.

Wyjście:

System logowania PHP MySQL
  • Teraz podamy poprawną wartość w nazwie użytkownika i haśle. Zatem użytkownik zostanie pomyślnie zalogowany. Zobacz poniższy przykład.
System logowania PHP MySQL

Wyjście

System logowania PHP MySQL