iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

Spring Boot... 深不可測 系列

這是一個關於我從 0 開始學習 Spring Boot 的故事... 本次的目標是透過 Spring Boot 做出一款網頁版的撲克牌遊戲 -- 階級鬥爭,並在過程中介紹相關技術和知識,如 MVC 架構、Websocket 等。

鐵人鍊成 | 共 31 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文 團隊那團名要叫什麼?
DAY 21

Day 20 - 房間頁面

今日目標,網址 room 的請求分發、房間頁面。 頁面 我們依然先搞定頁面的部份,再來處理 Controller。 在 templates 底下建立一個 HT...

2022-10-06 ‧ 由 mark0613 分享
DAY 22

Day 21 - 即時更新房間資訊

今日目標,將房間頁面的資訊透過 WebSocket 串接並即時顯示。 Multicast 當某個房間內的相關資訊改變的時候,比如:房主換人、有人進出造成人數改變...

2022-10-07 ‧ 由 mark0613 分享
DAY 23

Day 22 - 準備

今日目標,「準備」功能。 今天我們要透過 WebSocket 更新房間內成員的準備狀態,聽起來很簡單,但還是有些細節要注意 判斷準備的依據,準備的時候要變成沒...

2022-10-08 ‧ 由 mark0613 分享
DAY 24

Day 23 - 滾出我的房間!

今日目標,「退出房間」和「踢出房間」的功能。 其實「退出房間」跟「踢出房間」是同個方法,指定 username 將其踢出去即可,而退出房間小弟也是用 API 的...

2022-10-09 ‧ 由 mark0613 分享
DAY 25

Day 24 - 卡

今日目標,定義卡片相關的類別和方法。 撲克牌遊戲最麻煩的地方就是要定義花色跟數字,還有牌型的大小比較... 先建立一個 package,名稱是 card (糟...

2022-10-10 ‧ 由 mark0613 分享
DAY 26

Day 25 - Let's play a game

今日目標,開始遊戲。 對,今天只有「開始」還不包含遊戲的過程,但在開始之前,我們要先定義一些之後遊戲過程方便操作的類別或實例。先建立一個 package,名稱為...

2022-10-11 ‧ 由 mark0613 分享
DAY 27

Day 26 - 手牌

今日目標,即時顯示自己的手牌、別人的手牌數。 WebSocket 前面有提過手牌會透過 WebSocket 的單播來發給各個玩家,其他人的手牌數則透過對該房間的...

2022-10-12 ‧ 由 mark0613 分享
DAY 28

Day 27 - 倒數計時

今日目標,倒數計時。 Timer 既然要讀秒,那我們先嘗試使用 Timer,不過這個方法是不可行的,待會會說明,然後這邊為了方便,我們寫測試程式來 Demo。...

2022-10-13 ‧ 由 mark0613 分享
DAY 29

Day 28 - 出牌

今日目標,輪流出牌。 選擇 打出去之前要先選擇~~ 修改 game.js,我們要先取得使用者點擊的牌,並且在第二次點擊時取消選擇,這邊用 Set 來決定目前選...

2022-10-14 ‧ 由 mark0613 分享
DAY 30

Day 29 - 檢驗出牌

今日目標,顯示上一組牌、定義特殊牌型、檢驗出牌是合法的。 Debug 發現前幾天的 code 邏輯有點問題,所以稍微作一下修正,最近有點累... GameS...

2022-10-15 ‧ 由 mark0613 分享