前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Go语言模版嵌套

Go语言模版嵌套

原创
作者头像
IT工作者
发布2022-03-29 11:53:26
5120
发布2022-03-29 11:53:26
举报
文章被收录于专栏:程序技术知识

一.模版嵌套

在实际项目中经常出现页面复用的情况,例如:整个网站的头部信息和底部信息复用

可以使用动作{{template “模版名称”}}引用模版

引用的模版必须在HTML中定义这个模版

代码语言:javascript
复制
{{define "名称"}}
html
{{end}}

执行主模版时也要给主模版一个名称,执行时调用的是ExecuteTemplate()方法

代码语言:javascript
复制
{{define "layout"}}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
</head>
<body>
{{template "head" }}<br/>
中间的内容<br/>
{{template "foot" }}
</body>
</html>
{{end}}
{{define "head"}}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
</head>
<body>
head.html
</body>
</html>
{{end}}


代码语言:javascript
复制
{{define "foot"}}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
</head>
<body>
    foot.html
</body>
</html>
{{end}}

代码语言:javascript
复制
package main

import (
    "net/http"
    "html/template"
)

func welcome(w http.ResponseWriter, r *http.Request) {
    //要加载所有需要被嵌套的文件
    t, _ := template.ParseFiles("view/index.html", "view/head.html", "view/foot.html")
    //执行主模版,主要调用的方法
    t.ExecuteTemplate(w, "layout", nil)
}

func main() {
    server := http.Server{Addr: ":8090"}
    http.HandleFunc("/", welcome)
    server.ListenAndServe()
}

二. 调用模版时同时传递参数

如果直接引用html可以直接使用html标签的<iframe>,但是要动态效果时,可以在调用模版给模版传递参数

代码语言:javascript
复制
{{define "layout"}}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
</head>
<body>
{{template "head" "head的参数"}}<br/>
中间的内容<br/>
{{template "foot" "foot的参数"}}
</body>
</html>
{{end}}

在子模版中依然是使用{{.}}获取传递过来的参数

代码语言:javascript
复制
{{define "head"}}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
</head>
<body>
head.html
{{.}}
</body>
</html>
{{end}}

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档