Vaadin Framework 8: Java Web UI Framework z ulepszonymi funkcjami

1. Nowa funkcja i ulepszenia w Vaadin Struktura 8
2. 1. Bootstrapping:
3. 2. Składniki Vaadin
4. Właściwości komponentu Vaadin
5. Właściwości rozmiaru Vaadin
6. Marginesy Składniki układu
7. Komponenty układu odstępów
8. Komponenty układu wyrównania
9. Niestandardowe składniki układu
10. 4. Tematy Vaadin
11. Motywy Sass
12. The styles.scss
13. 6. Wsparcie wiązania danych
14. 7. Wpływ na cechy Vaadin Framework
15. Dane logiki interfejsu użytkownika:
16. Łatwe rozszerzanie z Java i HTML5
17. Abstrakcja Tworzenie stron internetowych
18. 8. Vaadin Framework 8.1 Ulepszone aktualizacje:

Vaadin Framework to Środowisko Java Web UI dla aplikacji biznesowych, które są produktywne, jak również łatwa w użyciu biblioteka interfejsu użytkownika do tworzenia aplikacji internetowych w języku Java i JVM. Udostępnia komponenty interfejsu użytkownika wysokiego poziomu, aby oszczędzić Ci czasochłonnego programowania HTML, CSS i JavaScript. Struktura Vaadin pobudza niemal wszystkie technologie internetowe, które dają oparty na komponentach interfejs użytkownika do tworzenia tradycyjnych aplikacji desktopowych.

Platforma Vaadin odciąża również komunikację serwera i przeglądarki. Wykorzystuje podejście zorientowane obiektowo, aby improwizować małe elementy i układy interfejsu użytkownika do interfejsu użytkownika nasłuchiwania zdarzeń. Ułatwia to twórcom stron internetowych rozwijanie i ulepszanie interfejsu użytkownika i zaplecza. Platforma Vaadin jest jednym z najlepszych frameworków UI dla aplikacji internetowych. Posiada architekturę po stronie serwera, uruchamiając większość logiki programistycznej na serwerach, takich jak biblioteki JavaScript i rozwiązania wtyczek do przeglądarek.

Oferuje również technologię Ajax do uruchamiania po stronie przeglądarki, która zapewnia interaktywne wrażenia użytkownika. Po stronie klienta jest on rozszerzony o zestaw narzędzi internetowych google, który jest zestawem narzędzi open source, który pozwala programistom na utrzymywanie i tworzenie kompletnych złożonych aplikacji Java, a także aplikacji frontowych skryptów Java w Javie.

Nowa funkcja i ulepszenia w Vaadin Struktura 8

1. Bootstrapping:

Tworzenie aplikacji Vaadin za pomocą archetypów Maven. start.spring.io oferuje świetną opcję dla zależności Vaadina od projektów wiosennych. Netbeans i Eclipse IDE zawierają również pełne wtyczki do tworzenia aplikacji Vaadin. Możemy uzyskać dostęp do bieżących obiektów VaadinSession, VaadinService i VaadinServlet, a także do obiektu referencyjnego interfejsu użytkownika. Pomaga stworzyć prostą aplikację za pomocą następującego polecenia z tym samym groupId i archetypem w IDE.

Klasa UI jest ścieżką wejścia dla aplikacji vaadin, która rozszerza „com, vaadin.UI”. Najpierw rozszerzamy klasę interfejsu użytkownika, a także budujemy początkowy interfejs użytkownika z komponentów Vaadin i definiujemy detektor zdarzeń do implementacji interfejsu użytkownika w projekcie. Inną opcją jest ustawienie niestandardowego interfejsu użytkownika kompozycji, aby powiązać wszystkie komponenty Vaadin z danymi oraz zasobami.

2. Składniki Vaadin

Komponenty Vaadin definiują zarówno pole, jak i układ, a także inne klasy komponentów z ich strukturą dziedziczenia. Właściwości komponentu Vaadin definiują interfejs oraz klasę bazową dla wszystkich projektów Vaadin.

Właściwości komponentu Vaadin

• Widoczna właściwość: Określa widoczność komponentu przy ustawieniu domyślnej wartości true.
• Właściwość ustawień regionalnych: Definiuje bieżący kraj oraz język komponentów.
• Włączona właściwość: Definiuje szary komponent w fałszywym zestawie i nie pozwala na interakcję użytkownika.
• Właściwość podpisu: Oferuje etykietę wewnątrz komponentu w zależności od układu
• Opis Właściwość: Określa opis wyświetlany na komponencie, gdy najedziesz myszą na niego.

Właściwości pola Vaadin

Wartość Określa rzeczywistą wartość pola poprzez implementację pola i możliwą konfigurację. Jego wartość zmienia się za pomocą ValueChangeListener.

• readOnly: Użytkownik nie może zmienić wartości, gdy definiuje true.
• tabIndex: Właściwość indeksu tabulacji określa pola skupienia kolejności, gdy użytkownik naciśnie klawisz Tab.

Właściwości rozmiaru Vaadin

• setWidth (): Ustawia rozmiar komponentu w stałych jednostkach lub jako względny procent (%) dostępnego obszaru zawierającego układ.
• setHeight (): Określa kurczenie się komponentu, aby dopasować zawartość w komponentach Vaadin.
• setSizeFull (): Ustawia oba wymiary przy 100% względnej wielkości.
• setSizeUndefined (): Ustawia oba wymiary niezdefiniowane, powodując zmniejszenie komponentu do minimalnego rozmiaru.

3. Składniki układu

Układ Vaadin UI jest zbudowany z komponentów układu oraz kontenerów komponentów. Oferuje komponenty interakcyjne jako węzły liści. Możemy utworzyć układ główny, ustawiając zawartość interfejsu użytkownika za pomocą setContent (). Dodając komponenty do addComponent (), kontenery jednoskładnikowe, takie jak Panel i okno, zawierają pojedynczy komponent treści interfejsu użytkownika.

Wielkość komponentów układu jest bardzo ważna dla domyślnych rozmiarów i może być zmieniana za pomocą metod wymiarowania. Gdy komponenty mające względny rozmiar układu w określonym kierunku, układ może nie mieć niezdefiniowanego rozmiaru w tym konkretnym kierunku. Dlatego możemy również użyć deklaratywnego formatu HTML, jak również Vaadin Designer w Eclipse, aby poprawić układ widoku.

Marginesy Składniki układu

Elementy układu marginesów obsługują marginesy, a także ustawiają funkcję setMargin (true), która umożliwia wszystkie marginesy dla układu Vaadin. Korzystanie z parametru MarginInfo włącza każdy margines indywidualnie. Wszystkie rozmiary marginesów można dostosować za pomocą właściwości dopełnienia, takich jak dopełnienie górne, dolne, lewe i prawe.

Komponenty układu odstępów

Komponenty układu Vaadin obsługują również funkcję setSpacing (true), która kontroluje przestrzenie między szczelinami układu. Odstępy można regulować za pomocą CSS, który obejmuje szerokość lub wysokość elementów przy użyciu stylu V-spacing.

Komponenty układu wyrównania

Gdy zawarty komponent jest mniejszy niż obszar przewidziany dla komponentu układu, komponent jest wyrównany w komórce za pomocą metody setComponentAlignment ().

Niestandardowe składniki układu

Komponent CustomLayout obsługuje znaczniki lokalizacji HTML dla komponentów Vaadin. Komponenty układu są wypełniane elementami lokalizacji za pomocą metody addComponent ().

4. Tematy Vaadin

Struktura Vaadin umożliwia dostosowanie, a także wygląd interfejsu użytkownika z motywami. Motywy Vaadin obejmują arkusze stylów Sass lub CSS i grafiki z szablonami HTML niestandardowego układu. Motywy konfigurowalne Vaadin są umieszczane w folderze / VAADIN / themes / aplikacji internetowej. Folder aplikacji internetowej Vaadin określa statyczne zasoby z określoną aplikacją Vaadin.

Cały motyw w środowisku Vaadin ma swój własny folder z nazwą motywu zawierającego styles.scss dla zwykłego i Sass CSS. Dostosowywane motywy dziedziczą kompozycję bazową Valo przy użyciu zmiennych Sass. Podczas projektu ładowania początkowego takie motywy są tworzone automatycznie w aplikacjach Vaadin.

Motywy Sass

Sass to fantastyczny język arkuszy stylów oparty na CSS3 z dodatkowymi funkcjami, takimi jak zmienne, miksy, zagnieżdżanie i dziedziczenie selektorów. Vaadin ma kompilator Sass do kompilowania arkuszy stylów podczas procesu budowania aplikacji. Stąd motywy Sass są kompilowane do CSS podczas tworzenia.

Możesz włączyć wiele motywów na tej samej stronie ze wszystkimi regułami stylu. Motyw może być poprzedzony selektorem z nazwą dopasowania. Motywy Sass są zwykle zorganizowane z zagnieżdżoną regułą w dwóch plikach: styles.scss i mytheme.scss.

The styles.scss

The mytheme.scss

5. Integracja widżetów Vaadin

Struktura Vaadin oferuje najłatwiejszy sposób tworzenia nowych komponentów ze skuteczną kompozycją przy użyciu CustomComponent w celu rozszerzenia komponentu układu. Możemy również utworzyć nowy komponent, tworząc widget po stronie klienta w GWT lub JavaScript. Składnik po stronie serwera i komponent wiążący współdzielą wywołania stanów i RPC.

W integracji widgetów stan współużytkowany pomaga w komunikowaniu się ze składnikiem od strony serwera do strony klienta poprzez zastosowanie widgetu. Ten współdzielony obiekt stanu jest serializowany za pomocą struktury Vaadin. Implementuje interfejs RPC do obsługi wywołań RPC od strony klienta do strony serwera w celu komunikowania zdarzeń interakcji użytkownika. Możemy dodawać widżety do projektu aplikacji, a także tworzyć osobny projekt dodatku dla dostosowywalnych widżetów. Dodaje zależność z projektami aplikacji, aby budować lepsze testy dla innych projektów Vaadin.

6. Wsparcie wiązania danych

Vaadin Framework obsługuje powiązanie danych dla klas domeny Java z zaawansowanymi komponentami. Pomaga uniknąć pisania dużej ilości kodu. Komponent powiązania danych pokazuje kompletne dane w formacie tabelarycznym w siatce, przekazując dane jako listę, strumień lub tablicę, co jest skutecznym sposobem użycia aplikacji biznesowej.

W powiązaniu danych Binder jest klasą pomocniczą, która umożliwia powiązanie pojedynczych właściwości obiektu Java w celu wyświetlenia wielu komponentów Vaadin. W przypadku używania formularza Binder obsługuje dwukierunkowe wiązanie, co oznacza, że ​​wartości wejściowe zostaną automatycznie zapisane z powrotem do modelu domeny. Binder zapewnia również konwersję wartości i walidację danych.

7. Wpływ na cechy Vaadin Framework

Obsługa wielu języków:

Java jest potężnym językiem programowania używanym głównie do tworzenia wysokiej jakości aplikacji i celów biznesowych. Z Vaadin, oferuje taką samą moc języka Java z profesjonalnym oprzyrządowaniem i umiejętnościami, aby zbudować swój internetowy interfejs użytkownika.

Dane logiki interfejsu użytkownika:

Kod UI Vaadin wykorzystuje JVM jako serwery WWW, które zawierają dane i logikę biznesową. Dostęp do danych i logiki biznesowej jest prosty i wydajny, więc nie ma potrzeby ujawniania usług REST.

Łatwe rozszerzanie z Java i HTML5

Platforma Vaadin oferuje oparty na komponentach model programowania oraz moduły wielokrotnego użytku Java. Obsługuje również istniejące widgety HTML z technologiami przeglądarek niskiego poziomu.

Abstrakcja Tworzenie stron internetowych

Abstrakcja zapewnia oparty na komponentach model programowania do tworzenia nowoczesnych jednostronicowych aplikacji HTML5. Vaadin wspiera komunikację klient-serwer, problemy z przeglądarką, języki znaczników, CSS i nowe technologie.

8. Vaadin Framework 8.1 Ulepszone aktualizacje:

• Obsługuje zdarzenia kliknięcia kontekstowego i ustawia wysokość drzewa
• Metody Composite są teraz delegowane do zawartego komponentu
• Komórki siatki ComponentRenderer pokazują nazwę stylu do dostosowania
• Zezwalaj na puste elementy w ComponentRenderer
• Dodaj kilka operacji modyfikacji do TreeData
• OSGi używa tablicy do czyszczenia i napraw
• Aktualne żądanie i odpowiedź są dostępne w aplikacji Vaadin (Servlet) Request / Response
• Drobne otwarcie API, poprawki i ulepszenia dokumentacji itp.
• Naprawiono dodawanie elementów na rozmycie w ComboBox
• Poprawka wyrównania ikon dla ComboBox
• Naprawiono TreeGrid getHierarchyColumn
• Poprawki domyślnego nagłówka siatki (łączenie komórek, komponentów w nagłówku itp.)

Mam nadzieję, że spodobał Ci się ten artykuł, prosimy o podanie wszelkich sugestii, komentarzy lub zapytań. Nie zapominaj również o subskrybowaniu nas youtube . Możesz nas również znaleźć Świergot i Facebook .