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. 【LeetCode】1003. Check If Word Is Valid After Substitutions 解题报告（Python）

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

  2. 【LeetCode】590. N-ary Tree Postorder Traversal 解题报告 (C++&Python)

    作者: 负雪明烛 id: fuxuemingzhu 个人博客:http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 递归 迭代 相似题目 参考资料 日期 题目地址:htt ...

  3. 【LeetCode】147. Insertion Sort List 解题报告（Python）

    [LeetCode]147. Insertion Sort List 解题报告(Python) 标签(空格分隔): LeetCode 作者: 负雪明烛 id: fuxuemingzhu 个人博客: h ...

  4. Amazing！！CSS 也能实现烟雾效果？

    最近利用 CSS 实现了一些看似超出 CSS 能力的效果: 巧用渐变实现高级感拉满的背景光动画 Amazing!!CSS 也能实现极光? 本文继续此系列,本文主要想探讨一下,使用 CSS 能否比较好的 ...

  5. matplotlb 进阶之Styling with cycler

    目录 cycler 教程 函数链接 matplotlib教程学习笔记 cycler 在教程开始之前,我们需要了解cycler模块 from __future__ import print_functi ...

  6. Android 常见对话框的简单使用（提示信息对话框、单选多选对话框、自定义对话框）

    目录 一.提示信息对话框: 二.单选对话框: 三.多选对话框: 四.自定义对话框: 演示项目完整代码: 一.提示信息对话框: //显示提示消息对话框 private void showMsgDialo ...

  7. .NET 微服务——CI/CD（4）：避坑和一点经验

    如果你看过之前几篇文章,应该已经Jenkins成功搭建了CICD环境,但是进入正式环境会有一些坑,不注意中招的话很难受,这里总结一下,避免重复消耗精力. 后门漏洞 Jenkins有后门,这是个老问题了 ...

  8. 使用uiautomatorviewer，查看app页面元素，进行元素定位

    环境搭建: 安装adt,安装成功后,就可以在adt路径下的tools文件夹中找到uiautomatorviewer.bat 用来做什么? uiautomatorviewer.bat是用来扫描和分析An ...

  9. MongoDB学习 - 安装部署

    1. docker 启动 拉取镜像 docker pull mongo:latest 指定目录启动  docker run -d -p 27017:27017 --name mongo \-v /ho ...

  10. Go语言系列之性能调优

    在计算机性能调试领域里,profiling 是指对应用程序的画像,画像就是应用程序使用 CPU 和内存的情况. Go语言是一个对性能特别看重的语言,因此语言中自带了 profiling 的库,这篇文章 ...