下面介绍返回类型如下：
- [ ]byte和string
- JSON格式
- HTML模板渲染
- 静态资源设置
背景
在前面的课程中，我们已经学习和掌握了多类型的网络请求和处理，还掌握了提交数据与结构体绑定的操作。我们都知道，一个完整的请求包含请求、处理请求和结果返回三个步骤，在服务器端对请求处理完成以后，会将结果返回给客户端。
在gin框架中，支持返回多种请求数据格式。
[ ]byte
在之前的课程案例中，我们统一使用的请求返回数据格式为[ ]byte。通过context，Writer，Write方法写入[ ]byte数据。编码案例如下所示：
package main
import "github.com/gin-gonic/gin"
func main() {
engine := gin.Default()
engine.GET("/byte", func(c *gin.Context) {
fullPath := c.FullPath()
c.Writer.Write([]byte(fullPath))
})
engine.Run()
}string
engine.GET("/string", func(c *gin.Context) {
fullPath := c.FullPath()
c.Writer.WriteString(fullPath)
})这里writer是context结构体里面的一个属性，类型为ResponseWriter这样一个类型。
type Context struct {
writermem responseWriter
Request *http.Request
Writer ResponseWriter
}ResponseWriter是一个接口类型，在这个接口里面包括了http.ResponseWriter，这个也就是go标准库http包下的，这里还有一系列的方法。上面使用的c.Writer方法是属于http.ResponseWriter下的一个方法。
type ResponseWriter interface {
http.ResponseWriter
http.Hijacker
http.Flusher
http.CloseNotifier
Status() int
Size() int
WriteString(string) (int, error)
Written() bool
WriteHeaderNow()
Pusher() http.Pusher
}JSON
除了使用context.Writer对象返回byte和string类型的数据意外。在项目开发中，JSON格式规范使用的更为普遍。gin为了方便开发者更方便的使用该框架进行项目开发，直接支持将返回数据组装成JSON格式进行返回。
gin框架中的context包含的JSON方法可以将结构体类型的数据转换成JSON格式的结构化数据，然后返回给客户端。
下面是两种方式来演示，一种是通过map类型数据转化为json，其次还可以通过结构体类型转化为json格式。
map类型编程调用如下所示：
engine.GET("/map", func(c *gin.Context) {
fullPath := c.FullPath()
c.JSON(http.StatusOK, map[string]interface{}{
"code": 1,
"msg": "ok",
"data": fullPath,
})
})
这样就完成了最简单的map类型的数据格式转化为json，然后返回给前端。
struct类型编程调用如下所示：
真正项目开发的时候，往往会有很多的结构体，要将结构体对应值类型的数据直接返回给前端。
通常会将code，message和data这三个数据定义作为response这样一个通用的结构体。
package main
import (
"github.com/gin-gonic/gin"
"net/http"
)
func delStructHandler(c *gin.Context) {
fullPath := "请求路径" + c.FullPath()
resp := Response{
Code: 1,
Message: "ok",
Data: fullPath,
}
c.JSON(http.StatusOK, &resp)
//第二个参数是interface类型，这里需要取值类型的地址
}
type Response struct {
Code int
Message string
Data interface{} //由于类型不确定，那么使用万能类型，interface类型
}
func main() {
engine := gin.Default()
engine.GET("/struct", delStructHandler)
engine.Run()
}
Html
在gin框架当中，支持直接加载html页面，或者html模板，这样就可以在前端里面渲染出来。
这里要先创建html的目录，目录下面放的都是html文件，gin要去先加载这些文件才能使用。
package main
import (
"github.com/gin-gonic/gin"
"net/http"
)
func htmlHandler(c *gin.Context) {
c.HTML(http.StatusOK, "index.html", nil)
//第二个参数是interface类型，这里需要取值类型的地址
}
func main() {
engine := gin.Default()
//指明要加载的html文件所在的目录,这样就将html目录下面所有的文件可以让gin访问
engine.LoadHTMLGlob("C:\\Users\\W10\\GolandProjects\\day1\\gin\\bilibli\\html\\*")
engine.GET("/html", htmlHandler)
engine.Run()
}
在这个html页面能不能将后台的服务器的一些数据返回给html页面呢？
这就需要使用模板语言，要将一个变量传递到index.html页面中展示，这就需要在html页面当中使用模板语言来定义变量。双花括号+变量
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>gin学习</h1>
{
{.fullPath}}
</body>
</html>在这个页面当中定义了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{
{.title}</title>
</head>
<body>
<h1>gin学习</h1>
{
{.fullPath}}
</body>
</html>-------------------------------------------------------------------------------------------------------------------------
package main
import (
"github.com/gin-gonic/gin"
"net/http"
)
func htmlHandler(c *gin.Context) {
fullPath := c.FullPath()
c.HTML(http.StatusOK, "index.html", gin.H{
"fullPath": fullPath,
"title": "gin学习",
})
//这样就将服务器端的变量传递到html页面当中了
}
func main() {
engine := gin.Default()
//指明要加载的html文件所在的目录,这样就将html目录下面所有的文件可以让gin访问
engine.LoadHTMLGlob("C:\\Users\\W10\\GolandProjects\\day1\\gin\\bilibli\\html\\*")
engine.GET("/html", htmlHandler)
engine.Run()
}
上面就是在html当中使用模板语言进行数据的传递和数据展示。
加载静态图片
在开发的过程当中往往会将同一类资源创建在同一个目录下面。
gin框架要在加载静态资源的时候必须先设置好静态资源的目录。
package main
import (
"github.com/gin-gonic/gin"
"net/http"
)
func htmlHandler(c *gin.Context) {
fullPath := c.FullPath()
c.HTML(http.StatusOK, "index.html", gin.H{
"fullPath": fullPath,
"title": "gin学习",
})
//这样就将服务器端的变量传递到html页面当中了
}
func main() {
engine := gin.Default()
//指明要加载的html文件所在的目录,这样就将html目录下面所有的文件可以让gin访问
engine.LoadHTMLGlob("C:\\Users\\W10\\GolandProjects\\day1\\gin\\bilibli\\html\\*")
//第一个参数代表客户端请求的http路径，第二个参数表示本地工程的路径
engine.Static("/img", "../image")
engine.GET("/html", htmlHandler)
engine.Run()
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{
{.title}}</title>
</head>
<body>
<h1>gin学习</h1>
{
{.fullPath}}
<div align="center">
<img src="C:\Users\W10\GolandProjects\day1\gin\bilibli\image\test.jpg">
</div>
</body>
</html>