https://github.com/dimmaryanto93/zk.web-mvc-example
Belajar ZK Framework from https://www.zkoss.org/wiki/ZK_Getting_Started/Get_ZK_Up_and_Running_with_MVC
https://github.com/dimmaryanto93/zk.web-mvc-example
web-mvc zk zk-technology
Last synced: 8 months ago
JSON representation
Belajar ZK Framework from https://www.zkoss.org/wiki/ZK_Getting_Started/Get_ZK_Up_and_Running_with_MVC
- Host: GitHub
- URL: https://github.com/dimmaryanto93/zk.web-mvc-example
- Owner: dimMaryanto93
- Created: 2017-08-15T04:06:14.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-08-15T08:01:57.000Z (almost 9 years ago)
- Last Synced: 2025-05-18T10:06:12.995Z (about 1 year ago)
- Topics: web-mvc, zk, zk-technology
- Language: Java
- Size: 97.7 KB
- Stars: 0
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ZK Framework with MVC pattern
Di project ini kita akan membuat sebuah web aplikasi dengan framework ZK
menggunakan pendekatan MVC (Model View Controller) dengan contoh kasus
menampilkan data ke tableview dan pencariannya. kurang lebih seperti gambar berikut:
Pada dasarnya, tampilan tersebut terbagi menjadi 3 area yaitu
- pencarian,
- daftar semua mobil dan
- detail mengenai mobil-mobil yang di seleksi di table.
### Membuat project dengan maven archetype zk-archetype-webapp
```bash
mvn archetype:generate -Dpackage=belajar.zk -DgroupId=com.dimas.maryanto.zk -DartifactId=zk.web-mvc -Dversion=1.0-SNAPSHOT -DarchetypeGroupId=org.zkoss -DarchetypeArtifactId=zk-archetype-webapp
```
Tambahkan dependency `org.projectlombok` untuk memudahkan dalam membuat POJO (Plain Old Java Object)
```xml
org.projectlombok
lombok
1.16.18
```
## Membuat User Interface (View)
ZK framework mendefinisikan GUI dengan ZUML (ZK User Interface Markup Language)
yang basicly menggunakan bahasa XML meskipun bisa juga menggunakan
template engine lain seperti `JSP`, `Velocity` dll.
tapi di project ini kita akan menggunakan default ZK yaitu `.zul`
Berikut adalah contoh tag `.zul` untuk mendesign user interface di ZK Framework dengan ZUML.
```xml
```
**Note** yang perlu diperhatikan!!
Semua components dalam ZK Components contohnya seperti `textbox`, `checkbox`, `datebox` dan lain-lain
harus berada dalam tags `...`