个人中心
文章发布
退出
作者热门文章
- r - 以节省内存的方式增长 data.frame
- ruby-on-rails - ruby/ruby on rails 内存泄漏检测
- android - 无法解析导入android.support.v7.app
- UNIX 域套接字与共享内存(映射文件)
25
4
当尝试将值传递到 .html 代码时，我使用的是 html/template 包。
但是，我似乎无法设置在我的 .html 文件中引用的 .css 内容类型。它以纯文本形式提供给浏览器，因此格式会被忽略。
在静态 .html 文件中，我可以使用内置的 http.Fileserver 来处理内容类型，但模板不起作用。我不能传入变量。它只是显示为 {{.}}
有没有办法将内置文件服务器 http.Fileserver 的content-type 便利性与 http.HandleFunc
?
这是我的代码，没有使用 http.Fileserver。请注意，我的 Go 文件位于起始目录中，index.html 和 .css 文件位于子目录 /hello/中:
package main
import (
"html/template"
"io/ioutil"
"log"
"net/http"
)
var Message string = "test page"
func servePipe(w http.ResponseWriter, req *http.Request) {
dat, err := ioutil.ReadFile("hello/index.html")
if err != nil {
log.Fatal("couldn't read file:", err)
}
templ, err := template.New("Test").Parse(string(dat))
if err != nil {
log.Fatal("couldn't parse page:", err)
}
templ.Execute(w, Message)
}
func main() {
http.HandleFunc("/hello/", servePipe)
http.ListenAndServe(":8080", nil)
}
这是我的.html 文件。正在提供 html 页面，没有任何问题。它是单独的 .css 文件，未提供(在 .html 文件中链接)因此不会发生格式化。
<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<p>{{.}}</p>
</body>
</html>
最佳答案
Template.Execute()将通过调用传递的 io.Writer 的 Write() 方法来“传递”内容在你的情况下是 http.ResponseWriter .
如果您没有在第一次调用 ResponseWriter.Write() 之前设置内容类型(在您的示例中没有设置)，则 net/http包将尝试检测内容类型(基于写入的前 512 个字节)，并自动为您设置它(以及 WriteHeader(http.StatusOK) 如果 ResponseWriter.WriteHeader() 还没有被调用)。
这在 http.ResponseWriter.Write() 中有记录:
// Write writes the data to the connection as part of an HTTP reply.
//
// If WriteHeader has not yet been called, Write calls
// WriteHeader(http.StatusOK) before writing the data. If the Header
// does not contain a Content-Type line, Write adds a Content-Type set
// to the result of passing the initial 512 bytes of written data to
// DetectContentType.
//
// ...
Write([]byte) (int, error)
因此，如果您的 index.html 如下所示:
<html>
<body>
This is the body!
</body>
</html>
然后这将被正确检测为 HTML 文档，因此 text/html 内容类型将被自动设置。如果您没有遇到这种情况，则意味着您的 index.html 未被识别为 HTML 文档。因此，只需确保您的模板文件有效 HTML/CSS/等。文档和内容类型将被自动且正确地推断出来。
另请注意，如果它在某些“极端”情况下不起作用，您始终可以通过在调用 Template.Execute() 之前手动设置它来“覆盖”它，如下所示:
w.Header().Set("Content-Type", "text/html")
templ.Execute(w, Message)
旁注:不要在处理程序中读取和解析模板，有关详细信息，请参阅相关问题:It takes too much time when using "template" package to generate a dynamic web page to client in golang
如果您提供的模板引用了其他模板，它们将不会被神奇地加载和执行。在这种情况下，您应该有一个包含所有模板的“预加载”模板。 template.ParseFiles()和 template.ParseGlob()是一次加载多个模板文件的好“工具”。
因此，如果您的 index.html 引用了 style.css，那么您也必须注意服务 style.css。如果它不是模板(例如静态文件)，您可以使用此处提供的多个选项来提供它:Include js file in Go template
如果它也是一个模板，那么您还必须通过调用 Template.ExecuteTemplate() 加载它并提供它。 .
一个示例解决方案是使用 template.ParseFiles() 加载两者，并使用路径“指定”您想要提供的模板(从客户端/浏览器端)。
例如请求路径 /hello/index.html 可以提供 "index.html" 模板，请求路径 /hello/style.css ( 这将由浏览器在接收和处理 index.html 后自动完成)可以提供 “style.css” 模板。它可能看起来像这样(为简洁起见省略了错误检查):
parts := strings.Split(req.URL.Path, "/") // Parts of the path
templName := parts[len(parts)-1] // The last part
templ.ExecuteTemplate(w, templName, someDataForTemplate)
关于html - 在 Go 中使用 HTML/TEMPLATE 包时如何设置不同的内容类型，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39711287/
25
4
0
我正在为我的按钮使用 onClick 功能。我的按钮代码如下所示: Button 1 Button 2 我的 JS 函数如下所示: function fadeNext(selectedId, spee
首先，我想提一下，我理解每个人在不提供至少一些试验或错误的情况下提出问题的感受，但这纯粹是一种知识需求，话虽如此，我会去提前问。 我一直无法弄清楚如何将保存在 MySQL 表中的 600-1000 个
我想做的事情有点令人困惑，而且我英语不太好，所以我先把代码贴在这里，这样你就可以很容易地理解: 以下是表单内容: Testing for Stackoverflow Option1
我学习 SDL 二维编程已有一段时间了，现在我想创建一个结合使用 SDL 和 OpenGL 的程序。我是这样设置的: SDL_Init(SDL_INIT_VIDEO); window = SDL_Cr
我创建了 2 个 data-* 标签。数据类别和数据标签。单击 href 标签后，我想复制该数据类别和数据标签以形成输入。我的代码是:
我想用 CSS 换行。我正在使用内容。 td:before { content: "Test\A Test2"; } 它不工作。如何正确
这个问题已经有答案了: Java Class that implements Map and keeps insertion order? (8 个回答) 已关闭 6 年前。 我有一个 HashMap
我正在尝试使用 JMeter 执行端到端测试。测试涉及写入SFTP文件夹并从另一个SFTP文件夹读取写入操作生成的文件。 我能够使用 JMeter SSH SFTP 插件连接到 SFTP 文件夹，并能
您好，我有带有标准服务器端 Servlet 的 GWT 客户端。 我可以从 GWT 客户端上传文件并在服务器端读取其内容 我可以将其作为字符串发送回客户端 但是 我有 GWT FormPanel与操作
我在 Plone 4.3.9 中创建了一个自定义类型的灵巧性，称为 PersonalPage，必须只允许在特定文件夹中使用 成员文件夹/用户文件夹 . 在他的 FTI 中，默认情况下 False .
在新(更新)版本的应用程序中更改小部件布局的最佳做法是什么？当新版本提供更新、更好的小部件时，如何处理现有小部件？ 最佳答案 我认为您必须向用户显示一个弹出窗口，说明“此版本中的新功能”并要求他们重新
在我的应用程序中，我使用支持 View 寻呼机和 PagerTabStrip。进入查看寻呼机我有一些 fragment ，进入其中一个我正在使用支持卡片 View 。运行应用程序后，所有卡片 View
我有以下布局文件。基本上我有谷歌地图，在左上角我有一个 TextView，我需要在其中每 15 秒保持一次计数器以刷新 map 。布局很好。
我使用如下结构: HashMap > > OverallMap 如果我这样做: OverallMap . clear ( ) clear() 丢弃的所有内容(HashMap 对象、Integer 对
我在数据库中有 1000 张图像。在页面加载时，我随机显示 60 张图片，当用户滚动时，我通过 AJAX 请求添加 20 张图片。 第一种方法 我所做的是将所有图像加载到一个容器中，然后隐藏所有图像并
我正在使用 woocommerce 创建一个网上商店。 我想在每个产品上添加一个包含产品信息的表格，例如颜色、交货时间等等。 但是当我添加这张表时。本产品消失后的所有内容。 我的表的代码: td {
This question already has an answer here: What does an empty value for the CSS property content do?
因此，我正在与我的 friend 一起为 Google Chrome 开发一个扩展程序，对于大多数功能(即日历、设置等)，我们打开一个模式，这样我们就不必重定向到另一个页面。当您在内容之外单击时，我们
我将可变高度的 CSS 框设置为在更大的 div 中向左浮动。现在我想添加一个标题，其中文本在框的左侧垂直显示(旋转 90 度)，如下面的链接所示(抱歉还不能发布图片)。 http://imagesh
相关页面位于 www.codykrauskopf.com/circus 如果您查看我页面的右侧，在半透明容器和浏览器窗口边缘之间有一个间隙。我看了看，出于某种原因，wrap、main、content
我是一名优秀的程序员,十分优秀！