Create and Run Your First ZK Application with Eclipse and ZK Studio"

From Documentation
Line 13: Line 13:
  
  
−
= Creating a "Hello World" application from scratch with ZK Sutdio =
+
= Create a "Hello World" application from scratch with ZK Sutdio =
  
−
== Creating a new "ZK Project"==
+
== Create a new "ZK Project"==
 
With the release of ZK Studio you no longer have to create a new '''Dynamic Web Project''' and configure the settings for ZK! You can create a new '''ZK Project''', choose your ZK Package and sit back while ZK Studio does the rest for you.
 
With the release of ZK Studio you no longer have to create a new '''Dynamic Web Project''' and configure the settings for ZK! You can create a new '''ZK Project''', choose your ZK Package and sit back while ZK Studio does the rest for you.
  
Line 24: Line 24:
 
For detailed steps, please refer to [http://docs.zkoss.org/wiki/ZK_Studio_Userguide_Begin_Your_First_Web_Project#Create_a_New_ZK_Project| Create a New ZK Project]
 
For detailed steps, please refer to [http://docs.zkoss.org/wiki/ZK_Studio_Userguide_Begin_Your_First_Web_Project#Create_a_New_ZK_Project| Create a New ZK Project]
  
−
==Creating a new ZUL file==
+
==Create a new ZUL file==
  
 
:1. Right click on the '''WebContent''' folder in the '''Project Explorer''' view or the '''Package Explorer''' view and select '''New > ZUL'''.
 
:1. Right click on the '''WebContent''' folder in the '''Project Explorer''' view or the '''Package Explorer''' view and select '''New > ZUL'''.
Line 33: Line 33:
 
[[Image:indexZUL.png]]
 
[[Image:indexZUL.png]]
  
−
==Running the ZUL file==
+
==Run the application==
 
:1. Right click on the '''MyApp''' project in explorer and in the Menu dialog select '''Run As > Run on Server'''
 
:1. Right click on the '''MyApp''' project in explorer and in the Menu dialog select '''Run As > Run on Server'''
 
[[Image:runonserver.png]]
 
[[Image:runonserver.png]]

Revision as of 09:12, 23 September 2010


DocumentationZK Installation GuideQuick StartCreate and Run Your First ZK Application with Eclipse and ZK Studio
Create and Run Your First ZK Application with Eclipse and ZK Studio



ZK Studio is an Eclipse plugin to simplify the development of ZK applications with Eclispe.

Install Eclipse

  1. Download Eclipse IDE for Java EE Developers
  2. Uncompress it to a proper directory

Install ZK Studio

Follow ZK Studio Installation Guide to install ZK Studio.


Create a "Hello World" application from scratch with ZK Sutdio

Create a new "ZK Project"

With the release of ZK Studio you no longer have to create a new Dynamic Web Project and configure the settings for ZK! You can create a new ZK Project, choose your ZK Package and sit back while ZK Studio does the rest for you.


The following swf demonstrates how to create a new ZK project using Eclipse 3.4 and ZK Studio:

For detailed steps, please refer to Create a New ZK Project

Create a new ZUL file

1. Right click on the WebContent folder in the Project Explorer view or the Package Explorer view and select New > ZUL.

NewZULFileRightClick.png

2. Type index.zul in the File name textbox and click Finish.

NewZULFileWizard1.png

3. The newly created ZUL File will be opened in the ZUL Editor.

IndexZUL.png

Run the application

1. Right click on the MyApp project in explorer and in the Menu dialog select Run As > Run on Server

Runonserver.png

2. Select Apache > Tomcat v6.0 Server in server type dialog and then click Finish

RunOnTomcat.png

3. See the result in your browser.

IndexZULinBrowser.png

Version History

Version Date Content
     



Last Update : 2010/09/23

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.


Retrieved from "https://www.zkoss.org/_w/index.php?title=ZK_Installation_Guide/Quick_Start/Create_and_Run_Your_First_ZK_Application_with_Eclipse_and_ZK_Studio&oldid=7935"