iT邦幫忙

modern web相關文章
共有 399 則文章
鐵人賽 Modern Web DAY 25

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

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

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

技術 Day 24 - 卡

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

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

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

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

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

技術 Day 22 - 準備

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

鐵人賽 Modern Web DAY 22

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

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

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

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

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

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

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

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

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

技術 Day 18 - 房間列表

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

鐵人賽 Modern Web DAY 18

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 14

技術 [Day 14] DRF 再見你最後一面!

嗨大家好,我是Sean!由於DRF的功能真的是很多且實用,我們再追加一篇獻給DRF的萬能(也幫前面漏講的東西補齊...) DRF你又回來了 我們先前有講到se...

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

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

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

鐵人賽 Modern Web DAY 13

技術 [Day 13] DRF 人(Django Rest framework)! 我的超人(下集)

嗨大家好,我是Sean!今天接續著昨天,我們來繼續討論關於DRF的細節及用法! RESTful API 我們昨天已經提過了api,但忘記先說明api是甚麼(尷...

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

技術 Day 12 - 註冊完就要登入

今日目標,實現自定義登入功能。 驗證功能 在實現自定義功能時,我們會需要有個實例負責儲存使用者的資訊,這個實例就是 UserDetails,並且會有相關 Ser...

鐵人賽 Modern Web DAY 12

技術 [Day 12] DRF 人(Django Rest framework)! 我的超人!

嗨大家好,我是Sean! 終於來到Django系列重要的今天!今天我們來講講Django Rest Framework,簡稱DRF。DRF有多神呢? 讓我們娓娓...

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

技術 Day 11 - Web Security Config

今日目標,設置 web security。 Security 我們需要對網站做一些權限管理,包含登入等行為,就需要先設置 web security config...

鐵人賽 Modern Web DAY 11

技術 [Day 11] 為什麼你該用Django? 可視化的後台管理頁 Admin page

嗨大家好,我是Sean!終於邁入雙位數的天數了!假日發的系列文,觀看次數總是會特別少QQ 今天我們來介紹關於Django使用起來,之所以方便的其中一個理由,ad...

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

技術 Day 10 - Entity Constraints

今日目標,加入各種限制來完善註冊功能。 Validation 我們定義註冊必須滿足一些條件:Email、Username 必須唯一,而且 Password 長度...