在Go语言中,通常使用模板引擎来渲染HTML页面到前端,而对于CSS的引入,不需要直接在Go代码中“导入”CSS,而是应该在生成的HTML模板中通过链接标签 <link>
来引用CSS文件。
这里是一个基本的例子说明如何在Go的HTML模板中引入外部CSS文件:
首先,确保你的CSS文件(比如叫styles.css
)位于Web服务器的静态资源目录下,比如在static/css/
目录中。
然后,在你的Go模板文件中(比如index.html
模板),使用<link>
标签引用CSS文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Web Page</title>
<!-- 引入CSS -->
<link rel="stylesheet" href="/static/css/styles.css">
</head>
<body>
<!-- 你的HTML内容 -->
<h1>Welcome to my page!</h1>
</body>
</html>
在Go代码中,使用html/template
包来解析和执行这个模板。以下是一个简化的示例:
package main
import (
"html/template"
"net/http"
)
func homePage(w http.ResponseWriter, r *http.Request) {
tmpl := template.Must(template.ParseFiles("templates/index.html"))
err := tmpl.Execute(w, nil)
if err != nil {
http.Error(w, err.Error(), http.StatusInternalServerError)
}
}
func main() {
http.HandleFunc("/", homePage)
fs := http.FileServer(http.Dir("./static")) // 设定静态文件服务器的根目录为当前目录下的"static"文件夹
http.Handle("/static/", http.StripPrefix("/static/", fs)) // 将/static/前缀的请求代理到静态文件服务器
http.ListenAndServe(":8080", nil)
}
在这个例子中,我们定义了一个简单的HTTP处理器homePage
来渲染index.html
模板,并且设置了一个静态文件服务器来服务static
目录下的文件,这样浏览器就可以通过/static/css/styles.css
路径访问到CSS文件了。
欢迎关注公-众-号【TaonyDaily】、留言、评论,一起学习。
Don’t reinvent the wheel, library code is there to help.