模板渲染

说明

视图渲染必须要注册为GET路由，相关目录配置可以在 config/config.yaml 中修改

# 服务相关配置
server:
  address: ":3699"
  tplPath: "view" # 模板文件路径
  staticPrefix: "static" # 静态资源路由前缀
  staticPath: "public" # 静态资源目录
  staticSuffix: "png,jpg,jpeg,gif,mp4,css,js" # 静态资源文件支持的类型

# 服务相关配置
server:
  address: ":3699"
  tplPath: "view" # 模板文件路径
  staticPrefix: "static" # 静态资源路由前缀
  staticPath: "public" # 静态资源目录
  staticSuffix: "png,jpg,jpeg,gif,mp4,css,js" # 静态资源文件支持的类型

使用示例

// HomeData 首页宣传页测试数据
type HomeData struct {
	Count    int
	Title    string
	SubTitle string
}

// HomeView 首页宣传页
func HomeView(ctx *tg.Context) {
	ctx.View("index.html", &HomeData{
		Count:    9863763,
		Title:    "ThinkGO",
		SubTitle: "欢迎使用ThinkGO框架",
	})
}

// HomeData 首页宣传页测试数据
type HomeData struct {
	Count    int
	Title    string
	SubTitle string
}

// HomeView 首页宣传页
func HomeView(ctx *tg.Context) {
	ctx.View("index.html", &HomeData{
		Count:    9863763,
		Title:    "ThinkGO",
		SubTitle: "欢迎使用ThinkGO框架",
	})
}

View接收两个参数，第一个模板名称，第二个是模板中要使用的变量，然后在模板中通过花括号的方式使用，详细模板语法请访问这里

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description"
          content="ThinkGO官网 & ThinkGO是一个轻量级的GO WEB应用框架，提供一套结构化、模块化的开发环境，为减少开发人员的学习成本，提高团队的开发效率而生">
    <link rel="icon" href="../public/img/favicon.ico">
    <title>ThinkGO官网</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>

<body>
    <div class="p-6 md:p-12">
        <div class="text-8xl font-normal">:)</div>
        <h1 class="text-4xl mt-3">{{ .Title }}</h1>
        <h2 class="text-3xl mt-3">{{ .SubTitle }}</h2>
        <div class="flex flex-row items-center mt-5">
            <a href="https://www.think-go.com.cn" class="text-blue-600 no-underline mr-4 text-lg hover:underline">完全开发手册</a>
            <a href="https://github.com/think-go/think-go" class="text-blue-600 no-underline mr-4 text-lg hover:underline">GitHub源码</a>
            <a class="text-blue-600 no-underline mr-4 text-lg hover:underline cursor-pointer">点击喜欢：{{ .Count }}</a>
        </div>
    </div>
    {{template "footer" .}}
</body>

</html>

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description"
          content="ThinkGO官网 & ThinkGO是一个轻量级的GO WEB应用框架，提供一套结构化、模块化的开发环境，为减少开发人员的学习成本，提高团队的开发效率而生">
    <link rel="icon" href="../public/img/favicon.ico">
    <title>ThinkGO官网</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>

<body>
    <div class="p-6 md:p-12">
        <div class="text-8xl font-normal">:)</div>
        <h1 class="text-4xl mt-3">{{ .Title }}</h1>
        <h2 class="text-3xl mt-3">{{ .SubTitle }}</h2>
        <div class="flex flex-row items-center mt-5">
            <a href="https://www.think-go.com.cn" class="text-blue-600 no-underline mr-4 text-lg hover:underline">完全开发手册</a>
            <a href="https://github.com/think-go/think-go" class="text-blue-600 no-underline mr-4 text-lg hover:underline">GitHub源码</a>
            <a class="text-blue-600 no-underline mr-4 text-lg hover:underline cursor-pointer">点击喜欢：{{ .Count }}</a>
        </div>
    </div>
    {{template "footer" .}}
</body>

</html>

这里还提供了一个 ctx.HTML() 方法，传入一个字符串的html可以直接呈现页面，某些情况下可能会用到

ctx.HTML("<h1>测试一下</h1>")

ctx.HTML("<h1>测试一下</h1>")

模板渲染 ​

使用示例 ​

模板渲染

使用示例