您现在的位置是:网站首页> Go语言

go html模板的使用总结

摘要

go html模板的使用总结


go html模板的使用

基础使用介绍

GO语言html模板



基础使用介绍

【模板标签】

模板标签用"{{"和"}}"括起来


【注释】

{{/* a comment /}}

使用“{{/”和“*/}}”来包含注释内容


【变量】

使用 . 来访问当前位置的上下文


使用 $ 来引用当前模板根级的上下文


{{.}}                                   

此标签输出当前对象的值


{{.Admpub}}                             

表示输出Struct对象中字段或方法名称为“Admpub”的值。(首字母必须大写)


{{.Admpub.Com.Field1}}              

Com 如果是一个方法并返回一个对象则返回对象的Field1参数


{{.Method1 "参数值1" "参数值2"}}      

表示返回当前随想的Method1方法,并且传入参数为 参数一和参数二


{{$admpub.Field1}}                      

在模板中定义变量:变量名称用字母和数字组成,并带上“$”前缀,采用符号“:=”进行赋值。


{{$admpub}}                             

此标签用于输出在模板中定义的名称为“admpub”的变量(若为对象,处理方法和对象相同)


【管道函数】

{{FuncName1}}   

此标签将调用名称为“FuncName1”的模板函数(等同于执行“FuncName1()”,不传递任何参数)并输出其返回值。


{{FuncName1 "参数值1" "参数值2"}} 

此标签将调用“FuncName1("参数值1", "参数值2")”,并输出其返回值


{{.Admpub|FuncName1}}

此标签将调用名称为“FuncName1”的模板函数(等同于执行“FuncName1(this.Admpub)”,将竖线“|”左边的“.Admpub”变量值作为函数参数传送)并输出其返回值。


【条件判断】

{{if pipeline}} T1 {{end}}          

标签结构:{{if ...}} ... {{end}}


{{if pipeline}} T1 {{else}} T0 {{end}}  

标签结构:{{if ...}} ... {{else}} ... {{end}}


{{if pipeline}} T1 {{else if pipeline}} T0 {{end}}  

标签结构:{{if ...}} ... {{else if ...}} ... {{end}}


【遍历】

用法1:


{{range $k, $v := .Var}} {{$k}} => {{$v}} {{end}}

用法2:


{{range .Var}} {{.}} {{end}}

用法3:


{{range pipeline}} T1 {{else}} T0 {{end}}

【嵌入子模板】

用法1:


{{template "name"}}

嵌入名称为“name”的子模板。使用前,请确保已经用“{{define "name"}}子模板内容{{end}}”定义好了子模板内容。


用法2:


{{template "name" pipeline}}

将管道的值赋给子模板中的“.”(即“{{.}}”)


【子模板嵌套】

{{define "T1"}}ONE{{end}}


{{define "T2"}}TWO{{end}}


{{define "T3"}}{{template "T1"}} {{template "T2"}}{{end}}//将模板t1t2嵌套使用t3直接就使用了t1t2的嵌套


{{template "T3"}}

输出:


ONE TWO

【定义局部变量】

用法1:


{{with pipeline}} T1 {{end}}

管道的值将赋给该标签内部的“.”。(注:这里的“内部”一词是指被{{with pipeline}}...{{end}}包围起来的部分,即T1所在位置)


用法2:


{{with pipeline}} T1 {{else}} T0 {{end}}

如果管道的值为空,“.”不受影响并且执行T0,否则,将管道的值赋给“.”并且执行T1。


说明:{{end}}标签是if、with、range的结束标签。


【and】

{{and x y}}

表示:if x then y else x


如果x为真,返回y,否则返回x。等同于Golang中的:x && y


【call】

{{call .X.Y 1 2}}

表示:dot.X.Y(1, 2)


call后面的第一个参数的结果必须是一个函数(即这是一个函数类型的值),其余参数作为该函数的参数。


该函数必须返回一个或两个结果值,其中第二个结果值是error类型。


如果传递的参数与函数定义的不匹配或返回的error值不为nil,则停止执行。


【html】

转义文本中的html标签,如将“<”转义为“<”,“>”转义为“>”等


【index】

{{index x 1 2 3}}

返回index后面的第一个参数的某个索引对应的元素值,其余的参数为索引值


表示:x[1][2][3]


x必须是一个map、slice或数组


【js】

返回用JavaScript的escape处理后的文本


【len】

返回参数的长度值(int类型)


【not】

返回单一参数的布尔否定值。


【or】

{{or x y}}

表示:if x then x else y。等同于Golang中的:x || y


如果x为真返回x,否则返回y。


【print】

fmt.Sprint的别名


【printf】

fmt.Sprintf的别名


【println】

fmt.Sprintln的别名


【urlquery】

返回适合在URL查询中嵌入到形参中的文本转义值。(类似于PHP的urlencode)


=================【布尔函数】===============


布尔函数对于任何零值返回false,非零值返回true。


这里定义了一组二进制比较操作符函数:


【eq】

返回表达式“arg1 == arg2”的布尔值


【ne】

返回表达式“arg1 != arg2”的布尔值


【lt】

返回表达式“arg1 < arg2”的布尔值


【le】

返回表达式“arg1 <= arg2”的布尔值


【gt】

返回表达式“arg1 > arg2”的布尔值


【ge】

返回表达式“arg1 >= arg2”的布尔值


对于简单的多路相等测试,eq只接受两个参数进行比较,后面其它的参数将分别依次与第一个参数进行比较,


{{eq arg1 arg2 arg3 arg4}}

即只能作如下比较:


arg1==arg2 || arg1==arg3 || arg1==arg4 ...



GO语言html模板

模板

一个模板是一个字符串或一个文件,里面包含了一个或多个由双花括号包含的{{action}}对象。大部分的字符串只是按面值打印,但是对于actions部分将触发其它的行为。每个actions都包含了一个用模板语言书写的表达式,一个action虽然简短但是可以输出复杂的打印值,模板语言包含通过选择结构体的成员、调用函数或方法、表达式控制流if-else 语句range循环语句,还有其它实例化模板等诸多特性。Action内部不能有换行,但注释可以有换行。

示例

模板执行时会遍历结构并将指针表示为’.‘(称之为”dot”)指向运行过程中数据结构的当前位置的值。
用作模板的输入文本必须是utf-8编码的文本。
Html示例:

<!DOCTYPE html> <html lang="en"> 
<head>  
   <meta charset="UTF-8">
   <title>Hello</title>
    </head> <body>    
     <p>Hello {{.}}!</p> 
     </body> 
     </html>

GO server端:

func sayHi(w http.ResponseWriter,r *http.Request)  { 
    // 解析指定文件生成模板对象     
    tem,err := template.ParseFiles("xx/hello.html") 
    if err != nil{      
    fmt.Println("读取文件失败,err",err)  
     return    
    }   
    // 利用给定数据渲染模板,并
     tem.Execute(w,"Ares") } 
      func main()  {    
      http.HandleFunc("/",sayHi)    
      err := http.ListenAndServe("127.0.0.1:8888",nil)    
      if err != nil{    
       fmt.Println("监听失败,err",err)   
        return   
      } }

效果:
1.jpg?

模板语法

模板语法都包含在{{和}}中间,其中{{.}}中的点表示当前对象。
当我们传入一个结构体对象时,我们可以根据.来访问结构体的对应字段。Html示例:

<html lang="en">
 <head>    
  <meta charset="UTF-8">  
     <title>Hello</title>
      </head> 
      <body><p>Hello {{.Name}}!</p>    
       <p>年龄 {{.Ae}}!</p>    
       <p>性别 {{.Male}}!</p> </body> 

 </html>

GO server端:

type People struct {  
   Name string    
    Age int    
     Male string } 
     func sayHi(w http.ResponseWriter,r *http.Request) 
      {           // 解析指定文件生成模板对象    
      
      tem,err := template.ParseFiles("xx/hello.html")
      if err != nil{   
      fmt.Println("读取文件失败,err",err)  
      return    
      }     
      // 利用给定数据渲染模板,并将结果写入w  
      People := People{      
       Name:"Ares",   
       Age:28,   
       Male:"男", 
       }  
     tem.Execute(w,People) } 
     func main()  {     
      http.HandleFunc("/",sayHi)    
      err := http.ListenAndServe("127.0.0.1:8888",nil)  
      if err != nil{   
      fmt.Println("监听失败,err",err)    
       return  
      } }

效果:
2.jpg?

注释

{{/* a comment */}}
可以多行。注释不能嵌套。

变量

Action里可以初始化一个变量来捕获管道的执行结果。初始化语法如下:

$variable := pipeline

示例:

<body>
 <p>Hello {{.Name}}!</p><p>年龄 {{.Age}}!</p>
<p>性别 {{.Male}}!</p>    
{{ $age := . }}   
{{ $age.Age }} 
</body>

条件判断

初始语法:

{{if pipeline}}
 T1 {{end}} 
 {{if pipeline}}
  T1 
  {{else}} 
  T0 
  {{end}} 
  {{if pipeline}} 
  T1 
  {{else if pipeline}}
   T0 
   {{end}}

示例:

<body>    
 <p>Hello {{.Name}}!</p> 
  <p>年龄 {{.Age}}!</p> 
  <p>性别 {{.Male}}!</p>   
  {{ $age := . }}   
  {{ $age.Age }}   
  {{if gt .Age 18}}   
  <div>成年啦!</div>    
  {{else}}  
  <div>快乐成长!</div>    
  {{end}} 
 </body>

比较函数

布尔函数会将任何类型的零值视为假,其余视为真。

eq      如果arg1 == arg2则返回真 
ne      如果arg1 != arg2则返回真
lt      如果arg1 < arg2则返回真 
le      如果arg1 <= arg2则返回真 
gt      如果arg1 > arg2则返回真 
ge      如果arg1 >= arg2则返回真

range

使用range关键字进行遍历,有以下两种写法,其中pipeline的值必须是数组、切片、字典或者通道。
基本语法:

{{range pipeline}} 
T1 
{{end}} 
如果pipeline的值其长度为0,不会有任何输出 
{{range pipeline}} 
T1 
{{else}} 
T0 
{{end}} 
如果pipeline的值其长度为0,则会执行T0。

map示例:

PeopleMap := map[int]People{

 1: {"Ares", 18, "男"},  
 2: {"龙猫", 28, "女"},  
 }
tem.Execute(w, PeopleMap)

切片示例:

PeopleSlice := []People{ 
{"Ares", 18, "男"},    
{"龙猫", 28, "女"},   
}
tem.Execute(w, PeopleSlice)

HTML模板:

<body> 
<table border="1">  
<thead>  
<tr>  
<th>序号</th>
<th>姓名</th>  
<th>年龄</th> 
<th>性别</th> 
</tr>  
</thead> 
<tbody>
{{range $index, $user := .}}    
<tr>         
<td>{{$index}}</td>        
<td>{{$user.Name}}</td>        
<td>{{$user.Age}}</td>        
<td>{{$user.Male}}</td>     
</tr>     
{{end}}     
</tbody> 
</table> 
</body>

效果:
3.jpg?

预定义函数

执行模板时,函数从两个函数字典中查找:首先是模板函数字典,然后是全局函数字典。一般不在模板内定义函数,而是使用Funcs方法添加函数到模板里。

and     函数返回它的第一个empty参数或者最后一个参数;    
 就是说"and x y"等价于"if x then y else x";
 所有参数都会执行; or     返回第一个非empty参数或者最后一个参数;  
亦即"or x y"等价于"if x then x else y";所有参数都会执行; not    
返回它的单个参数的布尔值的否定 len     返回它的参数的整数类型长度 index   
执行结果为第一个参数以剩下的参数为索引/键指向的值;     
如"index x 1 2 3"返回x[1][2][3]的值;每个被索引的主体必须是数组、切片或者字典。 print     
即fmt.Sprint printf     即fmt.Sprintf println     即fmt.Sprintln html     
返回其参数文本表示的HTML逸码等价表示。 urlquery     返回其参数文本表示的可嵌入URL查询的逸码等价表示。 js   
返回其参数文本表示的JavaScript逸码等价表示。 call     执行结果是调用第一个参数的返回值,该参数必须是函数类型,其余参数作为调用该函数的参数;
如"call .X.Y 1 2"等价于go语言里的dot.X.Y(1, 2);    
其中Y是函数类型的字段或者字典的值,或者其他类似情况;     call的第一个参数的执行结果必须是函数类型的值(和预定义函数如print明显不同); 
该函数类型值必须有1到2个返回值,如果有2个则后一个必须是error接口类型;    
如果有2个返回值的方法返回的error非nil,模板执行会中断并返回给调用模板执行者该错误;

参考:GO语言标准库
示例:

<p>{{index . 1}}</p>  
<p>切片长度: {{len .}}</p>   
<p>        
{{with index . 1}}        
{{printf "姓名:%s 年龄:%d 性别:%s" .Name .Age .Male}}  
{{end}}    
</p>

效果:
4.jpg?

自定义函数

自定义一个book函数:

type Book struct { 

Name string    
Author string
Price float32 } 
func info(w http.ResponseWriter,r *http.Request)  {  
// 打开一个模板文件     
htmlByte,err := ioutil.ReadFile("./info.html") 
if err != nil{     
  fmt.Println("读取html文件失败,err",err)  
 return    
 }   
// 1. 自定义一个函数     
// 自定义一个书籍的模板函数     
 bookFunc := func(arg string) (string, error) { 
 return arg + "真好看!", nil     }   
  // 2. 把自定义的函数告诉模板系统     // 
 template.New("info") // 创建一个Template对象     // 
 template.New("info").Funcs(template.FuncMap{"book": bookFunc}) // 给模板系统追加自定义函数     
 // 解析模板    
 t,err := template.New("info").Funcs(template.FuncMap{"book": bookFunc}).Parse(string(htmlByte))   
 if err != nil{       
  fmt.Println("parse html文件失败,err",err)  
  return    
 }    
 BookMap := map[int]Book{
1:{"跟Ares一起学GO","Ares",9.9}, 
2:{"斗破苍穹","Ares1",99.9}, 
}     
t.Execute(w,BookMap) } 
func main()  {  
http.HandleFunc("/info",info) 
http.ListenAndServe("127.0.0.1:8888",nil) 

}

html:

<body>     
<p>     
{{with index . 1}}   
  <p>{{book .Name}}</p> 
  {{end}}    
  </p>     
  <p>{{with index . 2}}    
   <p>{{book .Name}}</p> 
   {{end}} 
  </p> 
 </body>

效果:
5.jpg?

模板嵌套

我们可以在template中嵌套其他的template。这个template可以是单独的文件,也可以是通过define定义的template.

func index(w http.ResponseWriter,r * http.Request) 
 {    
  t , err := template.ParseFiles("./index.html","./test.html")  
 
  if err != nil{   
   fmt.Println("读取html文件失败,err",err)  
   return   
    }   
   t.Execute(w,nil) 
   } 
   func main()  {    
  http.HandleFunc("/",index)  
  http.ListenAndServe("127.0.0.1:8888",nil) 
  }

index.html:

<body> <h1>测试嵌套template语法</h1> 
<hr> {{template "test.html"}} <hr> 
{{/* 在index.html这个模板中调用了另外一个模板:index.html */}}
 {{template "inside.html"}} 
 </body> 
 </html>          
 {{/* 在index.html这个模板中定义了另外一个模板:inside.html */}}
 {{ define "inside.html"}}
 <h1>inside.html</h1>
 <ol> 
 <li>吃饭</li>  
 <li>睡觉</li> 
 <li>打豆豆</li> 
 </ol> 
 {{end}}

test.html:

<body> 
<ol>
<li>嵌套模板</li> 
<li>out模板</li>
</ol> 
</body>

效果:
6.jpg?









Top