Formularz Zaawansowany

Formularz w aplikacji webowej umożliwia użytkownikowi dodawanie lub modyfikowanie danych w systemie. Wersja zaawansowana formularza dostarcza szereg różnorodnych komponentów pozwalających na zapis niemal dowolnego rodzaju danych. Znajdziesz tutaj zarówno listy, checkboxy, radio buttony, jak również slider, czy edytor WYSYWIG.

W przypadku, gdy interesuje Cię nauka programowania aplikacji webowej w Springu od A do z, odwiedź kurs z pełną wersją aplikacji.

Komponenty list jednokrotnego i wielokrotnego wyboru

Komponenty wyboru daty i czasu

Komponenty wyboru dat potrafią być skomplikowane i mało czytelne, dlatego też aby rozwiązać ten problem, zostały wydzielone do osobnych dyrektyw z własnym kodem HTML. Data jest ustawiana z poziomu kalendarza niezależnie od czasu. Podczas zapisu jest łączona w jeden obiekt wraz z czasem, a podczas odczytu ponownie jest wyodrębniana do dwóch komponentów. Czas można ustawiać o dowolny, zależny od konfiguracji, skok (np. co 15 minut).

Grupy komponentów typu radio i checkbox

Komponenty typu radio zostały powiązane z Java Enum i w ten sposób są odbierane po stronie kontrolera Springa. Checboxy natomiast operują na danych zawartych w bazie. Dzięki temu zabiegowi pokazujemy jak funkcjonują różne rozwiązania realizujące zapis i odczyt danych w ramach tych komponentów. Warto również wspomnieć, żę pełna obsługa checkboxów w AngularJS bywa problematyczna i dlatego oparliśmy ją o dodatkową dyrektywę checklist-model.

Edytor WYSYWIG i wybór obrazka z ograniczeniem rozmiaru

Edytor zapisuje w bazie znaczniki HTML. W przypadku wczytywania tak zapisanych danych pozwala to na łatwe odtworzenie formatowania. Grafika wybierana za pomocą okna wyboru plików jest walidowana pod kątem rozmiaru oraz typu. W przypadku braku spełnienia reguł walidacyjnych użytkownik otrzymuje stosowny komunikat.

Walidacja komponentów i podgląd po zapisie

Po poprawnym przejściu walidacji i zapisie elementów dostępny jest automatyczny podgląd dodanych rekordów. Najnowszy rekord pojawia się z labelem new! i jest widoczny do momentu kolejnego odświeżenia podglądu. Zapis danych formularza odbywa się poprzez wysłanie na serwer żądania z dwoma parametrami. Jednym jest faktyczny obiekt ze wszystkimi danymi, a drugim jest obrazek przyjmowany przez kontroler Springa w postaci obiektu implementującego interfejs MultipartFile.

Tutorial z kodem

W ramach modułu otrzymujesz tutorial (33 strony) wraz z kodem źródłowym projektu.

Pobierz cały zestaw, rozpakuj go, uruchom i rozpocznij naukę.

Trwa przygotowywanie Twojej paczki...

Kupuję i akceptuję Regulamin zakupów

Wyrażam zgodę na dostarczenie treści cyfrowych przed upływem terminu do odstąpienia od umowy oraz oświadczam, że zostałem poinformowany o utracie przysługującego mi prawa odstąpienia od umowy zgodnie z Regulaminem Serwisu Internetowego javappa.com.

Wypróbuj za darmo w naszej aplikacji

Appa Notka. Oglądana strona Formularz Zaawansowany jest archiwalna! Teraz możesz w całości nauczyć się programować aplikacje webowe w Springu. Zajrzyj do naszego nowego Kurs Aplikacji Web - Mega pakiet. Po raz pierwszy w polskim internecie, tylko w naszym portalu tak rozbudowany kurs tworzenia aplikacji webowej na podstawie gotowej aplikacji, którą ściągniesz na swój komputer. Implementacja krok po kroku, drogowskazy do miejsc, w których uzupełnisz wiedzę teoretyczną, a także inne pomocne rozwiązania.

Kurs inny niż wszystkie. Jako pierwsi uczymy na pełnym kodzie prawdziwej aplikacji webowej.

Zapisz się do newslettera :

Stale się rozwijamy, a więc bądź na bieżąco!
Na ten adres będziemy przesyłać informacje o ważniejszych aktualizacjach, a także o nowych materiałach pojawiających się na stronie.

Polub nas na Facebooku:

Nasi partnerzy:

stackshare

Javappa to również profesjonalne usługi programistyczne oparte o technologie JAVA. Jeśli chesz nawiązać z nami kontakt w celu uzyskania doradztwa bądź stworzenia aplikacji webowej powinieneś poznać nasze doświadczenia.
Kliknij O nas .

Starter Jak to działa Aplikacja

Obserwuj nas Polityka Cookies Regulamin Licencja Ochrona prywatności

Pozycjonowanie stron: Grupa TENSE