Golang - Gin #5: 資源處理和 HTML 模板
更新於 發佈於 閱讀時間約 2 分鐘
來源: Gin Logo + 自行用 Canva 製作
資源處理和 HTML 模板：在 Gin 中優雅地處理資源和視圖
嗨，各位 Golang 愛好者！今天我們來探討一個在Web開發中常見但卻至關重要的部分 - 資源和視圖。Gin框架使這一切都變得簡單，讓我們深入瞭解！
每個 Web 應用都需要一些靜態資源，比如圖片、CSS 和 JavaScript。Gin 為我們提供了方便的工具來處理這些資源，並利用模板引擎生成動態的 HTML 頁面。
📂 資源處理
Gin 允許你輕鬆地設置靜態資源的路由。以下是如何設置一個服務靜態檔案的例子：
func main() {
r := gin.Default()
// 服務靜態檔案
r.Static("/assets", "./assets")
r.Run(":8080")
}
這樣，你就可以透過 /assets 路徑訪問 ./assets 目錄下的所有靜態資源了！
📜 HTML 模板
Gin 還提供了一個強大的模板引擎。你可以這樣設置和使用模板：
func main() {
r := gin.Default()
// 加載模板
r.LoadHTMLGlob("templates/*")
r.GET("/home", func(c *gin.Context) {
// 使用模板
c.HTML(200, "index.html", gin.H{
"title": "歡迎使用Gin",
})
})
r.Run(":8080")
}
模板 index.html 可能像這樣：
<!DOCTYPE html>
<html>
<head>
<title>{{ .title }}</title>
</head>
<body>
<h1>{{ .title }}</h1>
</body>
</html>
透過這種方式，你可以根據不同的數據動態生成HTML頁面。
🎉 結論
不論是處理靜態資源還是使用模板引擎，Gin 都為我們提供了簡單且高效的方法。希望你現在對如何在 Gin 中處理資源和視圖有了更清晰的認識。接下來，盡情享受你的 Gin 開發之旅吧！
感謝
謝謝大家看完這篇，如果您喜歡我的文章，歡迎 小額贊助我 ^^
31會員
194內容數
歡迎來到【代碼的詩情】：探索程式語言之美 系列，這是一場優雅的程式之旅，透過詩歌的抒發，尋找不同程式語言的美感和精髓。
在這個系列中，我們將透過文字的韻律，深入探索多種程式語言的核心概念和語法，以及它們獨特的應用和技巧。每一篇詩歌都是一個故事，每一段代碼都是一句詩句，讓代碼的旋律和詩情在其中相互交織。
留言0
查看全部
你可能也想看
Google News 追蹤
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
※ 視圖模板
視圖模板（View Templates） 是在 MVC 架構中負責展示數據的 HTML 文件，包含模板語法，用於在渲染時插入實際數據。它們的主要目的是分離數據與展示邏輯，讓代碼更加模塊化和易於維護。
視圖模板設計和使用的核心理念，就是「重複的事情不要重複做、效益最大化、有效利用資源
本章節旨在教導讀者如何在 Kotlin 中引入套件。將會涵蓋如何引用第三方套件，如何引用自定義模組，以及如何創建和引用自定義套件。此外，還會列出一些常用的套件，以供讀者參考。
這章節的目的是介紹 Kotlin 語言中函數的基本用法和概念，包括函數的聲明、使用、參數和返回值等。通過學習這章節，讀者可以熟練掌握如何在 Kotlin 中定義和使用函數，來解決各種問題。
※ 靜態資源回傳
※ 什麼是靜態資源：
定義：是指事先準備好的資源，這些資源在伺服器上是靜態的、不會隨著每個請求而改變。
資源通常包括：
靜態 HTML 文件。
CSS。
圖像（Image）。
Video。
字體文件：google fonts。
favicon：網頁名稱旁邊的ico
※ Javascript和HTML的關係
當我們輸入新的網址或按下重新整理時，從解析檔案到畫面顯示出來，瀏覽器會進行以下流程：
解析 HTML / CSS 檔案，建立物件模型：
HTML → DOM (Document Object Model)。
CSS → CSSOM (CSS Obje
※ 函式基礎介紹：
※ JavaScript 特殊的函式特性：
函式可以當成值來傳遞 (可以放進變數或放進物件)
函式可以當成函式的參數
callback - 在特定事件中觸發函式 (非同步特性)
※ 函式的基本寫法：
※ 調用 (invoke) 函式：
"調用" 意指呼叫或執行
※ 簡短說明Git 和 Git Flow 是什麼？如何應用？
Git 是什麼？
Git是一個分散式版本控制軟體，能夠紀錄檔案的狀態變化，以及協調多個開發者之間的工作。它允許團隊成員協作編輯和管理項目的代碼庫，並且能夠追蹤文件的歷史變更、恢復到以前的版本、合併不同版本的代碼，以及解決代碼衝突等。
※ Git(四)
空的資料夾無法被加入 Git 進行版本控制，但這個資料夾如果又是很重要的資料夾，你會怎麼處理？
當空的目錄無法被加入 Git 進行版本控制時，有以下的做法可以解決：
在那個空目錄裡隨便放一個檔案就行了。
在這個資料夾中添加一個名為 .gitkeep 的空檔案，讓 Git 能
本文將介紹自定函式及應用，利用程式範例解釋為什麼要用到自定函式
自定函式好處當然就是，讓你的程式碼看起來比較簡潔，在重複使用到的程式碼區塊，可以包裝成函式，讓你重複使用它。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
※ 視圖模板
視圖模板（View Templates） 是在 MVC 架構中負責展示數據的 HTML 文件，包含模板語法，用於在渲染時插入實際數據。它們的主要目的是分離數據與展示邏輯，讓代碼更加模塊化和易於維護。
視圖模板設計和使用的核心理念，就是「重複的事情不要重複做、效益最大化、有效利用資源
本章節旨在教導讀者如何在 Kotlin 中引入套件。將會涵蓋如何引用第三方套件，如何引用自定義模組，以及如何創建和引用自定義套件。此外，還會列出一些常用的套件，以供讀者參考。
這章節的目的是介紹 Kotlin 語言中函數的基本用法和概念，包括函數的聲明、使用、參數和返回值等。通過學習這章節，讀者可以熟練掌握如何在 Kotlin 中定義和使用函數，來解決各種問題。
※ 靜態資源回傳
※ 什麼是靜態資源：
定義：是指事先準備好的資源，這些資源在伺服器上是靜態的、不會隨著每個請求而改變。
資源通常包括：
靜態 HTML 文件。
CSS。
圖像（Image）。
Video。
字體文件：google fonts。
favicon：網頁名稱旁邊的ico
※ Javascript和HTML的關係
當我們輸入新的網址或按下重新整理時，從解析檔案到畫面顯示出來，瀏覽器會進行以下流程：
解析 HTML / CSS 檔案，建立物件模型：
HTML → DOM (Document Object Model)。
CSS → CSSOM (CSS Obje
※ 函式基礎介紹：
※ JavaScript 特殊的函式特性：
函式可以當成值來傳遞 (可以放進變數或放進物件)
函式可以當成函式的參數
callback - 在特定事件中觸發函式 (非同步特性)
※ 函式的基本寫法：
※ 調用 (invoke) 函式：
"調用" 意指呼叫或執行
※ 簡短說明Git 和 Git Flow 是什麼？如何應用？
Git 是什麼？
Git是一個分散式版本控制軟體，能夠紀錄檔案的狀態變化，以及協調多個開發者之間的工作。它允許團隊成員協作編輯和管理項目的代碼庫，並且能夠追蹤文件的歷史變更、恢復到以前的版本、合併不同版本的代碼，以及解決代碼衝突等。
※ Git(四)
空的資料夾無法被加入 Git 進行版本控制，但這個資料夾如果又是很重要的資料夾，你會怎麼處理？
當空的目錄無法被加入 Git 進行版本控制時，有以下的做法可以解決：
在那個空目錄裡隨便放一個檔案就行了。
在這個資料夾中添加一個名為 .gitkeep 的空檔案，讓 Git 能
本文將介紹自定函式及應用，利用程式範例解釋為什麼要用到自定函式
自定函式好處當然就是，讓你的程式碼看起來比較簡潔，在重複使用到的程式碼區塊，可以包裝成函式，讓你重複使用它。