Enviar pesquisa
Carregar
Giới thiệu zk framework
•
Transferir como PPTX, PDF
•
1 gostou
•
3,937 visualizações
N
nguyễn ngọc viện
Seguir
Giới thiệu zk framework
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 24
Baixar agora
Recomendados
WDL - Hướng dẫn sử dụng phần mềm tính toán tải trọng Gió
WDL - Hướng dẫn sử dụng phần mềm tính toán tải trọng Gió
Hồ Việt Hùng
Phần mềm WDL - Tính toán tải trọng gió
Phần mềm WDL - Tính toán tải trọng gió
DaohathiepThiep
Introduction to react native
Introduction to react native
Dani Akash
KCS KTV - Phần mềm kiểm tra cốt thép Vách
KCS KTV - Phần mềm kiểm tra cốt thép Vách
Hồ Việt Hùng
Server-side JS with NodeJS
Server-side JS with NodeJS
Lilia Sfaxi
Cross platform mobile development
Cross platform mobile development
Peter Friese
Lập trình trong_autocad
Lập trình trong_autocad
Duy Tân
Autocad excel vba
Autocad excel vba
rjg_vijay
Recomendados
WDL - Hướng dẫn sử dụng phần mềm tính toán tải trọng Gió
WDL - Hướng dẫn sử dụng phần mềm tính toán tải trọng Gió
Hồ Việt Hùng
Phần mềm WDL - Tính toán tải trọng gió
Phần mềm WDL - Tính toán tải trọng gió
DaohathiepThiep
Introduction to react native
Introduction to react native
Dani Akash
KCS KTV - Phần mềm kiểm tra cốt thép Vách
KCS KTV - Phần mềm kiểm tra cốt thép Vách
Hồ Việt Hùng
Server-side JS with NodeJS
Server-side JS with NodeJS
Lilia Sfaxi
Cross platform mobile development
Cross platform mobile development
Peter Friese
Lập trình trong_autocad
Lập trình trong_autocad
Duy Tân
Autocad excel vba
Autocad excel vba
rjg_vijay
RCC - Phần mềm tính toán thiết kế cốt thép Cột
RCC - Phần mềm tính toán thiết kế cốt thép Cột
Hồ Việt Hùng
Thiet ke khuon solid works 2017
Thiet ke khuon solid works 2017
Trung tâm Advance Cad
React Native
React Native
vishal kumar
Sổ tay chọn máy thi công xây dựng-Nguyến Tiến Thu
Sổ tay chọn máy thi công xây dựng-Nguyến Tiến Thu
Dung Tien
Postgre Diagram
Postgre Diagram
khacthuong2008
Android ppt
Android ppt
Pooja Garg
Phần mềm PFD 2015- Tính toán móng cọc
Phần mềm PFD 2015- Tính toán móng cọc
DaohathiepThiep
Sitecore User Group - JSS & GraphQL
Sitecore User Group - JSS & GraphQL
Thom Puiman
React Native - Getting Started
React Native - Getting Started
Tracy Lee
Giáo trình bảo mật thông tin
Giáo trình bảo mật thông tin
jackjohn45
Android structure
Android structure
Kumar
Huong dan mo hinh nha trong etabs
Huong dan mo hinh nha trong etabs
VOBAOTOAN
Hướng dẫn sử dụng Etabs - Cơ bản
Hướng dẫn sử dụng Etabs - Cơ bản
Hồ Việt Hùng
Đề tài: Kiểm thử phần mềm trên thiết bị di động, HAY, 9đ
Đề tài: Kiểm thử phần mềm trên thiết bị di động, HAY, 9đ
Dịch Vụ Viết Bài Trọn Gói ZALO 0917193864
Introduction to React JS
Introduction to React JS
Bethmi Gunasekara
Giáo trình thiết kế Mặt Siemens NX11
Giáo trình thiết kế Mặt Siemens NX11
Trung tâm Advance Cad
Báo cáo thực tập - LẮP RÁP, CÀI ĐẶT, SỬA CHỮA MÁY TÍNH !!
Báo cáo thực tập - LẮP RÁP, CÀI ĐẶT, SỬA CHỮA MÁY TÍNH !!
Dịch Vụ Viết Luận Văn Thuê ZALO/TELEGRAM 0934573149
SQLite database in android
SQLite database in android
Gourav Kumar Saini
7 yếu tố cản trở quá trình chuyển đổi số
7 yếu tố cản trở quá trình chuyển đổi số
Huynh Huu Tai
Enter the World of PowerApps - Canvas vs. Model-Driven Apps
Enter the World of PowerApps - Canvas vs. Model-Driven Apps
Daniel Laskewitz
ZK framework
ZK framework
CELSTEC (Open Universiteit Nederland)
Huong dan dung index_oracle
Huong dan dung index_oracle
nguyễn ngọc viện
Mais conteúdo relacionado
Mais procurados
RCC - Phần mềm tính toán thiết kế cốt thép Cột
RCC - Phần mềm tính toán thiết kế cốt thép Cột
Hồ Việt Hùng
Thiet ke khuon solid works 2017
Thiet ke khuon solid works 2017
Trung tâm Advance Cad
React Native
React Native
vishal kumar
Sổ tay chọn máy thi công xây dựng-Nguyến Tiến Thu
Sổ tay chọn máy thi công xây dựng-Nguyến Tiến Thu
Dung Tien
Postgre Diagram
Postgre Diagram
khacthuong2008
Android ppt
Android ppt
Pooja Garg
Phần mềm PFD 2015- Tính toán móng cọc
Phần mềm PFD 2015- Tính toán móng cọc
DaohathiepThiep
Sitecore User Group - JSS & GraphQL
Sitecore User Group - JSS & GraphQL
Thom Puiman
React Native - Getting Started
React Native - Getting Started
Tracy Lee
Giáo trình bảo mật thông tin
Giáo trình bảo mật thông tin
jackjohn45
Android structure
Android structure
Kumar
Huong dan mo hinh nha trong etabs
Huong dan mo hinh nha trong etabs
VOBAOTOAN
Hướng dẫn sử dụng Etabs - Cơ bản
Hướng dẫn sử dụng Etabs - Cơ bản
Hồ Việt Hùng
Đề tài: Kiểm thử phần mềm trên thiết bị di động, HAY, 9đ
Đề tài: Kiểm thử phần mềm trên thiết bị di động, HAY, 9đ
Dịch Vụ Viết Bài Trọn Gói ZALO 0917193864
Introduction to React JS
Introduction to React JS
Bethmi Gunasekara
Giáo trình thiết kế Mặt Siemens NX11
Giáo trình thiết kế Mặt Siemens NX11
Trung tâm Advance Cad
Báo cáo thực tập - LẮP RÁP, CÀI ĐẶT, SỬA CHỮA MÁY TÍNH !!
Báo cáo thực tập - LẮP RÁP, CÀI ĐẶT, SỬA CHỮA MÁY TÍNH !!
Dịch Vụ Viết Luận Văn Thuê ZALO/TELEGRAM 0934573149
SQLite database in android
SQLite database in android
Gourav Kumar Saini
7 yếu tố cản trở quá trình chuyển đổi số
7 yếu tố cản trở quá trình chuyển đổi số
Huynh Huu Tai
Enter the World of PowerApps - Canvas vs. Model-Driven Apps
Enter the World of PowerApps - Canvas vs. Model-Driven Apps
Daniel Laskewitz
Mais procurados
(20)
RCC - Phần mềm tính toán thiết kế cốt thép Cột
RCC - Phần mềm tính toán thiết kế cốt thép Cột
Thiet ke khuon solid works 2017
Thiet ke khuon solid works 2017
React Native
React Native
Sổ tay chọn máy thi công xây dựng-Nguyến Tiến Thu
Sổ tay chọn máy thi công xây dựng-Nguyến Tiến Thu
Postgre Diagram
Postgre Diagram
Android ppt
Android ppt
Phần mềm PFD 2015- Tính toán móng cọc
Phần mềm PFD 2015- Tính toán móng cọc
Sitecore User Group - JSS & GraphQL
Sitecore User Group - JSS & GraphQL
React Native - Getting Started
React Native - Getting Started
Giáo trình bảo mật thông tin
Giáo trình bảo mật thông tin
Android structure
Android structure
Huong dan mo hinh nha trong etabs
Huong dan mo hinh nha trong etabs
Hướng dẫn sử dụng Etabs - Cơ bản
Hướng dẫn sử dụng Etabs - Cơ bản
Đề tài: Kiểm thử phần mềm trên thiết bị di động, HAY, 9đ
Đề tài: Kiểm thử phần mềm trên thiết bị di động, HAY, 9đ
Introduction to React JS
Introduction to React JS
Giáo trình thiết kế Mặt Siemens NX11
Giáo trình thiết kế Mặt Siemens NX11
Báo cáo thực tập - LẮP RÁP, CÀI ĐẶT, SỬA CHỮA MÁY TÍNH !!
Báo cáo thực tập - LẮP RÁP, CÀI ĐẶT, SỬA CHỮA MÁY TÍNH !!
SQLite database in android
SQLite database in android
7 yếu tố cản trở quá trình chuyển đổi số
7 yếu tố cản trở quá trình chuyển đổi số
Enter the World of PowerApps - Canvas vs. Model-Driven Apps
Enter the World of PowerApps - Canvas vs. Model-Driven Apps
Destaque
ZK framework
ZK framework
CELSTEC (Open Universiteit Nederland)
Huong dan dung index_oracle
Huong dan dung index_oracle
nguyễn ngọc viện
Tema 2 implementar el demo zk
Tema 2 implementar el demo zk
Giovanni Flores
Tema 1 mi primera aplicacion zk con netbeans y rem
Tema 1 mi primera aplicacion zk con netbeans y rem
Giovanni Flores
Design Patterns in ZK: Java MVVM as Model-View-Binder
Design Patterns in ZK: Java MVVM as Model-View-Binder
Simon Massey
Errors, Error Detection, and Error Control
Errors, Error Detection, and Error Control
Angel G Diaz
jQuery Presentation
jQuery Presentation
Rod Johnson
Java Server Faces (JSF) - Basics
Java Server Faces (JSF) - Basics
BG Java EE Course
ZK MVVM, Spring & JPA On Two PaaS Clouds
ZK MVVM, Spring & JPA On Two PaaS Clouds
Simon Massey
Bootstrap ppt
Bootstrap ppt
Ishtdeep Hora
Evaluación de ZK
Evaluación de ZK
Guillermo Pizarro
Introduction to Bootstrap
Introduction to Bootstrap
Ron Reiter
Destaque
(12)
ZK framework
ZK framework
Huong dan dung index_oracle
Huong dan dung index_oracle
Tema 2 implementar el demo zk
Tema 2 implementar el demo zk
Tema 1 mi primera aplicacion zk con netbeans y rem
Tema 1 mi primera aplicacion zk con netbeans y rem
Design Patterns in ZK: Java MVVM as Model-View-Binder
Design Patterns in ZK: Java MVVM as Model-View-Binder
Errors, Error Detection, and Error Control
Errors, Error Detection, and Error Control
jQuery Presentation
jQuery Presentation
Java Server Faces (JSF) - Basics
Java Server Faces (JSF) - Basics
ZK MVVM, Spring & JPA On Two PaaS Clouds
ZK MVVM, Spring & JPA On Two PaaS Clouds
Bootstrap ppt
Bootstrap ppt
Evaluación de ZK
Evaluación de ZK
Introduction to Bootstrap
Introduction to Bootstrap
Semelhante a Giới thiệu zk framework
Thuyet trinh java fx
Thuyet trinh java fx
Huu Uoc Nguyen
Java fx
Java fx
Huu Uoc Nguyen
Ứng dụng từ điển cho SmartPhone từ Framework PhoneGap trên nền tảng Android
Ứng dụng từ điển cho SmartPhone từ Framework PhoneGap trên nền tảng Android
Lương Bá Hợp
Silverlight chapter 1
Silverlight chapter 1
hthuyet
Tìm đường trên di động (PhoneGap)
Tìm đường trên di động (PhoneGap)
Lương Bá Hợp
Bai08 10 java_fx
Bai08 10 java_fx
Nhuận Lê Văn
Seowap
Seowap
changcondon
Gioi thieu ve_java
Gioi thieu ve_java
Vũ Trung Đông
gioi thieu ve java
gioi thieu ve java
Dat Ngo
Sof301 slide1
Sof301 slide1
tonguyencntt
ITLC - Hanoi - NodeJS - ArrowJS - 27-11 - 2015
ITLC - Hanoi - NodeJS - ArrowJS - 27-11 - 2015
IT Expert Club
jquery.pdf
jquery.pdf
BuiNguyenNhiUyenB200
J query
J query
Phuong Dinh
Arrowjs.io
Arrowjs.io
TechMaster Vietnam
Giao Trinh Jquery
Giao Trinh Jquery
Hải Finiks Huỳnh
Giới thiệu Nuxt.js
Giới thiệu Nuxt.js
Robin Huy
Giới thiệu Overview về AngularJS, Yeoman
Giới thiệu Overview về AngularJS, Yeoman
QSoft Vietnam
Nodejs Introduction
Nodejs Introduction
thanh can
Sử dụng dịch vụ điện toán đám mây
Sử dụng dịch vụ điện toán đám mây
PhamTuanKhiem
SEOWAP - Tài liệu SEO cho Mobile - Tuấn Hà
SEOWAP - Tài liệu SEO cho Mobile - Tuấn Hà
Nguyễn Duy Nhân
Semelhante a Giới thiệu zk framework
(20)
Thuyet trinh java fx
Thuyet trinh java fx
Java fx
Java fx
Ứng dụng từ điển cho SmartPhone từ Framework PhoneGap trên nền tảng Android
Ứng dụng từ điển cho SmartPhone từ Framework PhoneGap trên nền tảng Android
Silverlight chapter 1
Silverlight chapter 1
Tìm đường trên di động (PhoneGap)
Tìm đường trên di động (PhoneGap)
Bai08 10 java_fx
Bai08 10 java_fx
Seowap
Seowap
Gioi thieu ve_java
Gioi thieu ve_java
gioi thieu ve java
gioi thieu ve java
Sof301 slide1
Sof301 slide1
ITLC - Hanoi - NodeJS - ArrowJS - 27-11 - 2015
ITLC - Hanoi - NodeJS - ArrowJS - 27-11 - 2015
jquery.pdf
jquery.pdf
J query
J query
Arrowjs.io
Arrowjs.io
Giao Trinh Jquery
Giao Trinh Jquery
Giới thiệu Nuxt.js
Giới thiệu Nuxt.js
Giới thiệu Overview về AngularJS, Yeoman
Giới thiệu Overview về AngularJS, Yeoman
Nodejs Introduction
Nodejs Introduction
Sử dụng dịch vụ điện toán đám mây
Sử dụng dịch vụ điện toán đám mây
SEOWAP - Tài liệu SEO cho Mobile - Tuấn Hà
SEOWAP - Tài liệu SEO cho Mobile - Tuấn Hà
Giới thiệu zk framework
1.
GiỚI THIỆU ZK
FRAMEWORK RIKKEISOFT 05/31/2016 TichNV © Copyright 2016 Rikkeisoft
2.
Outline 1. Giới thiệu
về ZK FrameWork 2. Mô hình kiến trúc ZK FrameWork 3. Tại sao nên dùng ZK FrameWork 4. Cài đặt môi trường phát triển ZK FrameWork 5. Cấu trúc 1 project ZK 6. Tạo Demo sử dụng ZK framework © Copyright 2016 Rikkeisoft
3.
Giới thiệu về
ZK FrameWork • ZK là một event-driven, component-based framework Hỗ trợ tạo nhiều giao diện cho ứng dụng Web. ZK bao gồm AJAX-based và event-driven engine(điều khiển sự kiện), là sự thiết lập của một bộ các thành phần XUL, XHTML, và một ngôn ngữ ZUML (ZK User Interface Markup Language). © Copyright 2016 Rikkeisoft
4.
Mô hình kiến
trúc ZK FrameWork • Khi truy cập một trang ứng dụng ZK ,ZK sẽ tạo ra các components trong ZUL và hiển thị trên trình duyệt. • Khi thao tác với các components thì sẽ được gọi đến các xử lý của controller được khai báo trong ZUL sau đó tất cả những thay đổi sẽ được trả về trình duyệt . © Copyright 2016 Rikkeisoft
5.
Mô hình kiến
trúc ZK FrameWork • ZK không đòi hỏi hay yêu cầu bất kỳ kĩ thuật nào là nền tảng(back-end) cả. Nó có thể được sử dụng chung với các midleware JDBC, Hibernate, EJB or JMS. © Copyright 2016 Rikkeisoft
6.
Tại sao nên
dùng ZK FrameWork • Với ZK bạn có thể trình bày những ứng dụng sử dụng những chức năng của các thành phần XUL và XHTML. Hỗ trợ tạo một giao diện như một desktop application, sự vận dụng này giúp tránh lỗi cho người sử dụng. • ZK hỗ trợ ngôn ngữ markup languages là ZUML, ZUML giống như XHTML cho phép người phát triển thiết kế giao diện người dùng mà không cần biết nhiều kiến thức về lập trình giao diện. • ZK framework là một framework mã nguồn mở Java mạnh mẽ chuyên dùng để phát triển các ứng dụng web và ứng dụng mobile. Java Web Framework này rất thích hợp để phát triển các ứng dụng web hiện đại cần xử lý Ajax nhiều, hỗ trợ công nghệ responsive và hỗ trợ cả nền tảng mobile. Ngoài Java, ZK Framework còn được xây dựng trên các công nghệ mở khác như jQuery và Bootstrap rất quen thuộc với giới lập trình viên. © Copyright 2016 Rikkeisoft
7.
Môi trường phát
triển ZK FrameWork cần có • JDK • Eclipse IDE for Java EE Developer • Web Server Apache Tomcat • Cài đặt ZK Studio • Tham khảo tại cài đặt môi trường và tạo project sử dụng ZK framework tại : https://www.zkoss.org/wiki/ZK_Installation_Guide/Quick_Start/Create_and_Run_Y our_First_ZK_Application_with_Eclipse_and_Maven © Copyright 2016 Rikkeisoft
8.
Cấu trúc 1
project ZK © Copyright 2016 Rikkeisoft
9.
Tạo Demo sử
dụng ZK framework © Copyright 2016 Rikkeisoft 1. Tạo project DemoZK 2. Tạo layout cho DemoZK carLayout.zull” 3. Tạo trang tìm kiếm và hiển thị danh sách “searchCar.zul” 4. Tạo Entity Car.java 5. Tạo CarService.java và CarServiceImpl.java 6. Tạo SearchCarController.java
10.
Tạo project DemoZK •
Tham khảo cách tạo project tại https://www.zkoss.org/wiki/ZK_Studio_Essentials/Begin_Your_First_ZK_Projec t/Create_a_New_ZK_Maven_Project • Sau khi tạo xong project có cấu trúc sau. © Copyright 2016 Rikkeisoft
11.
Tạo layout cho
DemoZK carLayout.zull • Cấu trúc một layout của ZK © Copyright 2016 Rikkeisoft
12.
Tạo layout(tt) • Tạo
trang index.zul © Copyright 2016 Rikkeisoft
13.
Tạo layout(tt) • Tạo
trang banner.zul © Copyright 2016 Rikkeisoft
14.
Tạo layout(tt) • Tạo
trang sidebar.zul © Copyright 2016 Rikkeisoft
15.
Tạo layout(tt) • Tạo
trang footer.zul © Copyright 2016 Rikkeisoft
16.
Tạo layout(tt) • index.zul ©
Copyright 2016 Rikkeisoft
17.
Tạo trang tìm
kiếm searchCar.zul © Copyright 2016 Rikkeisoft
18.
• Xác định
controller xử lý • <window title="Search" width="1000px" border="normal" apply="demo.controller.SearchCarController"> • Textbox • Listbox • Button • Label Tạo trang tìm kiếm searchCar.zul(tt) © Copyright 2016 Rikkeisoft
19.
Ai cũng biết
khỏi nói nhỉ ,xem code vậy. Tạo Entity ,Service,ServiceImpl © Copyright 2016 Rikkeisoft
20.
• Tạo class
SearchCarController kế thừa SelectorComposer<Component> public class SearchCarController extends SelectorComposer<Component> {…} • Wire Components: • @Wire • private Textbox keywordBox; • @Wire • private Listbox carListbox; • @Wire • private Label modelLabel; Tạo SearchCarController.java © Copyright 2016 Rikkeisoft
21.
• Listen to
Component Events: @Listen("onClick = #searchButton") public void search(){ ... } @Listen("onSelect = #carListbox") public void showDetail(){ … } • Cú pháp chung: @Listen( [EVENT_NAME] = #[COMPONENT_ID]) public void hamXuLY(){ … } Tạo SearchCarController.java(tt) © Copyright 2016 Rikkeisoft
22.
• Sơ đồ
hoạt động theo mô hình MVC Tạo SearchCarController.java © Copyright 2016 Rikkeisoft
23.
Demo source © Copyright
2016 Rikkeisoft
24.
Thank you RIKKEISOFT © Copyright
2016 Rikkeisoft
Baixar agora