iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

ZK 30天速成 系列

從頭講解 ZK UI 框架的各方面基礎知識與用法,作爲初學者的入門磚,未來可以藉此基礎自行深入學習更多 ZK 相關開發技術。主要講解 MVC 樣式的開發方法,因為這個樣式比較易懂。

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 1

我想用 AJAX,但是...

現在使用者對網頁應用程式的要求越來越高,又要好看又要反應快。常見的做法是使用 AJAX 提升頁面反應時間,但為何要用 AJAX 呢? 為何要用 AJAX 早期使...

2021-09-16 ‧ 由 Hawk 分享
DAY 2

讓Java後端工程師免煩惱前端的 UI 框架

整體來說,ZK 框架的特性如下: ZK 能幫助你專注在後端核心業務邏輯 對做應用系統的工程師來說,實作該應用系統的「核心業務」是最重要的工作,例如財會、倉儲、人...

2021-09-17 ‧ 由 Hawk 分享
DAY 3

讓你用 ZK快速開發的環境設定

本系列文章範例專案 本系列文章中所有的設定與範例程式碼都可以在 Github 上的範例專案 zkquickstart 找到,有些細節就交給原始碼來說明更清楚。...

2021-09-18 ‧ 由 Hawk 分享
DAY 4

兩種開發模式 (MVC, MVVM) 比較

ZK 支援兩種 pattern 來開發: MVC (Model View Controller) MVVM (Model View ViewModel) 兩...

2021-09-19 ‧ 由 Hawk 分享
DAY 5

用元件建構符合需求的畫面

ZK 提供一個自訂語言 ZUL 讓你建構畫面,語法是標準 XML 格式。每個 tag 代表一個元件,用 attribute 來控制元件其行為、外觀與功能,tag...

2021-09-20 ‧ 由 Hawk 分享
DAY 6

用 zul 快速製作雛形系統

在軟體開發過程中,最不確定的因素是「需求」。因為通常要做的系統是沒人用過的新系統,常常使用者沒看到系統前也說不清楚自己要什麼,可能一開始說要個「發光的燈管加握把...

2021-09-21 ‧ 由 Hawk 分享
DAY 7

英雄列表範例:載入資料

接下來我要用一個小應用來介紹基本的 CRUD 實作:復仇者英雄列表。它的功能如下: 新增英雄到列表中 顯示英雄列表 刪除英雄 修改英雄 設計畫面 顯示列表...

2021-09-22 ‧ 由 Hawk 分享
DAY 8

英雄列表範例:顯示列表

關聯到一個控制器 在伺服器的控制器(ZK composer)載入資料後,要讓它跟 zul 上寫的元件關聯,才能實際控制 zul上的元件,於是我在最上層的元件 &...

2021-09-23 ‧ 由 Hawk 分享
DAY 9

英雄列表範例:新增英雄

這篇我要介紹如何實作新增一個英雄到列表中,為了簡化情境,這功能只需要輸入英雄的名字。 首先要增加 UI 元件:<textbox>、<butto...

2021-09-24 ‧ 由 Hawk 分享
DAY 10

英雄列表範例:刪除英雄

接下來介紹「刪除英雄」的實作方法。 刪除介面設計 我規劃是在每個項目後面增加一個刪除按鈕,按下該按鈕就刪除該項目,簡單明確。 首先要調整 Listbox 中的範...

2021-09-25 ‧ 由 Hawk 分享