package main

import (

	"github.com/gin-gonic/gin"

	"net/http"

)

func login(ctx *gin.Context) {

	ctx.JSON(http.StatusOK, map[string]interface{}{

		"username": "李四",

		"password": 123465,

	})

}

func main() {

	// HTML渲染,

	router := gin.Default()

	//router.LoadHTMLFiles("templates/index.html", "templates/login.html")

	//router.LoadHTMLGlob("templates/*")

	// 使用不同目录下名称相同的模板

	router.LoadHTMLGlob("templates/**/*")

	router.GET("/users/index", func(context *gin.Context) {

		context.HTML(http.StatusOK, "users/index.html", gin.H{

			"title": "Users",

		})

	})

	router.GET("/center/index", func(context *gin.Context) {

		context.HTML(http.StatusOK, "center/index.html", gin.H{

			"title": "Center",

		})

	})

	router.GET("/login", login)

	router.Run()

}

　　

目录结构

html代码

<!DOCTYPE html>

{{ define "center/index.html" }}

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>首页</title>

</head>

<body>

    <h1>{{ .title }}</h1>

</body>

</html>

{{ end }}

　　

2. 自定义HTML模板渲染器

package main

import (

	"github.com/gin-gonic/gin"

	"html/template"

	"net/http"

)

func main() {

	router := gin.Default()

	// 自定义html模板渲染器，要指定所有的html路径，不推荐

	html := template.Must(template.ParseFiles(

		"templates/login.html",

		"templates/users/index.html",

		"templates/center/index.html",

		))

	router.SetHTMLTemplate(html)

	router.GET("/users/index", func(context *gin.Context) {

		context.HTML(http.StatusOK, "users/index.html", gin.H{

			"title": "users/index.html",

		})

	})

	router.Run()

}

　　

3.  自定义分隔符、模板功

package main

import (

	"fmt"

	"github.com/gin-gonic/gin"

	"html/template"

	"net/http"

	"time"

)

func formatAsDate(t time.Time) string {

	year, month, day := t.Date()

	return fmt.Sprintf("%d-%02d-%02d", year, month, day)

}

func main() {

	router := gin.Default()

	// 自定义分隔符

	router.Delims("{[{", "}]}")

	// 自定义模板功能

	router.SetFuncMap(template.FuncMap{

		"formatAsDate": formatAsDate,

	})

	// 加载模板文件路径

	router.LoadHTMLGlob("templates/**/*")

	router.GET("/users/index", func(context *gin.Context) {

		context.HTML(http.StatusOK, "users/index.html", map[string]interface{}{

			"now": time.Date(2021, 10, 15, 0, 0, 0, 0, time.Local),

		})

	})

	router.Run()

}

　　

hmtl代码

<!DOCTYPE html>

{[{ define "users/index.html" }]}

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h2>

    {[{ .now | formatAsDate }]}

</h2>

</body>

</html>

{[{ end }]}

　　

gin中HTML渲染的更多相关文章

  1. 【转载】OLE控件在Direct3D中的渲染方法

    原文:OLE控件在Direct3D中的渲染方法 Windows上的图形绘制是基于GDI的, 而Direct3D并不是, 所以, 要在3D窗口中显示一些Windows中的控件会有很多问题 那么, 有什么 ...

  2. Unity Shader入门精要学习笔记 - 第16章 Unity中的渲染优化技术

    转自冯乐乐的 <Unity Shader 入门精要> 移动平台的特点 为了尽可能一处那些隐藏的表面,减少overdraw(即一个像素被绘制多次),PowerVR芯片(通常用于ios设备和某 ...

  3. Flask中的渲染变量

    Flask中的渲染变量 一.渲染变量 <!DOCTYPE html> <html lang="en"> <head> <meta char ...

  4. [RN] React-Native中Array渲染的优化

    React-Native中Array渲染的优化 例如用Push加进去的数据: constructor(props){    super(props);    this.state = {      b ...

  5. gin框架中的渲染

    各种数据格式的响应 json.结构体.XML.YAML类似于java的properties.ProtoBuf 点击查看代码 // json响应 func someJson(context *gin.C ...

  6. gin中XML/JSON/YAML/ProtoBuf 渲染

    package main import ( "github.com/gin-gonic/gin" "github.com/gin-gonic/gin/testdata/p ...

  7. 关于vue.js中列表渲染练习

    html: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8 ...

  8. 关于vue.js中条件渲染的练习

    html: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8 ...

  9. cocos2dx 3.x中的渲染机制

    1.由2.x的渲染节点,变成添加渲染命令,可以避免重复渲染相同的节点,提高了渲染效率 2.单机游戏通常要求apk包在30M以内,没压缩1M会有1%的转换率(下载转换率),即收入会提高 3.2.x中首先 ...

随机推荐

  1. 用setTimeout实现setInterval

    timerFun(); function timerFun() { console.log("实现操作部分") let timer = setTimeout(function () ...

  2. JAVA获取某年(当年)的第一天的开始时刻和某年(当年)的最后一天的最后时刻

    package com.date; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Dat ...

  3. 总结Vue第三天：模块化和webpack模块化打包：

    总结Vue第三天:模块化和webpack模块化打包: 一.❀ 模块化 [导入import-----导出export] 1.为什么需要模块化? JavaScript 发展初期,代码简单地堆积在一起,只要 ...

  4. 网络编程之UDP中一个包的大小最大能多大

    读书笔记:here 结论1:局域网环境下,建议将UDP数据控制在1472字节以下 一定要知道 因为链路层的传输单元(MTU)是1500字节,1500字节中并不包含链路层的首尾18个字节.1500字节是 ...

  5. 【LeetCode】541. Reverse String II 解题报告（Python）

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 Java解法 Python解法 日期 题目地址:ht ...

  6. D. Persistent Bookcase(Codeforces Round #368 (Div. 2))

    D. Persistent Bookcase time limit per test 2 seconds memory limit per test 512 megabytes input stand ...

  7. PAT甲组 1010 Radix （二分）

    1010 Radix (25分) Given a pair of positive integers, for example, \(6\) and \(110\), can this equatio ...

  8. [opencv]膨胀腐蚀

    Mat dilateimg; Mat element = getStructuringElement(MORPH_RECT, Size(3, 3)); dilate(canny, dilateimg, ...

  9. mysql 语句中 sum函数求和 null 变 0

    https://blog.csdn.net/Z_passionate/article/details/83821039

  10. 【JPA】使用JPA实现分页和模糊查询

    1.首先创建DAO层接口,实现JpaRepository和JpaSpecificationExecutor两个接口 JpaRepository<Admin, Integer> 泛型参数分别 ...