iT邦幫忙

modern web相關文章
共有 526 則文章
鐵人賽 Modern Web DAY 29

技術 [Day 29] 激戰篇: 新世界的夥伴: Celery & Redis(下)

嗨大家好,我是Sean!今天我們來完成Celery&Redis的搭檔合作! Celery 首先,我們先來介紹Celery是甚麼!celery是djan...

鐵人賽 Modern Web DAY 28
Spring Boot... 深不可測 系列 第 28

技術 Day 27 - 倒數計時

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

鐵人賽 Modern Web DAY 28

技術 [Day 28] 激戰篇: 新世界的夥伴: Celery & Redis(上)

嗨大家好,我是Sean!今天我們來繼續介紹新的主題: Celery以及Redis! 這個部分,剛開始在規劃的時候只有打算寫一篇,但發現在其實有很多細節,而下一個...

鐵人賽 Modern Web DAY 27

技術 [Day 27] 激戰篇: 新世界人人都要會的Docker?

嗨大家好,我是Sean!在昨天我們的實務經驗分享大概到了一個段落了!讓我們來邁向新世界! 從今天到結束,我們每天接觸一項應該得熟悉的後端技能/工具,算是送給鐵人...

鐵人賽 Modern Web DAY 27
Spring Boot... 深不可測 系列 第 27

技術 Day 26 - 手牌

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

鐵人賽 Modern Web DAY 26
Spring Boot... 深不可測 系列 第 26

技術 Day 25 - Let's play a game

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

鐵人賽 Modern Web DAY 26

技術 [DAY 26] 激戰篇: 如何序列化複數個model

嗨大家好,我是Sean!過完了連假,總是有'拜託再多一天'的感覺嗚嗚! 那麼,我們今天來講一個實務不可避免會需要使用到的技巧,序列化複數個model。 Seri...

鐵人賽 Modern Web DAY 25
Spring Boot... 深不可測 系列 第 25

技術 Day 24 - 卡

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

鐵人賽 Modern Web DAY 25

技術 [Day 25] 激戰篇: 如何將選項(Choices)欄位變更為外來鍵(FK)

嗨大家好,我是Sean! 不知道大家連假,過得怎樣啊?昨天我們講完Migration error的部分,我們來講解一下另外一種會造成migration erro...

鐵人賽 Modern Web DAY 24
Spring Boot... 深不可測 系列 第 24

技術 Day 23 - 滾出我的房間!

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

鐵人賽 Modern Web DAY 24

技術 [Day 24] 激戰篇: 正面對決啊 Migration error(下)

嗨大家好,我是Sean!昨天講了一個常見的migration error也就是table already exists的情況。 今天再來講一個可能比較少見,但時...

鐵人賽 Modern Web DAY 23
Spring Boot... 深不可測 系列 第 23

技術 Day 22 - 準備

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

鐵人賽 Modern Web DAY 23

技術 [Day 23] 激戰篇: 正面對決啊Migration error (上)

嗨大家好,我是Sean! 不知道大家連假的第一天都在做些甚麼呢?昨天我們部署完GCP後,原本今天的安排是想要做使用IIS部署專案在Window server上的...

鐵人賽 Modern Web DAY 22
Spring Boot... 深不可測 系列 第 22

技術 Day 21 - 即時更新房間資訊

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

鐵人賽 Modern Web DAY 22

技術 [Day 22] 實戰篇: 飛上雲端! GCP之部署(下集)

嗨大家好,我是Sean!昨天把我們GCP Cloud SQL的部分說完了! 我們的雲端資料庫也就完成了!今天我們來講解如何使用GCP App Engine做部屬...

鐵人賽 Modern Web DAY 21

技術 [Day 21] 實戰篇: 飛上雲端! GCP之部署(中集)

嗨大家好,我是Sean!我們來繼續昨天完成的GCP部署大工程! GCP Cloud SQL 回到我們的GCP頁面的console,我們點一下左邊的列表找到SQ...

鐵人賽 Modern Web DAY 21
Spring Boot... 深不可測 系列 第 21

技術 Day 20 - 房間頁面

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

鐵人賽 Modern Web DAY 20

技術 [Day 20] 實戰篇: 飛上雲端! GCP之部署(上)

嗨大家好,我是Sean! 總瀏覽數終於破1000了! 真的有說不出的感動!昨天結束了我們的CRUD,相信大家已經更了解關於API的實作部分了! 接下來,讓我們講...

鐵人賽 Modern Web DAY 20
Spring Boot... 深不可測 系列 第 20

技術 Day 19 - 即時顯示房間列表的資料

今日目標,使用 WebSocket 傳遞房間列表資料,並即時的將其顯示在頁面上。 Controller 我們依舊需要在 Controller 負責對定義的 en...

鐵人賽 Modern Web DAY 19
Spring Boot... 深不可測 系列 第 19

技術 Day 18 - 房間列表

今日目標,房間列表的頁面、建立和加入房間功能。 Room List 頁面 我們首先建立房間列表的頁面以及對應的 Controller 做請求分配,HTML 的部...

鐵人賽 Modern Web DAY 19

技術 [Day 19] 實戰篇: 你一定得會的CRUD(下集)

嗨大家好,我是Sean!昨天我們講到CRUD的R的延伸使用,今天我們就來把CRUD全部結束! Update update的前提是我們已經可以選出單一筆的資料。...

鐵人賽 Modern Web DAY 18
Spring Boot... 深不可測 系列 第 18

技術 Day 17 - 記錄使用者的狀態

今日目標,記錄使用者的狀態。 先描述使用者的畫面和可操作功能 使用者在房間列表的頁面 可以看到各個房間 點選「加入」後進到該房間的頁面 使用者在房間的頁...

鐵人賽 Modern Web DAY 18

技術 [Day 18] 實戰篇: 你一定得會的CRUD(中集)

嗨大家好,我是Sean!昨天下午跟朋友去玩了LARP劇本殺,真的蠻好玩的哈哈!推薦六個人以上的朋友團去玩,玩完以後大概還有兩個小時都在討論內容吧! 回到我們的文...

鐵人賽 Modern Web DAY 17

技術 [Day 17] 實戰篇: 你一定得會的CRUD(上集)

嗨大家好,我是Sean!昨天我們結束了關於註冊、登入、登出的部分,那麼接下來進入網站後,我們會需要做甚麼操作呢? 對於後端來說,最重要的其中一個點,便是要提供資...

鐵人賽 Modern Web DAY 17
Spring Boot... 深不可測 系列 第 17

技術 Day 16 - 定義房間

今日目標,定義房間、房間列表。 Room 我們首先定義一個房間應該要有的資訊,房主(owner)、其他成員(guests)、房號(roomId),再來就實作這個...

鐵人賽 Modern Web DAY 16
Spring Boot... 深不可測 系列 第 16

技術 Day 15 - WebSocket Config

今日目標,配置 WebSocket 設定。既然昨天介紹了 WebSocket 的相關背景知識,那今天當然就是寫 WebSocket 相關的程式了,首先要設定 W...

鐵人賽 Modern Web DAY 16

技術 [Day 16] 實戰篇 : 新手必打的怪 使用者登入與登出

嗨大家好!我是Sean!昨天正式的進入實戰篇後,我們先討論了關於使用者註冊的部分。那麼,今天就是要一起把登入與登出的部分補完啦!就如同昨天開頭所介紹的,網頁與使...

鐵人賽 Modern Web DAY 15
Spring Boot... 深不可測 系列 第 15

技術 Day 14 - 簡介 WebSocket 和遊戲機制

今日目標,介紹 WebSocket 技術、解釋之後如何使用 WebSocket 實作遊戲機制。 WebSocket WebSocket 是一種基於 TCP 的全...

鐵人賽 Modern Web DAY 15

技術 [Day 15] 實戰篇: 新手必打的怪 使用者註冊

嗨大家好,我是Sean!寫到今天,整個鐵人賽的系列也到了一半的地方了,大部分關於Django的架構以及Django rest framework大致上的概念以及...

鐵人賽 Modern Web DAY 14
Spring Boot... 深不可測 系列 第 14

技術 Day 13 - 頁面模板 Thymeleaf Page Layout

今日目標,在頁面檢驗登入、使用 Thymeleaf Page Layout 作為模板,建構網頁。 在前端檢驗登入狀態 雖然昨天我們在後端的部分檢驗登入狀態,避免...