ClickIDE

ClickIDE is an Eclipse plug-in for the developing Click web applications. The ClickIDE project has been lead by Naoki Takezoe.

The section disucsses the ClickIDE and includes the following topics:

 

Installing

ClickIDE requires Eclipse 3.2.x and WTP 1.5.x. The easiest way to use ClickIDE is introducing WTP using Callisto.

After WTP installed, get ClickIDE from the SF.net download page. Unzip clickide-x.x.x.zip and put 2 folders (plugins/ and features/) into your ECLIPSE_HOME.

Features

ClickIDE is based on Eclipse and the Eclipse Web Tools Project (WTP), and provides extended features for developing web applications using Click.

Create Dynamic Web Project

Create "Dynamic Web Project" in the J2EE perspective and select "Click" as Project Facet. The project creation wizard will add Click JARs, web.xml and template of click.xml into your project.

Create Project

Configuration Editor

ClickIDE provides the visual editor for the Click configuration file (click.xml). It has some tabs. You can edit click.xml using this editor easily.

Graphical Editor for the click.xml

In the "Source" tab of the configuration file editor, you can edit click.xml directly and you can jump to the source code of the page class and the page template by CTRL+CLICK. ClickIDE also provides the validation for click.xml. Error markers are displayed in the editor and "Problems" view.

Direct Editing for the click.xml

Page Creation Wizard

You can create the page class and the page template file using the page creation wizard. In the wizard, you can choose template for the page class and the html file. These template can be configured at the preference dialog ("Window" > "Preferences" > "Click").

New Page Creation Wizard

Velocity Template Editor

ClickIDE also provides the Velocity template editor. This editor provides code-completion, highlighting and validation as velocity syntax. You can also configure highlighting colors in the preference dialog.

Template Editor

Fast switch between Page classes and templates

In the JDT's Java editor and the Velocity template editor, you can switch between the page class and the html file by CTRL+ALT+S.

Online Help

Click documentation is integrated with the Eclipse help system.

Integrated Click Documentation