Ćwiczenia 12 - Tworzenie nowoczesnych aplikacji internetowych
Table of Contents
1. Interaktywny formularz logowania (10pkt)
Utwórz serwer HTTP, który wyświetla formularz logowania po
odwiedzeniu strony /zaloguj.
Formularz ma mieć dwa pola - login (typu "text") i hasło (typu
"password"). Zakładamy, że jest jeden użytkownik i ma login
admin i hasło adminadmin.
Jeżeli użytkownik wpisze złe hasło, to wyświetla sie komunikat "wpisałeś zły login lub hasło" i ponownie wyświetla sie formularz logowania. Pole do wpisania loginu ma być uzupełnione tą wartością, którą ostatnio podał użytkownik, a pole do hasła ma być puste.
Jeżeli użytkownik poda prawidłowy login i hasło, wyświetlamy komunikat "witam zalogowanego użytkownika".
Porady
Do obsługi body zapytań POST można użyć biblioteki
body-parser.
Trzeba ją zainstalować tak, aby znalazła sie w package.json.
Importujemy ją w nastepujący sposób:
const bodyParser = require("body-parser"); // ... app.use(bodyParser.urlencoded({ extended: true })); // <- przed app.post
Aby ustawić wartość pola, możemy użyć atrybutu `value`.
Przykładowo: aby stworzyć input, który po wyświetleniu strony ma od razu wpisaną wartość "abc":
<input type="text" value="abc"/>