0
点赞
收藏
分享

微信扫一扫

go语言渲染前端模板导入css

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

举报

相关推荐

0 条评论