杜松子酒golang：用樣式表

我的英語加載HTML文件是很基本的，對不起:)杜松子酒golang：用樣式表

嗯，我的問題是，當晶晶被加載HTML，我的HTML文件包含導入（/樣式表/索引的CSS），這樣，當運行我的應用程序杜松子酒，此警報是不加載樣式表文件

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 
    }) 
})

index.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>

index.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; 
}

所以，我捉迷藏我的應用程序，這給我杜松子酒模式調試錯誤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文件時，這顯示樣式表沒有問題。 :(

我不知道如何與杜松子酒加載樣式表

幫助，請

PS：我需要用杜松子酒

來源

2016-03-26 marioneta

您需要main.go對靜態文件的處理程序。。使用Static

r.Static("/css", "../templates/css")

來源

2016-03-26 15:38:42

-1

在你index.tmpl.html文件嘗試更換如下：

<style type="text/css" media="screen"> 
    <!-- 
     @import url("/css/index.css"); 
    --> 
</style>

這一個：

<style type="text/css" media="screen"> 
    <!-- 
     @import url("css/index.css"); 
    --> 
</style>

來源

2016-03-26 15:48:18 Abhi

杜松子酒golang：用樣式表

回答

相關問題