SlideShare a Scribd company logo

ZK framework

•
•
CELSTEC (Open Universiteit Nederland)
CELSTEC (Open Universiteit Nederland)

ZK is an open-source Java web framework that uses Ajax techniques to create rich internet applications (RIAs). It features a component-based model, event-driven architecture, and XML user interface markup language. ZK supports scripting languages like Java, Groovy, and Python to add interactivity on both the client- and server-side. It aims to provide a desktop-like experience within a web browser.

Related slideshows

Cloud browser testing with Gradle and Geb
Cloud browser testing with Gradle and GebCloud browser testing with Gradle and Geb
Cloud browser testing with Gradle and Geb
 
Web Applications with AngularJS
Web Applications with AngularJSWeb Applications with AngularJS
Web Applications with AngularJS
 
"Backbone React Flux" Артем Тритяк
"Backbone React Flux" Артем Тритяк"Backbone React Flux" Артем Тритяк
"Backbone React Flux" Артем Тритяк
 
1 of 11
Download to read offline
ZK Framework OS Ajax Web framework for creating RIA’s
Why ZK? - Web based, cross browser - Java OS - Active and large community - New releases every two months - Easy to learn - Uses Ajax for synchronisation client/server - Desktop metaphore within browser - Event driven model - Component based - Uses XML user interface markup language (XUL) - Integration with Spring/Hibernate
ZK Architecture
ZK demo
ZK scripting - Supports EL, Java(script), Ruby, Groovy, Python - Uses BeanShell - Within zul file - Within separate zscript file - Within Java package
ZK scripting in zul file <?xml version="1.0" encoding="UTF-8"?> <?init zscript="login.zs"?> <zk> <button label="${c:l('login.form.button.login')} onClick="MessageBox.show("Message");"/> <button label="${c:l('login.form.button.login')}"> <attribute name="onClick"> Executions.getCurrent().sendRedirect(“show_roles.zul"); </attribute> </button> <button use="CLoginBtn" label="${c:l('login.form.button.login')}"/> <button use="nl.surf.emergo.control.CLoginBtn" label="${c:l('login.form.button.login')}"/> </zk>
ZK scripting in zscript file import org.zkoss.zul.Button; import org.zkoss.zk.ui.Executions; public class CLoginBtn extends Button { public void onClick() { Executions.getCurrent().sendRedirect(“show_roles.zul"); } }
ZK within Emergo
Emergo demo
Google maps demo
ZK (dis)advantages - Extensive set UI components - Quick prototyping using script - Script as well as pure Java - Script to Java if to slow - Synchronisation client/server - Scripting (BeanShell) to slow for complex pages - Changing default style sheet not easy

More Related Content

ZK framework

  • 1. ZK Framework OS Ajax Web framework for creating RIA’s
  • 2. Why ZK? - Web based, cross browser - Java OS - Active and large community - New releases every two months - Easy to learn - Uses Ajax for synchronisation client/server - Desktop metaphore within browser - Event driven model - Component based - Uses XML user interface markup language (XUL) - Integration with Spring/Hibernate
  • 5. ZK scripting - Supports EL, Java(script), Ruby, Groovy, Python - Uses BeanShell - Within zul file - Within separate zscript file - Within Java package
  • 6. ZK scripting in zul file <?xml version="1.0" encoding="UTF-8"?> <?init zscript="login.zs"?> <zk> <button label="${c:l('login.form.button.login')} onClick="MessageBox.show("Message");"/> <button label="${c:l('login.form.button.login')}"> <attribute name="onClick"> Executions.getCurrent().sendRedirect(“show_roles.zul"); </attribute> </button> <button use="CLoginBtn" label="${c:l('login.form.button.login')}"/> <button use="nl.surf.emergo.control.CLoginBtn" label="${c:l('login.form.button.login')}"/> </zk>
  • 7. ZK scripting in zscript file import org.zkoss.zul.Button; import org.zkoss.zk.ui.Executions; public class CLoginBtn extends Button { public void onClick() { Executions.getCurrent().sendRedirect(“show_roles.zul"); } }
  • 11. ZK (dis)advantages - Extensive set UI components - Quick prototyping using script - Script as well as pure Java - Script to Java if to slow - Synchronisation client/server - Scripting (BeanShell) to slow for complex pages - Changing default style sheet not easy