Vaadin Framework 8: Java Web UI Framework з пашыранымі функцыямі

1. Новыя функцыі і ўдасканаленні ў Vaadin Рамкі 8
2. 1. Пачатковая загрузка:
3. 2. Ваадынскія кампаненты
4. Уласцівасці кампанентаў Ваадын
5. Ваадын Памер Уласцівасці
6. Кампаненты кампаноўкі палёў
7. Кампаненты кампаноўкі
8. Кампаненты кампаноўкі выраўноўвання
9. Карыстальніцкія кампаненты макета
10. 4. Ваадын Тэмы
11. Тэмы Sass
12. Styles.scss
13. 6. Падтрымка прывязкі дадзеных
14. 7. Уплыў на асаблівасці Vaadin Framework
15. Лагічныя дадзеныя карыстацкага інтэрфейсу:
16. Лёгка пашыраецца з Java і HTML5
17. Абстракцыя Вэб-распрацоўка
18. 8. Vaadin Framework 8.1 Палепшаныя абнаўлення:

Vaadin Framework з'яўляецца Java Web UI Framework для бізнес-прыкладанняў, якая з'яўляецца прадукцыйнай, а таксама простай ў выкарыстанні бібліятэкай карыстацкага інтэрфейсу для распрацоўкі вэб-прыкладанняў на мове Java і JVM. Ён забяспечвае кампаненты карыстацкага інтэрфейсу высокага ўзроўню, каб пазбавіць вас ад працаёмкіх праграмавання HTML, CSS і JavaScript. Vaadin Framework абстрагуе практычна ўсе вэб-тэхналогіі, якія даюць інтэрфейс на аснове кампанентаў для стварэння традыцыйных настольных прыкладанняў.

Vaadin Framework таксама абстрагуе зносіны сервера і браўзэра. Ён выкарыстоўвае аб'ектна-арыентаваны падыход для імправізацыі вашых невялікіх кампанентаў і кампанентаў карыстацкага інтэрфейсу для карыстацкага інтэрфейсу слухача падзей. Гэта дазваляе і паляпшае распрацоўку карыстацкага інтэрфейсу і бэкенда лёгка для вэб-распрацоўнікаў. Vaadin Framework - адна з лепшых сеткавых інтэрфейсаў з адкрытым зыходным кодам для інтэрнэт-прыкладанняў. Ён мае архітэктуру на баку сервера, запусціўшы большую частку логікі распрацоўкі на серверах, такіх як бібліятэкі Javascript і ўбудовы для браўзэра.

Ён таксама прапануе тэхналогію Ajax для працы на браўзэры, што забяспечвае інтэрактыўны карыстацкі досвед. З пункту гледжання кліента, гэта пашырана з дапамогай інструмента google web toolkit, які ўяўляе сабой набор інструментаў з адкрытым зыходным кодам, які дазваляе распрацоўшчыку падтрымліваць і ствараць поўныя складаныя Java-прыкладанні, а таксама прыкладанні для Java-сцэнарыяў.

Новыя функцыі і ўдасканаленні ў Vaadin Рамкі 8

1. Пачатковая загрузка:

Стварэнне прыкладання Vaadin з дапамогай архетыпаў Maven. start.spring.io прапануе выдатны варыянт залежнасцяў Ваадзіна ад вясновых праектаў. Netbeans & Eclipse IDE таксама ўтрымоўваюць поўныя ўбудовы падтрымкі для стварэння прыкладанняў Vaadin. Мы можам атрымаць доступ да бягучых аб'ектаў VaadinSession, VaadinService і VaadinServlet, а таксама спасылкі аб'екта карыстацкага інтэрфейсу. Гэта дапамагае стварыць простае прыкладанне, выкарыстоўваючы наступную каманду з групай ID і archetypeId у IDE.

Клас карыстацкага інтэрфейсу - гэта запіс для прыкладанняў vaadin, які пашырае "com, vaadin.UI". Па-першае, мы пашыраем клас карыстацкага інтэрфейсу, а таксама ствараем пачатковы карыстацкі інтэрфейс з кампанентаў Vaadin і вызначаем слухач падзей для рэалізацыі карыстацкага інтэрфейсу ў праекце. У якасці іншага варыянту мы можам усталяваць карыстацкі інтэрфейс тэмы для прывязкі ўсіх кампанентаў Vaadin да дадзеных, а таксама да рэсурсаў.

2. Ваадынскія кампаненты

Кампаненты Vaadin вызначаюць як поля, так і макет, а таксама іншыя класы кампанентаў са сваёй структурай спадчыны. Уласцівасці кампанентаў Vaadin вызначаюць інтэрфейс, а таксама базавы клас для ўсіх праектаў Vaadin.

Уласцівасці кампанентаў Ваадын

• Visible Property: ён вызначае бачнасць кампанента з устаноўкай па змаўчанні true.
• Property Locale: вызначае бягучую краіну і мову для кампанентаў.
• Уласцівасць Enabled: ён вызначае шэраг кампанентаў у ілжывым наборы і не дазваляе ўзаемадзейнічаць з карыстальнікамі.
• Свойства Caption: он предлагает метку внутри компонента, у залежнасці ад разметкі
• Описание свойства: определяет апісанне, якое адлюстроўваецца на кампаненте, націснуўшы на яго мыш.

Уласцівасці поля Ваадын

Значэнне Гэта вызначае фактычнае значэнне поля, рэалізуючы поле і магчымую канфігурацыю. Яго значэнне змяняецца пры дапамозе ValueChangeListener.

• readOnly: Карыстальнік не можа змяніць значэнне, калі ён вызначае true.
• tabIndex: Уласцівасць індэкса ўкладкі паказвае палі, фокусирующие парадак, калі карыстальнік націскае на кнопку Tab.

Ваадын Памер Уласцівасці

• setWidth (): Усталёўвае памер кампанента ў фіксаваных адзінках або ў адносным працэнце (%) ад даступнай вобласці, якая змяшчае макет.
• setHeight (): Ён вызначае змяншэнне кампанента ў адпаведнасці з зместам кампанентаў Vaadin.
• setSizeFull (): устанаўлівае абодва памеру з адносным памерам 100%.
• setSizeUndefined (): Усталёўвае абодва памеру, якія не вызначаныя, у выніку чаго кампанент скарачаецца да мінімальнага памеру.

3. Кампаненты макета

Макет Vaadin UI пабудаваны з кампанентаў кампаноўкі, а таксама з кантэйнераў кампанентаў. Ён прапануе ўзаемадзейнічаюць кампаненты як ліставыя вузлы. Мы можам стварыць каранёвы макет, усталяваўшы змесціва карыстацкага інтэрфейсу з дапамогай setContent (). Пры даданні кампанентаў да addComponent (), аднакампанентныя кантэйнеры, такія як панэль і акно, маюць адзін кампанент змесціва карыстацкага інтэрфейсу.

Памер кампанентаў макета вельмі важны для памераў па змаўчанні і можа быць зменены з дапамогай метадаў памераў. Калі кампаненты, якія маюць адносны памер макета ў пэўным кірунку, то макет можа не мець вызначанага памеру ў гэтым канкрэтным кірунку. Такім чынам, мы можам выкарыстоўваць дэкларатыўны фармат HTML, а таксама Vaadin Designer у Eclipse для паляпшэння макета прагляду.

Кампаненты кампаноўкі палёў

Кампаненты разметкі поля падтрымліваюць паласы, а таксама ўсталёўваюць функцыю setMargin (true), якая дазваляе ўсе поля для макета Vaadin. Выкарыстанне параметра MarginInfo дазваляе кожную маржу паасобку. Усе памеры запасаў можна наладзіць з дапамогай уласцівасцяў абіўкі, такіх як верхняя, ніжняя, левая і правая абіўка.

Кампаненты кампаноўкі

Кампаненты размяшчэння Vaadin таксама падтрымліваюць функцыю setSpacing (true), якая кіруе прабеламі паміж слотамі макета. Інтэрвал можна наладзіць з дапамогай CSS, які ўключае ў сябе шырыню або вышыню элементаў, выкарыстоўваючы стыль V-інтэрвалу.

Кампаненты кампаноўкі выраўноўвання

Калі ўтрымоўваны кампанент менш, чым вобласць, прадугледжаная для кампанента макета, то кампанент выраўноўваецца ў вочцы з дапамогай метода setComponentAlignment ().

Карыстальніцкія кампаненты макета

Кампанент CustomLayout падтрымлівае HTML-тэгі для кампанентаў Vaadin. Кампаненты макета запаўняюцца элементамі размяшчэння з дапамогай метода addComponent ().

4. Ваадын Тэмы

Рамка Vaadin дазваляе наладзіць і знешні выгляд карыстацкага інтэрфейсу з тэмамі. Тэмы Vaadin ўключаюць у сябе табліцы стыляў Sass і CSS і графіку з HTML-шаблонамі. Наладжвальныя тэмы Vaadin змяшчаюцца ў тэчцы вэб-прыкладання / VAADIN / themes /. У тэчцы вэб-прыкладанняў Vaadin паказаны статычныя рэсурсы з пэўным дадаткам Vaadin.

Уся тэма ў рамках Vaadin мае ўласную тэчку з назвай тэмы, якая змяшчае style.scss для CSS і plain & Sass. Наладжвальныя тэмы ўспадкоўваюць базавую тэму Valo з дапамогай пераменных Sass. У той час як праект пачатковай загрузкі падобныя тэмы ствараюцца аўтаматычна ў прыкладаннях Vaadin.

Тэмы Sass

Sass - гэта мова Syntactically Awesome StyleSheets, заснаваная на CSS3, якая мае некаторыя дадатковыя функцыі, такія як зменныя, міксіны, укладанне і спадчыну селектара. Vaadin мае кампілятар Sass для кампіляцыі табліц стыляў падчас працэсу стварэння прыкладанняў. Таму тэмы Sass складаюцца ў CSS падчас распрацоўкі.

Вы можаце ўключыць некалькі тэм на адной старонцы з усімі правіламі стылю. Тэму можа быць прэфіксам селектарам з назвай тэмы супадзенняў. Тэмы Sass звычайна арганізуюцца з укладзеным правілам у два файла: styles.scss і mytheme.scss.

Styles.scss

The mytheme.scss

5. Віджэт Інтэграцыя Vaadin

Vaadin Framework прапануе самы просты спосаб стварыць новыя кампаненты з эфектыўнай кампазіцыяй з дапамогай CustomComponent для пашырэння кампанента макета. Мы можам таксама стварыць новы кампанент, стварыўшы кліент-віджэт у GWT ці JavaScript. Кампанент на серверы і абавязковы кампанент падзяляюць стан і RPC-выклікі.

Пры інтэграцыі віджэтаў агульнае стан дапамагае ў зносінах з кампанентам з боку сервера да кліента, ужываючы яго на віджэце. Гэты агульны дзяржаўны аб'ект сериализуется з рамкамі Vaadin. Ён рэалізуе інтэрфейс RPC для падтрымкі RPC-званкоў з кліенцкага боку на серверны сервер для зносін з падзеямі ўзаемадзеяння карыстальніка. Мы можам дадаваць віджэты ў праект прыкладання, а таксама стварыць асобны праект дапаўненняў для наладжвальных віджэтаў. Гэта дадае залежнасць ад прыкладных праектаў, каб пабудаваць лепшыя тэсты для іншых праектаў Vaadin.

6. Падтрымка прывязкі дадзеных

Vaadin Framework падтрымлівае прывязку дадзеных для класаў даменаў Java з пашыранымі кампанентамі. Гэта дапамагае пазбегнуць напісання шмат кода. Кампанент звязвання дадзеных паказвае поўныя дадзеныя ў таблічным фармаце ў сетцы, перадаючы дадзеныя ў выглядзе спісу, патоку або масіва, які з'яўляецца эфектыўным спосабам выкарыстання бізнес-прыкладання.

Пры звязанні дадзеных Binder - гэта дапаможны клас, які прапануе звязваць ўласцівасці аднаго аб'екта Java для адлюстравання некалькіх кампанентаў Vaadin. У выпадку выкарыстання формы Binder падтрымлівае двухбаковую звязку, гэта значыць, што ўваходныя значэнні будуць аўтаматычна запісвацца назад у мадэль дамена. Binder таксама забяспечвае пераўтварэнне значэння і праверку дадзеных.

7. Уплыў на асаблівасці Vaadin Framework

Падтрымка некалькіх моў:

Java - магутны мова праграмавання, які выкарыстоўваецца ў асноўным для стварэння якасных прыкладанняў і дзелавых мэтаў. З Vaadin ён прапануе такую ​​ж мову Java-мовы з прафесійнымі інструментамі і навыкамі для стварэння вэб-інтэрфейсу.

Лагічныя дадзеныя карыстацкага інтэрфейсу:

Код карыстацкага інтэрфейсу Vaadin выкарыстоўвае JVM у якасці вэб-сервераў, якія ўключаюць дадзеныя і бізнес-логіку. Ён адкрывае доступ да вашых дадзеных і бізнес-логікі простым і эфектыўным. Такім чынам, няма неабходнасці раскрываць паслугі REST.

Лёгка пашыраецца з Java і HTML5

Vaadin Framework прапануе мадэль праграмавання на аснове кампанентаў, а таксама шматразовыя модулі Java. Ён таксама падтрымлівае існуючыя HTML-віджэты з тэхналогіямі браўзэра нізкага ўзроўню.

Абстракцыя Вэб-распрацоўка

Abstraction забяспечвае мадэль праграмавання на аснове кампанентаў для стварэння сучасных прыкладанняў з адной старонкай HTML5. Vaadin падтрымлівае зносіны кліент-сервер, праблемы з браўзэрамі, мовы разметкі, CSS і новыя тэхналогіі.

8. Vaadin Framework 8.1 Палепшаныя абнаўлення:

• Ён падтрымлівае падзеі кантэкстнага кліку і ўсталёўвае вышыню дрэва
• Метады кампазіту зараз дэлегуюць утрымоўваны кампанент
• Ячэйкі Grid ComponentRenderer паказваюць імя стылю для наладкі
• Дазволіць нулявыя кампаненты ў ComponentRenderer
• Дадаць некаторыя змены ў TreeData
• Дошка OSGi выкарыстоўвае чыстку і выпраўленне
• Цяперашні запыт і адказ можна атрымаць у запыце / адказе Vaadin (Servlet)
• Невялікае адкрыццё API, выпраўленне дакументацыі і ўдасканаленне і г.д.
• Выпраўлена даданне элементаў на размытасць у ComboBox
• Выпраўленне выраўноўвання значкоў для ComboBox
• TreeGrid getHierarchyColumn выпраўлены
• Выпраўленыя загалоўкі па змаўчанні ў сетцы (зліццё вочак, кампаненты ў загалоўку і г.д.)

Спадзяюся, вам спадабаўся гэты артыкул, калі ласка, не саромейцеся прадстаўляць любыя прапановы, заўвагі ці запыты. Таксама не забудзьцеся падпісацца на нас Youtube . Вы таксама можаце знайсці нас на Twitter і Facebook .