From Documentation

Contents 1 Introduction 1.1 About ZK Studio 1.2 Introduction of the main features 2 Installation 3 Beginning your first web project 3.1 Setup and configuration of the ZK Library 3.2 Working with a new ZK Project 3.3 Working with existing Dynamic Web Projects 3.4 Working with Java projects 4 Features of ZK Studio 4.1 Welcome Page 4.2 ZKs 4.3 New ZK Project 4.4 ZK perspective 4.5 ZUL Editor 4.6 ZUL Visual Editor 4.7 ZK Style Designer 4.8 DB form builder 4.9 Sample Code Wizard 4.10 ZUL Palette 4.11 Hierarchical views of Web Pages 4.12 Property View of a UI Tag 4.13 Editing the ZK Configuration File 5 Preference 5.1 Global Preferences 5.2 Project Properties 6 Appendix

Introduction

About ZK Studio

ZK Studio is an Eclipse plug-in to assist in the rapid development of Direct Rich Internet Applications (Direct RIA) using the ZK Ajax Framework. With the aid of ZK Studio, you are able to develop ZK Web Applications quickly and easily.

Introduction of the main features

ZK Studio includes the tools shown and listed below:

1. ZUL Editor: ZUL Editor is a document editor for modifying *.zul & *.zhtml files
2. ZUL Palette: The Palette provides a Drag & Drop component toolbox for use with ZUL files
3. ZUL Visual Editor: The Visual editor displays a rendered view of the zul file
4. Hierarchy View of Web Page: The view presents a hierarchical view of the content in the currently selected ZUL Editor
5. Property View of UI tag: The property view displays a list of attribute & value pairs which correspond to the currently selected node in the ZUL Editor or Hierarchical View of the Web Page

In addition to the above GUI tools, ZK Studio also provides these features:

New ZK Wizard: There are two main wizards; the first is New ZK project Wizard, it is actually an Eclipse Dynamic Web Project adding support for the ZK Ajax framework. The second is the New ZUL File Wizard which creates a new *.zul file.

ZK Style Designer: The designer helps you to customize the ZUL component via a friendly GUI interface.

ZK DB form Builder:DB Form Builder is a wizard which help developers generate a DB CRUD Form without typing any code.

ZK Sample Code: ZK's Sample Code is aimed at helping beginners to quick understand ZK, learn by well organized examples.

zk.xml Editor: The editor assists you in editing the ZK's configuration file (zk.xml).

Installation

Refer to Installation Guide of ZK Studio.

Beginning your first web project

Setup and configuration of the ZK Library

Working with a new ZK Project

Working with existing Dynamic Web Projects

Working with Java projects

Features of ZK Studio

Welcome Page

ZKs

New ZK Project

ZK perspective

ZUL Editor

ZUL Visual Editor

ZK Style Designer

DB form builder

Sample Code Wizard

ZUL Palette

Hierarchical views of Web Pages

Property View of a UI Tag

Editing the ZK Configuration File

Preference

Global Preferences

Project Properties

Appendix

see Appendix.