O'Reilly logo

Real-time Web Application Development using Vert.x 2.0 by Tero Parviainen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adding the user interface

We have all the event handlers set up, and the client connected. The final piece of the puzzle is the user interface for listing, creating, and deleting mind maps.

We are going to use the jQuery JavaScript library for the UI, because it is familiar to most of the web developers, and it fills our needs relatively well.

Tip

Vert.x itself does not require jQuery, and integrating the event bus bridge to other JavaScript libraries or frameworks should be straightforward.

First, include the jQuery library in web/index.html:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> Hello! <script src="//cdnjs.cloudflare.com/ajax/libs/sockjs-client/0.3.4/sockjs.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/vertx/2.0.0/vertxbus.min.js"></script> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required