zoukankan      html  css  js  c++  java
  • Gin框架配置静态文件static

    Gin框架必须配置完路径才能访问静态文件

    // gindemo.go
    package main import (
    "net/http" "github.com/gin-gonic/gin" ) func main() { // 创建一个默认的路由引擎 r := gin.Default() // 配置模板 r.LoadHTMLGlob("templates/**/*") // 配置静态文件夹路径 第一个参数是api,第二个是文件夹路径 r.StaticFS("/static", http.Dir("./static")) // GET:请求方式;/hello:请求的路径 // 当客户端以GET方法请求/hello路径时,会执行后面的匿名函数 r.GET("/posts/index", func(c *gin.Context) { // c.JSON:返回JSON格式的数据 c.HTML(http.StatusOK, "posts/index.html", gin.H{ "title": "posts/index", }) }) r.GET("gets/login", func(c *gin.Context) { c.HTML(http.StatusOK, "posts/login.html", gin.H{ "title": "gets/login", }) }) // 启动HTTP服务,默认在0.0.0.0:8080启动服务 r.Run() }

    项目目录

    模板login.html

    {{define "posts/login.html"}}
    <!DOCTYPE html>
    <html lang="en">
    <link rel="stylesheet" href="../../static/css.css">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>posts/index</title>
    </head>
    <body>
    <h1>标题</h1>
    {{.title}}
    
    <div>hello</div>
    </body>
    </html>
    {{end}}

    结束!

  • 相关阅读:
    Sublime Text 3 Build 3143 可用License
    npm安装cnpm报错
    使用proxy来简单的实现一个观察者
    时间倒计时提醒
    JavaScript设计模式
    异步方法(promise版)出错自调用
    co模块源码学习笔记
    go new() 和 make() 的区别
    广度优先搜索算法
    并发和并行有什么区别?(转)
  • 原文地址:https://www.cnblogs.com/aaronthon/p/12802591.html
Copyright © 2011-2022 走看看