How to create Vaadin 7 Application on Eclipse

Ads
 

How to create Vaadin 7 Application on Eclipse

Video tutorial: How to create Vaadin 7 application in Eclipse?

Video tutorial: How to create Vaadin 7 application in Eclipse?

How to create Vaadin 7 Application on Eclipse?

It is essential to have two files to build a Vaadin application. Firstly you would require a class extended by UI and an entry point way to your application plus web.xml that refers to the UI. Using the combination of Eclipse and Vaadin Plugin, you will everything instantly once you open the New Wizard and choose vaadin project. The wizard guides you till the rest after the new project name is created.

This Tutorial shall teach you on how to create first vaadin 7 application on Eclipse:

  • Install Eclipse and Vaadin plugin.

  • Go to file and select new project.

  • Select the Vaadin 7 project option

  • Give a name to the new vaadin 7 project and click next.

Here is the video tutorial of "How to create Vaadin 7 Application on Eclipse":


  • Tick the web.xml deployment descriptor and click next and finish.

  • Now Eclipse will create the project and it will appear as “Installing Dynamic web module facet..”

  • When Eclipse is done creating its very first Vaadin project, two folders called “ivy.XML” and “ivysettings.xml” will appear on the left hand side of the window. These two files manages the dependencies and configuration for building web application.

  • In this video the source code of the first project is clicked

  • The code should define the web servlet and the init method (main) and give the vertical layout along  with the button option

  • The message after clicking the button will exhibit the line” Thank you for clicking”

  • Right click and run the project and add Tom Cat 7 as the new server

  • The click me button appears which after clicking would show the message “Thank you for clicking”.

Rose India.net presents 1000 of tutorials on various programming languages, Data base management systems and servers. You can visit us on www.roseindia.net or subscribe to our You-tube channel for more similar video Tutorials. Thank You!

Ads

Ads