Vaadin tutorial

vaadin  Vaadin is a cool Java web application framework designed for creating rich and interactive applications that run in the browser, without any plugins. A server-driven architecture together with reusable component model is used to simplify programming of applications and for better web application security. No HTML, XML or JavaScript necessary and all Java libraries and tools are at your disposal.

 

 

How is Vaadin made up ?


Vaadin is made of a server-side framework and a client-side engine.

 

 

The server side runs as a persistent Java Servlet session in the application server (f.e. JBoss Web Server) and contains the control logic and the business logic of the web application.

 

The client-side engine on the other hands runs in the browser as a JavaScript program, rendering the user interface and delivering user interaction to the server.

 

 

Web Browser (Client side engine)

 

 

Web server

 

 

Vaadin UI Components

 

 

Java Applications

 

 

JEE Stack (EJB - Web services ..)

 


As the Client-Side Engine is executed as JavaScript in the browser, no browser plugins are needed for using applications made with Vaadin. Behind the scenes, Vaadin uses GWT, the Google Web Toolkit, for rendering the user interface in the browser.

 

GWT programs are written in Java, but compiled into JavaScript, thus freeing the developer from learning JavaScript and other browser technologies.

 

GWT is ideal for implementing advanced user interface components (or widgets in GWT terminology) and interaction logic in the browser, while Vaadin handles the actual application logic in the server.

Installing Vaadin

 

If you want a quickstart with Vaadin and Eclipse just skip this section and move to "Working with Vaadin and Eclipse". There you will be able to download Vaadin libraries directly from Eclipse.


Installing Vaadin is just a matter of downloading the newest Vaadin package from the download page at http://vaadin.com/download/.

Then unpack the installation package to a directory using a decompression program.


The Vaadin package contains the Content Browser application which allows you to browse documentation and example source code, and run the demo applications. The demo applications demonstrate most of the core features of Vaadin. You can find the demo applications also at the vaadin website: http://vaadin.com/demo.


To start the Content Browser, run the start.cmd/start.sh script in the Vaadin installation directory. The start script launches a stand-alone web server running on the local host at port 8888, and a web browser at address http://localhost:8888/.

 

Working with Vaadin and Eclipse


In order to create your first Application with Vaadin and Eclipse you simply need to install the Vaadin plugin for Eclipse.

 

From the Eclipse Menu select Help | Install new Software.


Add “http://vaadin.com/eclipse” and checkbox the Vaadin plugin.


vaadin tutorial

When you have completed the plugin installation you will be prompted to restart Eclipse.

 

Follow us on Twitter