ZK Developer's Guide

[ 51 ]
Chapter 2
With the help of this context file, we can directly see the changes of our development,
since, we set the root of the web application to the development directory.
Deployment of the demo application
The folder structure of the demo application is the Maven structure
(http://maven.apache.org/). To deploy the application, create
a new subdirectory (e.g. zk-media-lib) in the webapps directory of
Tomcat and copy everything from the webapp directory of the application
to this new subdirectory. Don't forget to copy the libraries, too. After
that, you can start your Tomcat and run the application with
http://localhost:8080/zk-media-lib (if your Tomcat is running
on port 8080).
Creating the Pages
After the implementation of the model classes (which is not in the scope of this book)
it's time to start with implementing the ZUL pages. The first page is index.zul
which should be a simple navigation page for the individual pages. A simple way to
execute the individual pages is to offer links for each page on the starting page. In a
simple HTML page, we would use a href tag. In a ZUL page the preferred way is to
use toolbarbutton. With the following line we add a link to add-media.zul: