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.
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.
- 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:
- Teraz podamy poprawną wartość w nazwie użytkownika i haśle. Zatem użytkownik zostanie pomyślnie zalogowany. Zobacz poniższy przykład.
Wyjście