Chapter 2: Project Structure

From Documentation

Source Code

All source codes used in this tutorial are available on github. Because our example application has 3 different configurations, our source code is divided into 3 branches: master, chapter9, and chapter10.

Tutorial-ch2-3branches.png

The master branch contains the examples from chapter 3 to chapter 8. The chapter9 branch has examples integrated with Spring and the chapter10 branch contains examples which integrate with Spring and use JPA to persist data into a database.


Tutorial-ch2-download-zip.png

You can click the "ZIP" icon to download the current selected branch as a zip file.

Run Example Application

After you download the source code, you will find it is a Maven[1] project with jetty plugin configured. Therefore, if you have Maven, you can run the example application with a simple command[2]. Navigate to the root folder of your downloaded source code, say it's "tutorial" and type the command:

mvn jetty:run


Then visit the URL http://localhost:8080/tutorial/, and you should see the screen below.

Project Structure

The 2 images below show the example project structure of the example application. It's Maven default project structure, all main source are under src/main. The left image shows the Java source codes under src/main/java and the right one shows the web application content under src/main/webapp.


Tutorial-ch2-project-structure-java.png Tutorial-ch2-project-structure-webapp.png

Project Structure: Java(left) and Webapp(right)


We name the source code packages according to each chapter and each package contains those classes used in the example of that chapter. Some common classes are separated to an independent package as they are used in multiple chapters. The classes under org.zkoss.tutorial.entity.* are entity class. We also define some business interfaces under org.zkoss.tutorial.service.* and different chapters have different implementations.

For those ZUL pages, we put them in an independent folder for each chapter under src/main/webapp/. You will find the folder for each chapter contains a readme.txt, a brief description file which describes the goals of each chapter's example.

Under "WEB-INF" folder, web.xml contains some configuration to run ZK and for its detail please refer to ZK Installation Guide \ Create and Run Your First ZK Application Manually. The "zk.xml" is optional configuration descriptor of ZK. Provide this file if you need to configure ZK different from the default behavior. Refer to ZK_Configuration_Reference/zk.xml for complete detail.

References