iT邦幫忙

modern web相關文章
共有 509 則文章
鐵人賽 Modern Web DAY 8

技術 [Day-8] flask例外處理

前言 上次我們介紹了完整的上傳檔案,至於今天我將介紹大家如何解決例外處裡像是檔案太大,這裡主要以兩種type介紹 HTTP 404 Not Found HTT...

鐵人賽 Modern Web DAY 6

技術 [Day-6] flask上傳檔案(1)

前言 在昨天的範例中我們已經學會使用form、post來達成html與flask的溝通,而常見的上傳檔案也是透過此方法,接下兩天帶大家來操作。 範例 在 Fl...

鐵人賽 Modern Web DAY 5

技術 [Day-5] HTTP method in flask

前言 做天講到Jinja2的相關語法,使讀者能夠將python傳遞給html,那麼今天如果要反過來使html的資料傳遞給python呢?那就要使用HTTP me...

鐵人賽 Modern Web DAY 4

技術 [Day-4] Jinja2 將python語法套入html

前言 昨天學會了綁定html後,今天來教大家如何在html使用python語法以及將python變數傳到html,方法就是透過Jinja2來達成。 介紹 Jin...

鐵人賽 Modern Web DAY 3

技術 [Day-3] Flask如何綁定html

前言 昨天提到如何配置環境和一個能print hello world的flask web,今天讓我們來談談如何綁定html和設定路由吧 綁定html pytho...

鐵人賽 Modern Web DAY 2

技術 [Day-2] 如何建置flask web

如何建置flask web 前言 在上一天我們已經用範例與優缺解釋選擇為什麼選擇flask了,接下來讓我們著重在學習吧,有寫過程式的人可想而知都會從Hello...

鐵人賽 Modern Web DAY 1

技術 [Day-1] why flask?

介紹 常見的python後端有flask、django那麼為什麼我選擇flask當作本次的IT賽呢? 在下方提供範例與比較供讀者參考 比較 django...

鐵人賽 Modern Web DAY 3

技術 建立 TypeScript 環境

在開始學習和開發 TypeScript 專案之前,我們需要先進行環境的安裝和設置。威爾豬將一步步完成 TypeScript 的環境安裝,創建我們的第一個 Typ...

鐵人賽 Modern Web DAY 2

技術 TypeScript 的優缺點

優點: JavaScript 存在,TypeScript 就存在 還記得昨天的圖嗎?因為 TypeScript 是建立在 JavaScript 之上的程...

鐵人賽 Modern Web
Spring Boot... 深不可測 系列 第 31 篇

技術 Day 30 - 結算

今日目標,結算結果。 結算 這邊就只差最後一步了~~ 修改 GameStatus,加入 getAllPlayersHands(): public HashM...

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

技術 Day 29 - 檢驗出牌

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

鐵人賽 Modern Web DAY 30

技術 [Day 30] 鐵人賽結語: 航行在偉大航道

嗨大家好,我是Sean。結束了昨天的Celery & Redis,我們的系列也就進入了尾聲。今天是鐵人賽的最後一天,想要來回顧一下我們的鐵人賽系列,以及...

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

技術 Day 28 - 出牌

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

鐵人賽 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...