W pierwszym rozdziale przygotowującym do implementacji kodu Twoim zadaniem jest poznanie podstaw
stworzenia prostego formularza do rejestracji użytkownika oraz formularza do
zarządzania kontem. Ten drugi formularz umożliwi
nam modyfikację podstawowych danych użytkownika (imię, nazwisko, profil, hasło) w aplikacji.
Będzie on niemal identyczny, jak formularz rejestracyjny,
z tym że zostanie rozbudowany o dodatkowe pole (zielona ramka na drugim zdjęciu poniżej).
Wszystkie informacje podane podczas rejestracji będzie można wyedytować, ale
podczas edycji w panelu zarządzania, zmiana hasła będzie dodatkowo wymagała podania oryginalnego hasła.
Formularz rejestracji
Formularz edycji w panelu zarządzania kontem
Cele naszej implementacji:
- Przygotowanie formularza html wraz z komponentem Angular
- Dodanie obsługi akcji użytkownika (rejestracja i edycji danych) w Angularze
- Przesłanie danych z serwisu Angulara na serwer do kontrolera w Springu
- Modyfikacja danych w bazie za pomocą Springa i Hibernate
- Przesłanie odpowiedzi zwrotnej o powodzeniu akcji z kontrolera Spring MVC do przeglądarki
- Wyświetlenie komunikatu o powodzeniu operacji
Appa Notka.
Rozdział ten przedstawia ogólny zarys zagadnień, których będziesz się uczył w tej części kursu.
Poznasz tutaj ...
Terminologia
W tutorialu przyjeliśmy zasadę, zgodnie z którą zachowujemy anglojęzyczną wersję charakterystycznych
i powszechnie znanych określeń używanych w kontekście programowania
(w szczególności programowania aplikacji webowych). Mowa tu o słowach takich jak:
frontend (interfejs użytkownika), backend (warstwa serwerowa), request (żądanie),
response (odpowiedź)
...
Starter
Zaczniemy od strony frontendu, czyli tego, co dzieje się po stronie przeglądarki.
Przygotowanie formularza nastąpi w dwóch wersjach.
Pierwsza - rejestracyjna, będzie zawierała kilka komponentów do wprowadzenia tekstów (email, profil, hasło, itp.).
Druga - edycyjna, będzie zawierała dokładnie to samo plus dodatkowy komponent do podawania starego hasła
...