iT邦幫忙

modern web相關文章
共有 509 則文章
鐵人賽 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 作為模板,建構網頁。 在前端檢驗登入狀態 雖然昨天我們在後端的部分檢驗登入狀態,避免...

鐵人賽 Modern Web DAY 14

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

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

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

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

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

鐵人賽 Modern Web DAY 13

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

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

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

技術 Day 11 - Web Security Config

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

鐵人賽 Modern Web DAY 12

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

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

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

鐵人賽 Modern Web DAY 10

技術 [Day 10] 歡迎光臨My Form: Django中的表單

嗨大家好,我是Sean!包含昨天,我們已經介紹完Django的MTV架構,也把三大將MTV各自介紹了一遍!那麼,今天我們來介紹可以與前面三大將配合的Form,也...

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

技術 Day 09 - 註冊功能

今日目標,實現註冊功能。 註冊功能 UserRepository 在 user package 底下建立 java interface,名稱為 UserRep...

鐵人賽 Modern Web DAY 9

技術 [Day 09] 參見Django的三大將之一: Template

嗨大家好,我是Sean!接續昨天的view,我們今天要來講他的好朋友三大將之一:Template! 說到Template,我們也按照慣例帶大家複習一下,我們當初...

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

技術 Day 08 - 註冊頁面

今日目標,透過 UserController 接收請求後顯示註冊頁面,並簡單地使用 Thymeleaf。 註冊頁面 在 user package 底下建立 j...

鐵人賽 Modern Web DAY 8

技術 [Day 08] 參見Django的三大將之一: View

嗨大家好,我是Sean!昨天總算大致介紹完有關model的部分,包含model本身、migration以及資料庫正規化的基本概念。今天讓我們繼續前進,參見Dja...

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

技術 Day 07 - 懶到極致的配置

今日目標,讓一些事自動化吧,Maven auto-reload、Hot reload server、使用 Lombok 簡化 Getter & Sett...

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

技術 Day 06 - 資料庫

今日目標,安裝資料庫、設定資料庫連線資訊、建立 Model。 資料庫 小弟我本來就有 XAMPP 所以資料庫就用 XAMPP 的 MySQL,如果你比較習慣 M...

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

技術 Day 05 - Package By Feature

今日目標,解釋 MVC 架構的詳細分層,並解釋我們之後開發架構。 分層 在前幾天,小弟僅介紹了 MVC 的基本架構以及其大致功用,今天要來解釋其內部更細的分層,...

鐵人賽 Modern Web DAY 6

技術 [Day 06] 有關係就是有關係,Django的關聯資料庫篇

嗨大家好,我是Sean!昨天講完了model以及migration的基礎操作後,我們進一步來進入model的奧秘:關聯資料庫(Relational databa...

鐵人賽 Modern Web DAY 7

技術 [Day 07] 不僅Django,可能是後端最重要的資料庫設計

嗨大家好,我是菜鳥齁~端工程師,Sean!昨天聊完了關聯關係,包含了多對一,一對一以及多對多的關係。今天我們來講一點資料庫的基本設計概念!在學習框架的時候,學了...