INTRODUCTION Vaadin Framework and setup of STS(SPRING TOOL SUITE)

Hello all once again I kushal has come up with the new Post  a new Concept for all java developerswe have lots of framework and each have their own capabilities to bring different concepts but mind well the same thing can be done with all the frameworks ..!!

Vaadin is good for web applications, as you can build a normal Java application and do the dynamic web UI for it easily.

The framework is server driven, so all logic is handled on the server side. The components has two parts, client and server file. The client side is just a dummy "view" for the component. Once you interact with it, it sends a message to the server that this or that was pressed/written/etc. The server then decides what should be done. This is for increased security, because you can't "hack" the logic as only a small API meant for sending requests is available in the javascript. 


Vaadin uses GWT in a way that it has a set of components precompiled in GWT. You can, of course, additionally make your own components if you so want to. However, the set of components is quite complete, and can often be customized for your own need. This means that you don't have to recompile your code from Java to JavaScript every time you change your application. You just combine the already available components together.

Where can I get Vaadin?

You can download Vaadin packages from vaadin.com/download. Alternatively, you can access the sources at dev.vaadin.com. See Building from Sources for details. For Eclipse users, the Eclipse Plugin is the easiest alternative, for others Maven is the easiest way.

How are the layouts created?

We have several different options for creating the layout of the application. Most developers prefer the programmatic style of creating layouts in a similar fashion to Swing programming. If you like to use HTML it's possible by using a CustomLayout or if you want to position the elements using CSS, you might want to use CssLayout.

In addition the Vaadin plugin for Eclipse includes a visual editor. It should help you get started with building your applications UI very quickly. It generates Java code for you that you can use as a starting point for implementing event listeners and data binding

How can I change the look and feel of the application?

Every Vaadin application has a theme assigned to it. You can easily define your own themes by adding your own CSS definitions and images if needed. The CSS class names are well documented and the Eclipse plugin even creates the needed files for you.

This was about some uniqueness and features of vaadin now I will make you help how to go through and build web applications.The tool which I use for developing is Spring tool suite (STS) it is an open source available freely you can download it from https://spring.io/tools/sts/all .For project till now we were making either java project or web project but now we will move on to Vaadin project the latest version of it which I use for developing is vaadin 7 project.

In STS the option might not be directly available for vaadin 6 or vaadin 7 project to bring that you have to add some vaadin plugins which will be 

• Eclipse 4.4 and newer: http://vaadin.com/eclipse
• Eclipse 4.3: http://vaadin.com/eclipse/4.3
• Eclipse 3.5: http://vaadin.com/eclipse/3.5
• Eclipse 3.4: http://vaadin.com/eclipse/3.4

any of the above i suggest the first one which i used ..!!

Now how to integrate this plugin into your STS is by going to help menu on the top select add software paste one of the above link give one name example kushal or ABC add it STS will automatically update and you will now able to see options vaadin 6 or vaadin 7 project.

After this start clicking next and keep all settings as it is your vaadin environment is ready..!!

I hope the Readers would try first to implement this much..!!

In the next post we will build a small application like a login form in vaadin..!!