golang_gin渲染前端模板2

2022年8月31日23时6分

2022年8月31日23时7分

golang

golang gin

浏览量:

golang_gin渲染前端模板_2

gin渲染前端页面还有很多的细节，以下就是补充的内容

gin 设置静态文件路由

需要在项目目录新建一个static文件夹，主要存放js、css和图片文件

代码如下

package main
import (
	"html/template"
	"net/http"
	"github.com/gin-gonic/gin"
)
func main(){
    r := gin.Default()
    // 声明静态文件目录，第一个参数是路由，第二个参数是映射文件目录
    r.Static("/static", "./static")
}

gin 渲染前端模板的语法

渲染的模板,函数使用方法为，函数名参数1 参数2 ，参数之间空格隔开

{{define "len/len.html"}}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Document</title>

  <link href="/static/css/base.css" rel="stylesheet" type="text/css">

</head>

<body>

  <!-- 加载公共模板 -->

  {{template "public/pHeader.html" .}}

  <h1>hhahaha</h1>

  <!-- 预定义函数--了解 -->

  {{len .title}}

  <!-- 自定义模板函数1 -->

  {{say}}

  <!-- 自定义模板函数2 -->

  {{subString .s.Name .s.Major}}

    <img src="/static/imgs/b1.png">

</body>

</html>

{{end}}

自定义模板函数

// 自定义函数一
func say() string {
	return "自定义函数"
}

// 自定义函数二
func subString(str1 string, str2 string) string {
	return "姓名：" + str1 + "  功法：" + str2
}