{"id":18672553,"url":"https://github.com/dimmaryanto93/zk.web-mvc-example","last_synced_at":"2025-10-23T20:38:29.441Z","repository":{"id":107985178,"uuid":"100337452","full_name":"dimMaryanto93/zk.web-mvc-example","owner":"dimMaryanto93","description":"Belajar ZK Framework from https://www.zkoss.org/wiki/ZK_Getting_Started/Get_ZK_Up_and_Running_with_MVC","archived":false,"fork":false,"pushed_at":"2017-08-15T08:01:57.000Z","size":100,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-05-18T10:06:12.995Z","etag":null,"topics":["web-mvc","zk","zk-technology"],"latest_commit_sha":null,"homepage":null,"language":"Java","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dimMaryanto93.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-08-15T04:06:14.000Z","updated_at":"2017-10-24T13:42:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"16cdab51-9fe8-478e-bc19-80dcc707276b","html_url":"https://github.com/dimMaryanto93/zk.web-mvc-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dimMaryanto93/zk.web-mvc-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimMaryanto93%2Fzk.web-mvc-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimMaryanto93%2Fzk.web-mvc-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimMaryanto93%2Fzk.web-mvc-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimMaryanto93%2Fzk.web-mvc-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dimMaryanto93","download_url":"https://codeload.github.com/dimMaryanto93/zk.web-mvc-example/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimMaryanto93%2Fzk.web-mvc-example/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267978037,"owners_count":24175245,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-31T02:00:08.723Z","response_time":66,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["web-mvc","zk","zk-technology"],"created_at":"2024-11-07T09:11:57.643Z","updated_at":"2025-10-23T20:38:24.409Z","avatar_url":"https://github.com/dimMaryanto93.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ZK Framework with MVC pattern\n\nDi project ini kita akan membuat sebuah web aplikasi dengan framework ZK \nmenggunakan pendekatan MVC (Model View Controller) dengan contoh kasus \nmenampilkan data ke tableview dan pencariannya. kurang lebih seperti gambar berikut:\n\n![Contoh interface](images/details.png)\n\nPada dasarnya, tampilan tersebut terbagi menjadi 3 area yaitu \n- pencarian, \n- daftar semua mobil dan \n- detail mengenai mobil-mobil yang di seleksi di table.\n\n### Membuat project dengan maven archetype zk-archetype-webapp\n\n```bash\nmvn 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\n```\n\nTambahkan dependency `org.projectlombok` untuk memudahkan dalam membuat POJO (Plain Old Java Object)\n\n```xml\n\u003cdependency\u003e\n    \u003cgroupId\u003eorg.projectlombok\u003c/groupId\u003e\n    \u003cartifactId\u003elombok\u003c/artifactId\u003e\n    \u003cversion\u003e1.16.18\u003c/version\u003e\n\u003c/dependency\u003e\n```\n\n## Membuat User Interface (View)\n\nZK framework mendefinisikan GUI dengan ZUML (ZK User Interface Markup Language) \nyang basicly menggunakan bahasa XML meskipun bisa juga menggunakan \ntemplate engine lain seperti `JSP`, `Velocity` dll. \ntapi di project ini kita akan menggunakan default ZK yaitu `.zul`\n\nBerikut adalah contoh tag `.zul` untuk mendesign user interface di ZK Framework dengan ZUML.\n\n```xml\n\u003czk\u003e\n    \u003cwindow title=\"Daftar Harga Mobil\" width=\"600px\" border=\"normal\"\u003e\n        \u003c!-- sisipkan child tags here--\u003e\n    \u003c/window\u003e\n\u003c/zk\u003e\n```\n\n**Note** yang perlu diperhatikan!!\n\nSemua components dalam ZK Components contohnya seperti `textbox`, `checkbox`, `datebox` dan lain-lain \nharus berada dalam tags `\u003cwindow\u003e...\u003c/window\u003e`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimmaryanto93%2Fzk.web-mvc-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimmaryanto93%2Fzk.web-mvc-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimmaryanto93%2Fzk.web-mvc-example/lists"}