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

From Documentation
m
 
(3 intermediate revisions by 2 users not shown)
Line 8: Line 8:
  
 
== Installer ZK Studio ==
 
== Installer ZK Studio ==
Suivez le [http://docs.zkoss.org/wiki/Installation_Guide_for_Eclipse_3.4_(Ganymede) Guide d'installation] pas à pas pour installer [http://www.zkoss.org/product/zkstudio.dsp ZK Studio].
+
Suivez le [[Small_Talks/2009/November/Installation_Guide_for_Eclipse_3.4_%28Ganymede%29 |Guide d'installation]] pas à pas pour installer [http://www.zkoss.org/product/zkstudio.dsp ZK Studio].
  
 
== Définir un Server Runtime ==
 
== Définir un Server Runtime ==
Line 28: Line 28:
 
<gflash width="945" height="685">Zk_studio_094_new_zk_project.swf</gflash>
 
<gflash width="945" height="685">Zk_studio_094_new_zk_project.swf</gflash>
  
Pour le détail des étapes, merci de vous référez à [http://docs.zkoss.org/wiki/ZK_Studio_Userguide_Begin_Your_First_Web_Project#Create_a_New_ZK_Project| Create a New ZK Project]
+
Pour le détail des étapes, merci de vous référez à [[ZK_Studio_Essentials/Features_of_ZK_Studio/New_ZK_Project| Create a New ZK Project]]
  
 
==Créer un nouveau fichier ZUL==
 
==Créer un nouveau fichier ZUL==
Line 34: Line 34:
 
:1. Faites un click-droit sur le dossier '''WebContent''' dans le '''Project Explorer''' ou dans le '''Package Explorer''' et sélectionnez '''New > ZUL'''.
 
:1. Faites un click-droit sur le dossier '''WebContent''' dans le '''Project Explorer''' ou dans le '''Package Explorer''' et sélectionnez '''New > ZUL'''.
 
[[Image:NewZULFileRightClick.png]]
 
[[Image:NewZULFileRightClick.png]]
:2. Tapez '''index.zul''' dans la zone de texte '''File name''' et cliquez sur '''Finish'''.
+
:2. Tapez '''test.zul''' dans la zone de texte '''File name''' et cliquez sur '''Finish'''.
 
[[Image:NewZULFileWizard1.png]]
 
[[Image:NewZULFileWizard1.png]]
 
:3. Le nouveau fichier ZUL sera ouvert dans le ZUL Editor.
 
:3. Le nouveau fichier ZUL sera ouvert dans le ZUL Editor.
[[Image:indexZUL.png]]
+
[[Image:testZUL.png]]
  
 
==Exécuter le fichier ZUL==
 
==Exécuter le fichier ZUL==
Line 45: Line 45:
 
[[Image:runOnTomcat.png]]
 
[[Image:runOnTomcat.png]]
 
:3. Observez le résultat dans votre navigateur.
 
:3. Observez le résultat dans votre navigateur.
[[Image:indexZULinBrowser.png]]
+
[[Image:testZULinBrowser.png]]
  
 
=Version History=
 
=Version History=

Latest revision as of 08:24, 19 January 2011


DocumentationZK Installation Guide frQuick 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.

Préparer Eclipse IDE

Installer Eclipse

  1. Téléchargez et installez Eclipse IDE for Java EE Developers

Installer ZK Studio

Suivez le Guide d'installation pas à pas pour installer ZK Studio.

Définir un Server Runtime

  1. Allez dans le menu Windows > Preferences...
  2. Sélectionnez Server > Runtime Environments, ensuite cliquez sur Add
  3. Sélectionnez Apache > Apache Tomcat v6.0 et cliquez sur Next
  4. Sélectionnez votre dossier d'installation d'Apache Tomcat ex. C:\Program Files\Apache Software Foundation\Tomcat 6.0
  5. Cliquez sur Finish

Créer une application "hello world" (avec un ZK Studio)

Créer un nouveau "ZK Project"

Grâce à ZK Studio, vous n'avez plus besoin de créer un nouveau Dynamic Web Project et configurer les paramètres pour ZK! Vous pouvez créer directement un nouveau ZK Project, choisir votre Package ZK et vous relaxer pendant que ZK Studio fait le reste pour vous.


Le swf suivant illustre comment créer un nouveau projet ZK avec Eclipse 3.4 et ZK Studio:

Pour le détail des étapes, merci de vous référez à Create a New ZK Project

Créer un nouveau fichier ZUL

1. Faites un click-droit sur le dossier WebContent dans le Project Explorer ou dans le Package Explorer et sélectionnez New > ZUL.

NewZULFileRightClick.png

2. Tapez test.zul dans la zone de texte File name et cliquez sur Finish.

NewZULFileWizard1.png

3. Le nouveau fichier ZUL sera ouvert dans le ZUL Editor.

TestZUL.png

Exécuter le fichier ZUL

1. Faites un click-droit sur le projet MyApp dans l'explorateur et dans la boite de dialogue Menu sélectionnez Run As > Run on Server

Runonserver.png

2. Sélectionnez Apache > Tomcat v6.0 Server dans la boite de dialogue server et ensuite cliquez sur Finish

RunOnTomcat.png

3. Observez le résultat dans votre navigateur.

TestZULinBrowser.png

Version History

Version Date Content
     



Last Update : 2011/01/19

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