Desarrollo de aplicaciones web
con ZK Framework
¿Qué es ZK Framework?
ZK es un framework de aplicaciones web en AJAX, completamente en Java de
software de código abierto que permite una completa interfaz de usuario para
aplicaciones web sin usar JavaScript y con poca programación.
El núcleo de ZK es un mecanismo conducido por eventos basado en AJAX,
sustentado sobre 70 componentes XUL y 80 componentes XHTML, y un lenguaje
de marcación para diseñar interfaces de usuario. Los programadores diseñan las
páginas de su aplicación en componentes XUL/XHTML ricos en características, y
los manipulan con eventos disparados por la actividad del usuario final. Es similar
al modelo de programación encontrado en las aplicaciones basadas en GUI de
escritorio.
¿Para qué se usa?
ZK utiliza el acercamiento llamado centrado-en-el-servidor para la sincronización
de componentes y el pipelining entre clientes y servidores se haga
automáticamente por el motor, y los códigos de Ajax sean completamente
transparentes para los desarrolladores de aplicaciones web. Por lo tanto, los
usuarios finales obtienen una interacción y respuesta similar a las de una
aplicación de escritorio, mientras que la complejidad del desarrollo es similar a la
que tendría la codificación de aplicaciones de escritorio.
Instalación de ZK
1) Pre-requisitos
a. JDK
b. Tomcat 7
c. Eclipse
d. Descompresor (Winrar, winZip, 7 Zip, etc.)
*Puedes ver la instalación de estos programas en:
http://www.cjavaperu.com/instalaciones
2) Descargas
a. Descargar el programa en: http://www.zkoss.org/download/zk
b. De acuerdo a nuestro sistemas operativo vamos a realizar la descarga,
nosotros usaremos Windows y el ejecutable aunque también
podemos usar el archivo zipeado:
Descargar el Archivo
c. Seleccionamos una ruta en la red donde guardaremos el archivo zip,
clic en Guardar.
d. Una vez descargado, reconocerás el fichero porque llevará por
nombre algo parecido a zk-bin-[version].zip. Extraer su contenido en
una carpeta.
3) Agregar la Librería Jar del ZK
Para crear una aplicación web en Eclipse, primero creamos un Dynamic Web
Project:
a. Seleccionamos File/New/Other
b. En la siguiente ventana desplegamos la carpeta Web y dentro de ella
seleccionamos Dynamic Web Project, clic en Next
c. Escribimos como nombre del proyecto, por
ejemplo ProyectoWebCnZK, y dejamos el resto de configuraciones
como están por defecto. Clic en Finish.
Para Instalar el JAR de ZK en el Proyecto Web
a. Para usar ZK en un proyecto, tienes que copiar el JAR de ZK en tu
carpeta de librerías de la aplicación (library). Seleccionamos el Proyecto
creado, clic derecho: Build Path/Configure Build Path…
b. De la ventana que se muestra, en la pestaña Libraries, seleccionamos
el botón Add External JARs…
c. En la siguiente ventana seleccionamos los archivos JRar
{YOUR_ZK_UNZIP_FOLDER}\dist\lib
{YOUR_ZK_UNZIP_FOLDER}\dist\lib\ext
De la carpeta zk-bin-version que descargamos al inicio. Clic en Abrir.
d. Finalmente clic en OK.
e. Con esto ya tendríamos agregado la librería del ZK. Tal como lo
muestra la siguiente figura:
4) Ejemplo (Crear una página simple)
Después de la instalación, puedes crear una página simple para verificar
si ZK está funcionando o no.
a. Desde el eclipse para añadir un nuevo fichero en el proyecto
seleccionamos File/New/File
b. Lo llamaremos hello.azul y lo colocaremos en la carpeta WebContent
de nuestro proyecto Web. Clic en Finish.
c. Hacemos doble clic en el fichero hello.azul, para editar su contenido
como texto.
d. Copiamos el siguiente código fuente dentro del fichero (hello.azul) y
lo guardamos.
<windows title=”Mi Primera Aplicación con ZK” border=”normal”>
CJAVA... Siempre para Apoyarte!!
</windows>
Ahora configuramos el servidor
e. Antes de ejecutar una aplicación web, tenemos que configurar un
servidor en eclipse. Para ello seleccionamos Windows/Preferences.
f. En la parte izquierda de la ventana Preferences que nos ha aparecido
seleccionamos Server/Runtime Environments. Pulsamos Add para
añadir una configuración de ejecución de servidor.
g. Seleccionamos Apache/Tomcat v7.0 Server, puesto que soporte
Servlet 3.0 y marcamos Create a new local server, a continuación clic
en Next.
h. Como se indica al inicio de este tutorial como Pre-requisito debes
tener instalado Tomcat 7, simplemente indica el directorio de
instalación en “Tomcat installation directory”. Clic en Finish.
i. A partir de este momento podrá ver la nueva entrada en Server
runtime environments en la pantalla de Preferences. Pulsamos Ok.
Ejecutamos la Aplicación
j. Ahora hacemos clic con el botón derecho sobre el fichero “hello.azul”
y seleccionamos Run As/Run on Server para ejecutar el fichero en
nuestro servidor de aplicaciones.
k. Elegimos el servidor Tomcat v7.0 que nos aparece. Luego hacemos
clic en Finish y esperamos a que el servidor arranque.
l. Después de que el servidor arranque, eclipse abrirá su navegador y
conectará con el servidor de aplicaciones automáticamente. Si lo ves
es muy similar a la siguiente imagen.
Con esto queda probado que el programa funciona correctamente.
Resuélvelo tú
¡Ahora te toca a ti! Crea una web con más páginas
Recuerda que el código y la base de datos puedes descargarlo en:
o http://www.cjavaperu.com/instalaciones/ZK
Trabajo realizado por el área de sistemas de CJAVA
Para consultas, dudas o asistencia técnica comunicarse al siguiente correo:
o www.cjavaperu.com