前面的学习已经对 Gin 有了一个初步的认识和了解,对 router
的简单使用也有了一定的掌握,那么今天就来使用 Gin 来渲染出我们的 html
页面吧。
?添加模板
我们仍旧是在上一章节的项目中进行修改。
首先新建一个 templates
文件夹,用于存放我们的模板文件,在文件夹中新建立 index.tmpl
。并且编写我们的模板。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Gin Hello</title>
</head>
<body>
<main>{
{ .title }}</main>
</body>
</html>
小提示 GoLand 现在还未对 tmpl 有高亮显示语法,我们可以将 .tmpl 后缀文件添加到 go Template 模板。方法如下:File-settings-Editor-File Types
。(或者我们直接使用 *.gohtml 做为模板也是可以的)如图:
我们可以通过 LoadHTMLGlob
和 LoadHTMLFiles
两个方法来对我们的模板进行加载。其中 LoadHTMLGlob
方法可以将一个目录下所有的模板进行加载,而LoadHTMLFiles
只会加载一个文件,他的参数为可变长参数,需要我们一个一个的手动将模板文件填写。这里我们使用 LoadHTMLGlob
方法。
router.LoadHTMLGlob("templates/*")
此时我们需要修改我们的 /
路由了,不再是让它返回一个字符串,而是返回我们的页面模板。
在 handler
中新建立一个 indexHandler.go
,用来处理我们的 /
路由。
func Index(context *gin.Context) {
context.HTML(http.StatusOK, "index.tmpl", gin.H{
"title": "hello gin " + strings.ToLower(context.Request.Method) + " method",
})
}
此时在访问我们的页面,仍旧是 hello gin get method
,但是这和我们之前返回的字符串是不同的。
打开 浏览器-Network
就可以看到这两个页面的不同,一个是 text 一个是 html
写完具体功能,我们需要改造一下我们的单元测试,针对新的接口逻辑原有的单元测试已经行不通了。
重新修改单元测试。