1、结构体渲染
user := User{
Id: 2,
Name: "零度",
Age: 18,
}
c.Data["user"] = user
HTML部分
<h3>结构体渲染</h3>
<div class="aa">{{ .user.Id}}</div>
<div class="aa">{{ .user.Name}}</div>
<div class="aa">{{ .user.Age}}</div>
2、数组渲染
// control
arr := [5]int{1,2,3,4,5}
c.Data["arr"] = arr
HTML部分
<h3>数组渲染</h3>
方式1:包含index下标
<div>
{{range $k,$v := .arr}}
{{$k}}
{{$v}}
{{end}}
</div>
方式二:只有值
<div>
{{range .arr}}
{{.}}
{{end}}
</div>
3、数组+结构体
control部分
users := [3]User{
{
Id: 3,
Name: "王五",
Age: 23,
},
{
Id: 4,
Name: "张三",
Age: 28,
},
{
Id: 5,
Name: "李四",
Age: 29,
},
}
c.Data["users"] = users
HTML部分
<h3>数组+结构体渲染</h3>
<div>
{{range .users}}
{{.Id}}
{{.Name}}
{{.Age}}<br>
{{end}}
</div>
4、slice切片
control部分
slice := []int{11,22,33,44,55,66}
c.Data["slice"] = slice
HTML部分
<h3>切片渲染</h3>
<div>
{{range .slice }}
{{.}}
{{end}}
</div>
5、MAP渲染
control部分
map_data := map[string]interface{}{
"name":"王五",
"age":19,
}
c.Data["map_data"] = map_data
HTML部分
map_data := map[string]interface{}{
"name":"王五",
"age":19,
}
c.Data["map_data"] = map_data
6、MAP渲染+结构体
control部分
map_struct := map[string]User{
"user1":{
Id: 7,
Name: "刘兰",
Age: 33,
},
"user2":{
Id: 8,
Name: "张飞",
Age: 27,
},
}
c.Data["map_struct"] = map_struct
HTML部分
<h3>map+结构体渲染</h3>
<div>{{ .map_struct.user1 }}</div>
<div>{{ .map_struct.user2 }}</div>
<div>
{{ .map_struct.user1.Id }}
{{ .map_struct.user1.Name }}
{{ .map_struct.user1.Age }}
</div>