03go的gin框架使用之get请求,Gin 使用示例(十六):HTML 视图模板渲染 | 使用示例 | Gin 使用教程

Gin 使用示例(十六):HTML 视图模板渲染由 学院君 创建于1年前, 最后更新于 1年前  版本号 #1  3455 views  0 likes  0 collects

在 Gin 框架中,可以使用 LoadHTMLGlob() 或 LoadHTMLFiles() 来渲染 HTML。

单目录

如果要加载的 HTML 文件位于同一个目录下,示例代码如下(src/gin-demo/examples/html.go):

func main() {router := gin.Default()router.LoadHTMLGlob("templates/*.tmpl")// 如果使用 LoadHTMLFiles 的话这么做(需要列举所有需要加载的文件,不如上述 LoadHTMLGlob 模式匹配方便):// router.LoadHTMLFiles("templates/template1.html", "templates/template2.html")router.GET("/index", func(c *gin.Context) {c.HTML(http.StatusOK, "index.tmpl", gin.H{"title": "Main website",})})router.Run(":8080")}

对应的视图模板(src/gin-demo/examples/templates/index.tmpl):

{{ define "index.tmpl" }}{{ .title }}{{ end }}

启动服务器:

-w898

-w707

多目录

如果要加载的 HTML 模板位于多个不同的目录中,可以这么做:

func main() {router := gin.Default()router.LoadHTMLGlob("templates/**/*")// 如果使用 LoadHTMLFiles 的话这么做(需要列举所有需要加载的文件,不如上述 LoadHTMLGlob 模式匹配方便):// router.LoadHTMLFiles("templates/template1.html", "templates/template2.html")router.GET("/index", func(c *gin.Context) {c.HTML(http.StatusOK, "home/index.tmpl", gin.H{"title": "Home",})})router.GET("/posts/index", func(c *gin.Context) {c.HTML(http.StatusOK, "posts/index.tmpl", gin.H{"title": "Posts",})})router.GET("/users/index", func(c *gin.Context) {c.HTML(http.StatusOK, "users/index.tmpl", gin.H{"title": "Users",})})router.Run(":8080")}

对应的视图模板:

templates/home/index.tmpl:

{{ define "home/index.tmpl" }}{{ .title }}{{ end }}

templates/posts/index.tmpl:

{{ define "posts/index.tmpl" }}{{ .title }}

Using posts/index.tmpl

{{ end }}

templates/users/index.tmpl:

{{ define "users/index.tmpl" }}{{ .title }}

Using users/index.tmpl

{{ end }}

启动服务器:

-w905

测试:

-w641

自定义模板引擎import "html/template"func main() {router := gin.Default()html := template.Must(template.ParseFiles("file1", "file2"))router.SetHTMLTemplate(html)router.Run(":8080")}自定义定界符r := gin.Default()r.Delims("{[{", "}]}")r.LoadHTMLGlob("/templates/**/*")

这个时候在模板中需要这么定义定界符:

{[{ .title }]}自定义模板函数

src/gin-demo/examples/html_func.go:

package mainimport ("fmt""html/template""net/http""time""github.com/gin-gonic/gin")func formatAsDate(t time.Time) string {year, month, day := t.Date()return fmt.Sprintf("%d/%02d/%02d", year, month, day)}func main() {router := gin.Default()router.Delims("{[{", "}]}")router.SetFuncMap(template.FuncMap{"formatAsDate": formatAsDate,})router.LoadHTMLFiles("templates/raw.tmpl")router.GET("/raw", func(c *gin.Context) {c.HTML(http.StatusOK, "raw.tmpl", map[string]interface{}{"now": time.Date(2020, 1, 8, 0, 0, 0, 0, time.UTC),})})router.Run(":8080")}

在 src/gin-demo/examples/templates/raw.tmpl 视图模板中通过管道符调用上面定义的函数 formatAsDate:

Date: {[{.now | formatAsDate}]}

启动服务器,测试结果如下:

-w552

0178就是这么自信06土肥圆矮挫穷尤蜜荟072齐承之你有完没完了011可以直接染吗066照片07式新军装级别资历肩章详解用一句话形容爱情运用心理描写写一段话我的薄荷小姐清柠啊最新章节我的薄荷小姐最新章节重生男配仙尊刹车片推荐Fbk菲罗多和泰明顿不用插卡的随身wifi河南地图各市各县02国家队漫画在哪看07式体能训练服真假01*8mm纯镍带、直销001纯镍带085400调剂有哪些学校070002设计心理学读后感037惨遭调戏0526综合实战课件免费下载06社区动态易次元