为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

Go
幕布斯6054654 2021-12-27 17:46:05
我的英语很基础,对不起:)好吧,我的问题是,当 Gin 加载 HTML 时,我的 HTML 文件包含导入 (/stylesheet/index.css),因此当使用 Gin 运行我的应用程序时,此警报不会加载样式表文件workspace/          main/               main.go          templates/                   index.tmpl.html                   css/                       index.cssmain.gor.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>索引.cssheader {   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:我需要使用杜松子酒
查看完整描述

2 回答

?
慕勒3428872

TA贡献1848条经验 获得超6个赞

您需要一个处理main.go. 使用静态

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


查看完整回答
反对 回复 2021-12-27
?
阿波罗的战车

TA贡献1862条经验 获得超6个赞

在您的 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>


查看完整回答
反对 回复 2021-12-27
  • 2 回答
  • 0 关注
  • 468 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信