Client-Server Hybrid Apps with Vaadin
-
Upload
joonas-lehtinen -
Category
Documents
-
view
1.968 -
download
5
description
Transcript of Client-Server Hybrid Apps with Vaadin
![Page 1: Client-Server Hybrid Apps with Vaadin](https://reader035.fdocuments.us/reader035/viewer/2022080209/5462763eb1af9f71408b5105/html5/thumbnails/1.jpg)
Joonas Lehtinen@joonaslehtinen
Client + Server Hybrid Applications with Vaadin
![Page 2: Client-Server Hybrid Apps with Vaadin](https://reader035.fdocuments.us/reader035/viewer/2022080209/5462763eb1af9f71408b5105/html5/thumbnails/2.jpg)
Layers of abstraction
JavaScriptJava toJavaScript
Webserver
Backendserver
required optional optionalrequired
RPC
optional
Vaa
din
required optionalrequired
GW
T
requiredrequired
Ext
JS
requiredrequired
required required
![Page 3: Client-Server Hybrid Apps with Vaadin](https://reader035.fdocuments.us/reader035/viewer/2022080209/5462763eb1af9f71408b5105/html5/thumbnails/3.jpg)
Architecture
![Page 4: Client-Server Hybrid Apps with Vaadin](https://reader035.fdocuments.us/reader035/viewer/2022080209/5462763eb1af9f71408b5105/html5/thumbnails/4.jpg)
![Page 5: Client-Server Hybrid Apps with Vaadin](https://reader035.fdocuments.us/reader035/viewer/2022080209/5462763eb1af9f71408b5105/html5/thumbnails/5.jpg)
server
client
Component
Widget
Connector
RPC
7State
![Page 6: Client-Server Hybrid Apps with Vaadin](https://reader035.fdocuments.us/reader035/viewer/2022080209/5462763eb1af9f71408b5105/html5/thumbnails/6.jpg)
HourList
HLConnector
HLState
UI
WHView FooViewBarView
HLWidget OfflineUI
API
![Page 7: Client-Server Hybrid Apps with Vaadin](https://reader035.fdocuments.us/reader035/viewer/2022080209/5462763eb1af9f71408b5105/html5/thumbnails/7.jpg)
Trying it out
![Page 8: Client-Server Hybrid Apps with Vaadin](https://reader035.fdocuments.us/reader035/viewer/2022080209/5462763eb1af9f71408b5105/html5/thumbnails/8.jpg)
https://github.com/jojule/HybridDemo
![Page 9: Client-Server Hybrid Apps with Vaadin](https://reader035.fdocuments.us/reader035/viewer/2022080209/5462763eb1af9f71408b5105/html5/thumbnails/9.jpg)
3
Vaadin: A Familiar Way to Build Web Apps with Java
DZone, Inc. | www.dzone.comFigure 4: The Class Diagram presents all user interface component classes and the most important interfaces, relationships, and methods.
Questions?Comments?
[email protected] vaadin.com/joonas
@joonaslehtinen#vaadin