Medium 好讀版 我們想要在 Kimoji App 中新增一個 landing screen,可以用來在背景載入資料。 此系列文章是以我的業餘專...
什麼是 N+1 Query Problem One query for parents and N queries for children 真實世界中的...
究竟什麼是 ORM, JPA, Spring Data JPA, Hibernate 首先從常常讓人一頭霧水的名詞開始,ORM, JPA, Spring Dat...
今日目標,定義房間、房間列表。 Room 我們首先定義一個房間應該要有的資訊,房主(owner)、其他成員(guests)、房號(roomId),再來就實作這個...
Medium 好讀版 今天的文章中,我們要來介紹如何將 ViewModel expose 的可觀察資料型態接到 Composable 上。我們會示範將...
今日目標,配置 WebSocket 設定。既然昨天介紹了 WebSocket 的相關背景知識,那今天當然就是寫 WebSocket 相關的程式了,首先要設定 W...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
今日目標,介紹 WebSocket 技術、解釋之後如何使用 WebSocket 實作遊戲機制。 WebSocket WebSocket 是一種基於 TCP 的全...
Medium 好讀版 今天我們要來實作 Kimoji App 裡多選標籤的功能。我們會把勾選的狀態和邏輯放到 ViewModel。透過讓 ViewMod...
今日目標,在頁面檢驗登入、使用 Thymeleaf Page Layout 作為模板,建構網頁。 在前端檢驗登入狀態 雖然昨天我們在後端的部分檢驗登入狀態,避免...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
今日目標,實現自定義登入功能。 驗證功能 在實現自定義功能時,我們會需要有個實例負責儲存使用者的資訊,這個實例就是 UserDetails,並且會有相關 Ser...
Medium 好讀版 畫面或 UI state 會包含畫面上要顯示的內容 (例如日記清單)。由於這個狀態含有應用程式資料,因此通常連結著 app 架構的其...
今日目標,設置 web security。 Security 我們需要對網站做一些權限管理,包含登入等行為,就需要先設置 web security config...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
今日目標,加入各種限制來完善註冊功能。 Validation 我們定義註冊必須滿足一些條件:Email、Username 必須唯一,而且 Password 長度...
Medium 好讀版 如果我們想實作從清單刪除日記的行為,首先就是要讓清單可以變動內容。 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純...
今日目標,實現註冊功能。 註冊功能 UserRepository 在 user package 底下建立 java interface,名稱為 UserRep...
Medium 好讀版 今天的文章將延續上一篇「生氣紀錄本」的應用,將 remember 的行為以視覺化呈現。還沒讀過的同學,建議可以先到上一篇瀏覽範例程式...
今日目標,透過 UserController 接收請求後顯示註冊頁面,並簡單地使用 Thymeleaf。 註冊頁面 在 user package 底下建立 j...
Medium 好讀版 remember 會把物件儲存在 Composition 內,當 recomposition 期間 remember 所在的 sco...
今日目標,讓一些事自動化吧,Maven auto-reload、Hot reload server、使用 Lombok 簡化 Getter & Sett...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
今日目標,安裝資料庫、設定資料庫連線資訊、建立 Model。 資料庫 小弟我本來就有 XAMPP 所以資料庫就用 XAMPP 的 MySQL,如果你比較習慣 M...
Medium 好讀版 在今天的文章中,我們來一起瞭解 composable 的 lifecycle,以及 Compose 如何決定 composable...
今日目標,解釋 MVC 架構的詳細分層,並解釋我們之後開發架構。 分層 在前幾天,小弟僅介紹了 MVC 的基本架構以及其大致功用,今天要來解釋其內部更細的分層,...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...
每日閒聊 今天才加上昨天沒說完的部分,但說實在的著個部分對大多數人絕對不會有前面幾個運算那麼容易理解,建議好好咀嚼這裡的內容喔!有任何問題,歡迎隨時提問 運算補...
今日目標,介紹這次專案的架構、稍微說明會用到的資料夾是哪些,以及他們的功用。 專案架構 建立專案後,會自動產生這樣的資料夾結構,我們這次實作主要集中在紅色框起來...
Medium 好讀版 此系列文章是以我的業餘專案: Kimoji 作為範例。這款以純 Jetpack Compose 撰寫的 side project...