一、模板引入
在进行Web开发中，你可能进行的项目是前后端不分离的情况，此时需要将html与后端放入一个工程中，gin框架支持这种做法，需要通过 LoadHTMLGlob() 或 LoadHTMLFiles()。
（一）LoadHTMLFiles
故名思义就是加载文件
1、main.go
package main
import (
"github.com/gin-gonic/gin"
"net/http"
)
func main() {
router := gin.Default()
router.LoadHTMLFiles("templates/index.html")
router.GET("/index", func(c *gin.Context) {
c.HTML(http.StatusOK, "index.html", gin.H{
"title": "main site",
})
})
router.Run(":8000")
}
2、index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
{{ .title }}
</body>
</html>
3、目录结构
│ main.go
│
└─templates
index.html
此时需要进入当前目录，通过go run main.go运行，否则会出现找不到路径的情况。
（二）LoadHTMLGlob
可以以指定的模式匹配文件：
func main() {
router := gin.Default()
router.LoadHTMLGlob("templates/*") //加载templates目录下所有文件
router.GET("/index", func(c *gin.Context) {
c.HTML(http.StatusOK, "index.html", gin.H{
"title": "main site",
})
})
router.Run(":8000")
}
另外就是可以解决不同目录下同名文件问题。
1、main.go
package main
import (
"github.com/gin-gonic/gin"
"net/http"
)
func main() {
router := gin.Default()
router.LoadHTMLGlob("templates/**/*")
router.GET("/index", func(c *gin.Context) {
c.HTML(http.StatusOK, "index.html", gin.H{
"title": "main site",
})
})
router.GET("/users/index", func(c *gin.Context) {
c.HTML(http.StatusOK, "index.html", gin.H{
"title": "users site",
})
})
router.GET("/posts/index", func(c *gin.Context) {
c.HTML(http.StatusOK, "index.html", gin.H{
"title": "posts site",
})
})
router.Run(":8000")
}
2、index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
{{ .title }}
</body>
</html>
3、目录结构
│ main.go
│
└─templates
│ index.html
│
├─posts
│ index.html
│
└─users
index.html
二、静态资源引入
在进行不分离的开发情况下，通过会有css、js、image等资源的引入。
1、main.go
package main
import (
"github.com/gin-gonic/gin"
"net/http"
)
func main() {
router := gin.Default()
router.LoadHTMLFiles("templates/index.html")
/*
表示只要静态资源的路径是以/static开头的，就去项目根路径的static目录下寻找
在index.html文件中引入静态资源刚好是以/static开头的
*/
router.Static("/static", "./static")
//router.StaticFS("/static", http.Dir("./static"))
router.GET("/index", func(c *gin.Context) {
c.HTML(http.StatusOK, "index.html", gin.H{
"title": "main site",
})
})
router.Run(":8000")
}
2、index.html
<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="/static/css/style.css">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>{{ .title }}</h1>
</body>
</html>
3、style.css
h1 {
color: red;
}
4、目录结构
│ main.go
│
├─static
│ └─css
│ style.css
│
└─templates
index.html