Go语言之自定义模板,引用多个模板html文件嵌套使用

简介: Go语言之自定义模板,引用多个模板html文件嵌套使用

制作流程:

1、同样是先定义一个处理接口/tmpl,当访问到http://ip:9090/tmpl时,会处理ti函数

1675180779051.jpg

2、定义t1函数,这个函数解析了两个模板1.tmpl 2.tmpl,这里需要注意的是第一个模板是父模板,其中包含了第二个模板,所以第一个模板必须先写

1675180797438.jpg

3、1.tmpl使用define函数生成了一个内部模板,而2.tmpl是与1.tmpl同一目录级别的文件。这里只是引申一下define知识点

目录结构:

main.go
1.tmpl
2.tmpl
p6.tmpl

main.go内容

package main
import (
  "fmt"
  "html/template"
  "net/http"
)
func f1(w http.ResponseWriter, r *http.Request) {
  //嵌套一个函数,要么赋值一个,要么第二个值必须是error
  k := func(name string) (string, error) {
    return name + "Gin框架", nil
  }
  //定义模板
  //在p6.tmpl编辑
  //解析模板
  t := template.New("p6.tmpl") //定义一个新的模板名称为p6.tmpl
  t.Funcs(template.FuncMap{    //固定函数格式
    "kua": k, //自定义“kua”必须与同级目录p6.tmpl文件引用的一致
  })
  _, err := t.ParseFiles("./p6.tmpl") //使用ctrl得知,这里需要两个返回值,所以赋值两个
  if err != nil {                     //错误处理
    fmt.Printf("parse template failed,err%v", err)
    return
  }
  name := "Go语言" //声明值
  //渲染模板
  t.Execute(w, name) //w代表写入,name对应同级目录p6.tmpl文件中的点.
}
func t1(w http.ResponseWriter, r *http.Request) {
  //定义模板
  //解析模板
  t, err := template.ParseFiles("./1.tmpl", "./2.tmpl")
  if err != nil {
    fmt.Printf("parse template failed,err%v", err)
    return
  }
  //渲染模板
  name := "GO语言嵌套模板使用"
  t.Execute(w, name)
}
func main() {
  http.HandleFunc("/", f1) //当请求到/根目录时,处理f1函数
  http.HandleFunc("/tmpl", t1)
  err := http.ListenAndServe(":9000", nil) //监听9000端口号
  if err != nil {                          //错误处理
    fmt.Println("HTTP server start failed, err:%v", err)
    return
  }
}

1.tmpl内容

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>自定义嵌套模板函数</title>
</head>
<body>
{{/*template 引用模板文件*/}}
{{template "2.tmpl"}}
{{/*hr代表中横线*/}}
<hr>
{{template "11.tmpl"}}
<hr>
{{/*.代表go代码中的name会传输进来*/}}
{{ . }}
</body>
</html>
{{/*define自定义内部模板*/}}
{{define "11.tmpl"}}
<ol>
    <li>吃饭</li>
    <li>睡觉</li>
    <li>打豆豆</li>
</ol>
{{end}}

2.tmpl内容

<ul>
    <li>吃饭</li>
    <li>睡觉</li>
    <li>打豆豆</li>
</ul>

p6.tmpl内容

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>自定义模板函数</title>
</head>
<body>
{{ kua . }}
</body>
</html>

运行程序:

go run main.go

浏览器访问:

http://ip:9000/tmpl

1675180886076.jpg

相关文章
|
17天前
利用html2canvas插件自定义生成名片信息并保存图片
这是一个利用html2canvas插件自定义生成名片信息并保存图片,自定义上传头像,自定义输入个人信息内容,自定义图片名称,并将生成的图片保存到本地
31 1
利用html2canvas插件自定义生成名片信息并保存图片
|
19天前
|
定位技术
时尚的联系我们表单HTML模板(源码)
一款时尚的联系我们表单Html模板,带地图和所在位置,输入基本信息和信息发送,看起来很漂亮的联系我们页面。
31 1
时尚的联系我们表单HTML模板(源码)
|
1月前
|
Web App开发 前端开发 搜索推荐
创建HTML文件
【10月更文挑战第14天】创建HTML文件
35 4
|
1月前
|
JSON 数据格式
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
75 2
|
2月前
|
前端开发
Twaver-HTML5基础学习(28)工具条(添加自定义按钮_自定义事件)
这篇文章介绍了如何在Twaver-HTML5中创建工具条,添加自定义按钮,并绑定自定义事件,包括放大、缩小、占满屏幕和重置画布大小的功能。
50 11
|
1月前
|
JavaScript 前端开发 容器
Vue生成PDF文件攻略:html2canvas与jspdf联手,中文乱码与自动换行难题攻克
Vue生成PDF文件攻略:html2canvas与jspdf联手,中文乱码与自动换行难题攻克
88 0
|
2月前
|
数据安全/隐私保护
自定义密码访问单页HTML源码
自定义密码访问单页HTML源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
50 1
|
3月前
|
数据安全/隐私保护
自定义密码访问跳转页面HTML源码
自定义密码访问跳转页面HTML源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
52 0
自定义密码访问跳转页面HTML源码
|
3月前
写一个HTML文件
【8月更文挑战第27天】写一个HTML文件。
44 1
|
3月前
|
前端开发 程序员
HTML+CSS+JavaScript制作动态七夕表白网页(含音乐+自定义文字)
一年一度的520情人节/七夕情人节/女朋友生日/程序员表白,是不是要给女朋友或者正在追求的妹子一点小惊喜呢,今天这篇博客就分享下前端代码如何实现HTML+CSS+JavaScript制作七夕表白网页(含音乐+自定义文字)。赶紧学会了,来制作属于我们程序员的浪漫吧!
89 0
HTML+CSS+JavaScript制作动态七夕表白网页(含音乐+自定义文字)