Golang 中 Gin 框架开发学习记录 ——（二）

4、响应页面

首先创建 template 文件夹将需要的 hmtl 文件放在里面，然后编写 hmtl

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的GO web页面</title>
 
    <link rel="stylesheet" href="/static/css/style.css">
    <script src="/static/js/commom.js"></script>
</head>
<body>
 
<h1>hello world!</h1>
 
后端的数据为
{{.msg}}
 
</body>
</html>

设置标题为 “我的 GO web 页面”，输出为 "hello world"，并且接收后端数据（只会编写）

然后同样的，先创建一个服务，并设置一个服务器接口

 	//创建一个服务
	ginServer := gin.Default()
	ginServer.Use(favicon.New("./aevr4-fg4ao-001.ico"))
 
 
	//服务器端口
	ginServer.Run(":8081")

然后就可以在中间设置我们的服务了，先是加载静态页面

 	//加载静态页面
	ginServer.LoadHTMLGlob("templates/*")

接着利用 Gin 的 Restful 获取后端数据并输出

 	//Gin Restful
	ginServer.GET("/hello", func(context *gin.Context) {
		//context.JSON(200, gin.H{"msg": "hello,world"})返回JSON数据
		context.HTML(http.StatusOK, "index.html", gin.H{
			"msg": "这是后台传来的数据",
		})
	})

这样一个基本的页面响应就做好了，如果要想美化一下页面可以设置 static 文件夹放入 css 和 js 文件进行美化这里的 css 和 js 分别写为

 body{
    background: aquamarine;
}

 alert(1)

并在 main 文件中进行相关设置

 	//加载资源文件
	ginServer.Static("/static", "./static")

以上合起来就可以完成一个完整的页面响应了

 package main
 
import (
	"github.com/gin-gonic/gin"
	"github.com/thinkerou/favicon"
	"net/http"
)
 
func main() {
	//创建一个服务
	ginServer := gin.Default()
	ginServer.Use(favicon.New("./aevr4-fg4ao-001.ico"))
	//加载静态页面
	ginServer.LoadHTMLGlob("templates/*")
 
	//加载资源文件
	ginServer.Static("/static", "./static")
 
	//Gin Restful
	ginServer.GET("/hello", func(context *gin.Context) {
		//context.JSON(200, gin.H{"msg": "hello,world"})返回JSON数据
		context.HTML(http.StatusOK, "index.html", gin.H{
			"msg": "这是后台传来的数据",
		})
	})
	//响应一个页面给前端
 
	//服务器端口
	ginServer.Run(":8081")
}

posted @ 2023-07-21 23:28 想成为编程高手的阿曼阅读(35) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· Golang中Gin框架开发学习记录——（二）

· Golang中Gin框架开发学习记录——（一）

· golang gin后端开发框架（二）：解析request与构建response

· Go语言学习——gin的使用1

· GolangWeb框架——Gin框架的使用

阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！

公告

8111天6小时40分17秒

昵称：想成为编程高手的阿曼
园龄： 1年7个月
粉丝： 0
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

随笔分类

LeetCode刷题(6)

humanplug

Golang 中 Gin 框架开发学习记录 ——（二）

公告

搜索

常用链接

我的标签

合集

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>我的GO web页面</title>

	<link rel="stylesheet" href="/static/css/style.css">
	<script src="/static/js/commom.js"></script>
	</head>
	<body>

	<h1>hello world!</h1>

	后端的数据为
	{{.msg}}

	</body>
	</html>

	//创建一个服务
	ginServer := gin.Default()
	ginServer.Use(favicon.New("./aevr4-fg4ao-001.ico"))


	//服务器端口
	ginServer.Run(":8081")

	//Gin Restful
	ginServer.GET("/hello", func(context *gin.Context) {
	//context.JSON(200, gin.H{"msg": "hello,world"})返回JSON数据
	context.HTML(http.StatusOK, "index.html", gin.H{
	"msg": "这是后台传来的数据",
	})
	})

	package main

	import (
	"github.com/gin-gonic/gin"
	"github.com/thinkerou/favicon"
	"net/http"
	)

	func main() {
	//创建一个服务
	ginServer := gin.Default()
	ginServer.Use(favicon.New("./aevr4-fg4ao-001.ico"))
	//加载静态页面
	ginServer.LoadHTMLGlob("templates/*")

	//加载资源文件
	ginServer.Static("/static", "./static")

	//Gin Restful
	ginServer.GET("/hello", func(context *gin.Context) {
	//context.JSON(200, gin.H{"msg": "hello,world"})返回JSON数据
	context.HTML(http.StatusOK, "index.html", gin.H{
	"msg": "这是后台传来的数据",
	})
	})
	//响应一个页面给前端

	//服务器端口
	ginServer.Run(":8081")
	}