Go gin其他数据类型渲染

一、结构体

后端：
type User struct {Id intName string}func Hello(context *gin.Context)  {user := User{Id:1,Name:"hallen"}context.HTML(http.StatusOK,"user/index.html",user)
}前端：
{{.Id}}
{{.Name}}

二、数组

后端：
func Hello(context *gin.Context)  {arr := [5]int{1,2,3,4,5}context.HTML(http.StatusOK,"user/index.html",arr)
}前端：
{{range .}}{{.}}
{{end}}或者:{{range $i,$v := .}}{{$i}}{{$v}}
{{end}}注意：range后面有两个变量，那就是角标和对应的元素值如果只有一个值，就是数组的元素值

三、结构体数组

后端
type User struct {Id intName string}
func Hello(context *gin.Context)  {arr_struct := [2]User{{Id:1,Name:"hallen1"},{Id:2,Name:"hallen2"}}context.HTML(http.StatusOK,"user/index.html",arr_struct)
}前端：
{{range $v := .}}{{$v.Id}}{{$v.Name}}<br>
{{end}}

四、map

后端：func Hello(context *gin.Context)  {map_data := map[string]string{"name":"hallen","age":"18",}context.HTML(http.StatusOK,"user/index.html",map_data)
}
前端：
{{.name}}
{{.age}}

五、结构体+map

后端：
type User struct {Id intName string}func Hello(context *gin.Context)  {map_struct_data := map[string]User{"user":User{Id:1,Name:"hallen"},}context.HTML(http.StatusOK,"user/index.html",map_struct_data )
}前端：
{{.user.Id}}
{{.user.Name}}

六、切片

和数组类似，唯一的区别是不用指定长度了，长度是可变的

Go gin其他数据类型渲染相关推荐

golang（Gin模板与渲染）中相对路径找不到文件filepath.Join()
使用os.Getwd()获取文件路径以及**filepath.Join()**解决相对路径访问问题使用gin来渲染模板时,一直找不到指定路径下的模板文件,使用绝对路径可以输出,但是相对路径就会出现问 ...
【Gin框架】框架入门
阅读目录一.Gin 介绍二.Gin 环境搭建三.golang 程序的热加载四.Gin 框架中的路由 4.1.路由概述 4.2.简单的路由配置 4.3.c.String().c.JSON().c ...
Golang gin框架
gin框架学习一.Gin 介绍二.Gin 环境搭建三.golang 程序的热加载安装fresh 库四.Gin 框架中的路由 4.1 路由概述 4.2 简单的路由配置 4.3 动态路由 4.4 ...
Mapbox之栅格矢量瓦片
1. 瓦片(Tile)介绍地图瓦片(Tile)分为两种,栅格瓦片和矢量瓦片,瓦片就是一块一块的正方形格子,按一定的顺序拼在一起便能看到全球的内容或者某一片区域的内容. 栅格瓦片:每一块都是图片,可以 ...
android java 调试工具_调试应用 | Android 开发者 | Android Developers
Auto 如果您希望 Android Studio 自动为您要调试的代码选择最合适的选项,请选择此调试类型.例如,如果您的项目包含任何 C 或 C++ 代码,Android Studio 会自动使用 ...
【自建分布式数据库详细指南】（四）设计：CITUS分布式数据仓库OLAP/OLTP的架构选择及PG数据库优化方法策略
关于数据库的整体设计,很少有书籍专门试讲,因为这需要博大精深的理论水平以及阅历丰富的工作经验,但往往这两者不可兼得,在设计数据库时需要考虑多方面的因素,如需求,数据体量,数据库架构,硬件环境,成本.这 ...
Android 调试您的应用
Android Studio 自带的调试程序让您能够对运行在 Android Emulator 或相连 Android 设备上的应用进行调试.有了 Android Studio 调试程序,您就可以: ...
【Vue系列1】—— Vue入门和基础指令
点赞多大胆,就有多大产!开源促使进步,献给每一位技术使用者和爱好者! 干货满满,摆好姿势,点赞发车 ** 这是Vue框架的第一篇,也不说多重要,掌握的必要性这些了,懂的都懂,直接干货怼起来! ** 学 ...
vue基础之vue的常用指令
1.vue指令的使用前提 el挂载点作用:el是用来设置Vue实例挂载(管理)的元素几个疑问: Vue实例的作用范围是什么呢? Vue会管理el选项命中的元素及其内部的后代元素是否可以使用其他的 ...

Go gin其他数据类型渲染

Go gin其他数据类型渲染

一、结构体

二、数组

三、结构体数组

四、map

五、结构体+map

六、切片

Go gin其他数据类型渲染相关推荐

最新文章

热门文章