Gin-golang:使用样式表加载 html 文件

我的英语很基础,对不起:)


好吧,我的问题是,当 Gin 加载 HTML 时,我的 HTML 文件包含导入 (/stylesheet/index.css),因此当使用 Gin 运行我的应用程序时,此警报不会加载样式表文件


workspace/

          main/

               main.go

          templates/

                   index.tmpl.html

                   css/

                       index.css

main.go


r.LoadHTMLFiles("../templates/index.tmpl.html")


r.GET("/index", func(c *gin.Context) {

    c.HTML(200, "index.tmpl.html", gin.H{

        "title": "Main website", //IGNORE THIS

    })

})

索引.tmpl.html


<!DOCTYPE html>

<head>

  <title>Hola titulo</title>

  <style type="text/css" media="screen">

    <!-- 

        @import url("/css/index.css");

    -->

  </style>

</head>


<body>


  <header>

    <h1>City Gallery</h1>

  </header>


  <nav>

    London<br>

    Paris<br>

    Tokyo

  </nav>


  <section>

    <h1>London</h1>

    <p>London is the capital city of England. It is the most populous city in the United Kingdom,

with a metropolitan area of over 13 million inhabitants.</p>

    <p>Standing on the River Thames, London has been a major settlement for two millennia,

its history going back to its founding by the Romans, who named it Londinium.</p>

  </section>


  <footer>

    Copyright © W3Schools.com

  </footer>


</body>


</html>

索引.css


header {

   background-color:black;

   color:white;

   text-align:center;

   padding:5px; 

}

nav {

   line-height:30px;

   background-color:#eeeeee;

   height:300px;

   width:100px;

   float:left;

   padding:5px; 

}

section {

   width:350px;

   float:left;

   padding:10px; 

}

footer {

   background-color:black;

   color:white;

   clear:both;

   text-align:center;

   padding:5px; 

}

所以,我正在运行我的应用程序,这在 Gin 模式调试中给了我错误 404。


[GIN] 2016/03/26 - 12:10:50 | 200 |     688.938µs | 127.0.0.1 |   GET     /index

[GIN] 2016/03/26 - 12:10:50 | 404 |       2.865µs | 127.0.0.1 |   GET     /css/index.css

另一方面,当我只加载 html 文件时,这显示样式表没有问题。:(


我不知道如何使用 Gin 加载样式表。


请帮忙。


PS:我需要使用杜松子酒


幕布斯6054654
浏览 469回答 2
2回答

慕勒3428872

您需要一个处理main.go.&nbsp;使用静态。r.Static("/css",&nbsp;"../templates/css")

阿波罗的战车

在您的 index.tmpl.html 文件中尝试替换以下内容:<style type="text/css" media="screen">&nbsp; &nbsp; <!--&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; @import url("/css/index.css");&nbsp; &nbsp; --></style>到这个:<style type="text/css" media="screen">&nbsp; &nbsp; <!--&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; @import url("css/index.css");&nbsp; &nbsp; --></style>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Go