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

From Documentation
Revision as of 09:29, 23 September 2010 by Tomyeh (talk | contribs) (Created page with '{{ZKInstallationGuidePageHeader}} [http://www.zkoss.org/product/zkstudio.dsp ZK Studio] is an Eclipse plugin to simplify the development of ZK applications with Eclispe. =Prep…')
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)


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

Preparando el IDE Eclipse

Instalando Eclipse

  1. Descarga e instalalo desde Eclipse IDE for Java EE Developers

Instalando K Studio

Sigue paso a paso el siguiente tutorial Installation Guide to install ZK Studio.

Definiendo el Servidor de aplicaciones

  1. desde el menu ve a Windows > Preferences...
  2. Selecciona Server > Runtime Environments, then click Add
  3. Selecciona Apache > Apache Tomcat v6.0 and haz click en Next
  4. Navega hasta seleccionar Apache Tomcat directorio raíz e.g. C:\Program Files\Apache Software Foundation\Tomcat 6.0
  5. Haz Click Finish

Creando una aplicación "hola mundo" desde cero (con un IDE)

Nota: Asegúrate de haber instalado "Java JDK","Servidor de aplicaciones" y "ZK Studio" en tu PC o dirígete a previous chapter.


Creando un nuevo Proyecto ZK

Con la versión liberada de ZK Studio no tendrás que crear un nuevo proyecto web dinámico y configurar las opción para ZK. Puedes crear un nuevo proyecto "ZK", elegir tu paquete y recostarte mientras ZK Studio hace el resto por tí.


El siguiente swf demuestra cómo crear un nuevo proyecto ZK usando Eclipse 3.4 y ZK Studio:

ERROR: Width and Height not set

Para más detalles, por favor, dirígete a Create a New ZK Project

Creando un nuevo fichero ZUL

1. Haz click con el botón derecho en la carpeta WebContent en la vista Explorado de Proyectoo la vista Explorado de paquetes y selecciona New> ZUL.

NewZULFileRightClick.png

2. Teclea index.zul en el nombre de fichero y haz click en Finish (terminar).

NewZULFileWizard1.png

3. El nuevo fichero creado será abierto con el editor ZUL.

IndexZUL.png

Running the application

1. Haz click con el botón derecho del ratón en "MiAplicacion" y en el menú emergente selecciona "Ejecutar como > Ejecutar en servidor"

Runonserver.png

2. Selecciona Apache > Tomcat v6.0 Server en la ventana de diálogo del servidor y haz click en Finish (terminar)

RunOnTomcat.png

3. Mira el resultado en tu navegador.

IndexZULinBrowser.png

Version History

Version Date Content
     



Last Update : 2010/09/23

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