html - 如何使用 golang 运行带有 css 的 html-6ren

html - 如何使用 golang 运行带有 css 的 html

转载作者：行者123 更新时间：2023-12-04 15:10:08

24

4

各位，我在通过 golang 文件在 html 文件中包含 css 时遇到了问题。本地服务器输出的只有html文件，没有css，如何解决？

也许我使用模板包的方式有问题，所以你能解释一下如何以不同的方式进行路由吗？例子:当你去 http://localhost:8080/login 并且它会显示 login.html。我看到了关于它的 net/http 文档，但要么我是盲人，要么我只是试图在那里找到错误的东西。所有文件都在同一个目录下

welcome.html

<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Website</title>
    <link rel="stylesheet" href="style.css" >
</head>

<body>
    <link rel="stylesheet" href="style.css">
<form action="">
    <center><h1>Enter</h1></center>
        <div class="group">
            <label for="">Login:</label>
            <input type="text">
        </div>
        <div class="group">
            <label for="">Password:</label>
            <input type="password">
        </div>
    <div class="group">
            <center><button>Come in</button></center>
        </div>
    <center><a href="regist.html" class="link">Registration</a></center>
    </form>

</body>
</html>

样式.css

@charset "utf-8";
/* CSS Document */
body
{
    font-family: "Comic Sans MS";
    background-image: url(images/bg.jpg);
    background-repeat: repeat ;
    background-size: 80px 80px ;
}
h1
{
margin: 0;
text-transform: uppercase;
padding-bottom: 5px;
border-bottom: 3px solid rgba(58,87,15,0.80);
}
form 
{
    margin : 0 auto;
    background: rgba(123,170,52,0.76);
    width: 450px;
    height: 350px;
    padding: 20px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.82);
}
.group
{
    margin: 16px ;
    padding: 5px;

}
label
{
    padding-left: 10px;
    text-transform: uppercase;
}
input
{
    margin-top: 5px;
    height: 30px;
    width: 400px;
    border-radius:20px/20px;
    border: none;
    padding-left: 15px;
    font-size: 18px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.82);
}

input:focus{
    border: 2px solid #264503;
    transform: translateX(15px);
    width: 385px;
}
button{
    font-family: "Comic Sans MS";
    cursor: pointer;
    padding: 10px 20px;
    height: 40px;
    color:aliceblue;
    background: rgba(21,73,3,1.00);
    border: none;
    text-transform: uppercase;
    font-size: 15px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.82);
}
button:hover{
    font-weight: bold;
    transform: scale(1.1);
}

.link{
    font-family: "Comic Sans MS";
    cursor: pointer;
    padding: 10px 20px;
    height: 40px;
    color:aliceblue;
    background: rgba(21,73,3,1.00);
    border: none;
    text-transform: uppercase;
    font-size: 15px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.82);
    text-decoration: none; 

}

goFile.go

package main

import (
    "fmt"
    "html/template"
    "net/http"
)

func welcome(w http.ResponseWriter, r *http.Request) {

    tmpl := template.Must(template.ParseFiles("welcome.html"))

    tmpl.Execute(w, nil)
}

func login(w http.ResponseWriter, r *http.Request) {
    tmpl := template.Must(template.ParseFiles("login.html"))

    tmpl.Execute(w, nil)
}

func main() {
    http.HandleFunc("/", welcome)
    http.HandleFunc("/login", login)

    fmt.Println("Listening...")
    http.ListenAndServe(":8080", nil)
}

**输出如下:**

总结: 如何使用golang net/http 或html/template 包来显示带css 的页面？如何正确地在页面之间进行路由？对不起错误。提前致谢，伙计们!

最佳答案

你的 Go 服务器不知道它应该提供 style.css 因为你从来没有告诉过它。如果将该文件移动到 assets/ 子目录，则可以注册一个处理程序来为该目录提供服务:

http.Handle("/assets/", http.StripPrefix("/assets/", http.FileServer(http.Dir("assets"))))

另见 this answer .

关于html - 如何使用 golang 运行带有 css 的 html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/61057271/

24

4

0

文章推荐： smalltalk - 如何在 Pharo 4.0 的世界菜单中添加项目？

文章推荐： angularjs - Angular 链中可选的第一个 promise

文章推荐： qt - 组合框qml的动态翻译

string - golang - 用数字替换字符串字符 golang
我正在尝试运行这段代码，用随机数替换字符串中的一个字符: //Get the position between 0 and the length of the string-1 to insert
arrays - 在数组 golang 中连接整数 - GoLang
我有一个包含 3 个位置的数组，假设它的所有位置都是数字 5。 [5 5 5] 我怎样才能以保持 555 的方式将它传递给 var？就像这样。 n:= 555 最佳答案与使用任何其他语言的方式相同:
Golang 使用 golang dep with dep
我使用 go dep 工具版本 v0.4.1，现在当我运行 dep init 时它会按预期创建 2 个文件，当我打开 gopkg.lock 我发现例如以下内容 [[projects]] name
Golang 可变参数构造函数？在 Golang 中创建个人联系人？
我正在制作学习联系申请。我有一个 NewContact()。 // Contact - defines the fields of an entire Contact type Contact str
Golang - smb2 模块 + 对 Golang 的基本了解
我一直在尝试使用该模块: https://godoc.org/github.com/hirochachacha/go-smb2#RemoteFile.ReadAt 为了在 Windows 机器上对我的
go - 如何在 golang 代码中编译 golang 程序？
我需要在 golang 中编译 golang 中的程序。有没有不使用 exec.Command("go","build") 的原生形式？最佳答案不幸的是，我认为使用 exec.Command 是利
golang : given a string, 输出一个等效的 golang 字符串文字
编写输出有效 go 代码的 go 应用程序可能最好使用内置的“go”包及其一些子包(“go/ast”、“go/token”、“go/printer”、等)。要创建字符串文字表达式，您需要创建一个 a
Golang gin 代理处理 svelte 前端和 Golang api
我正在尝试使用 Golang 和 gin 为我的 api 和前端编写代理。如果请求转到除“/api”之外的任何内容，我想代理到 svelte 服务器。如果出现“/api/something”，我想在
linux - 如何自定义 golang-docker 镜像以使用 golang 进行脚本编写？
我偶然发现了这个博客:using go as a scripting language并尝试创建一个可用于运行 golang 脚本的自定义图像，即 FROM golang:1.15 RUN go ge
json - golang 将具有数组列表的 json 转换为 golang 中的结构
我刚开始接触golang，我需要从json字符串中获取数据。 {"data" : ["2016-06-21","2016-06-22","2016-06-25"], "sid" : "ab", "di
go - 为什么在 Golang 中我们真的需要 "fallthrough"？哪个用例让 Golang 的创建者首先将其包含在内？
关闭。这个问题是opinion-based .它目前不接受答案。想要改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 3 年前。 Improve
go - 如何使 golang 的 golang 版本和我的 Dockerfile 保持同步？
我是 goland 的新手，试图在我的第一个项目中使用它。我注意到在 goland 中它没有显示通过容器引入的相同 golang SDK。这是我的 Dockerfile: FROM golang:1
golang 和 neo4j 使用 golang-neo4j-bolt-driver
我正在试用 golang-neo4j-bolt-driver 包 github.com/johnnadratowski/golang-neo4j-bolt-driver 我已经导入了包并正在使用创建新
go -/usr/lib/golang/src和/usr/lib/golang/pkg之间是什么关系
如果我安装了Go发行版软件包，则会在/usr/lib/golang/pkg中看到很多文件，在/usr/lib/golang/src中看到非常相似的文件集。这两组之间有什么关系？ pkg是从src中的源
go - 如何使用 golang 上下文功能而不是 golang http 客户端发出 http 请求？
我发现 golang 上下文对于在客户端-服务器请求范围内取消服务器的处理很有用。我可以使用 http.Request.WithContext 方法发出带有上下文的 http 请求，但是如果客户端不
html - 如何在 golang gin web 框架中使用 golang 数据呈现 HTML？
我正在尝试将一个 golang 数组(还有 slice、struct 等)放置到 HTML 中，这样当从 golang gin web 框架返回 HTML 时，我可以在 HTML 元素内容中使用数组元
Golang exec.Command() 错误 - 通过 golang 的 ffmpeg 命令
目前正在使用这个 ffmpeg 命令编辑视频 ffmpeg -i "video1.ts" -c:v libx264 -crf 20 -c:a aac -strict -2 "video1-fix.ts
go - 如何从共享的 play.golang.org url 中检索 golang 代码
我需要从 play.golang.org 链接读取 golang 代码并保存到 .go 文件。我想知道 play.golang.org 是否有任何公共(public) API 支持。我用谷歌搜索但没有
intellij-idea - 使用 IntelliJ Golang 插件，如何运行整个 Golang 项目而不是单个文件？
我第一次使用 IntelliJ 的最新 (2014-01-03) Golang 插件。通常，我的终端工作流程是 go build && ./executable -args=1 所以我试图创建一个启
go - 如何解决 Golang 在 golang.org/x/tools/go 中找不到包？
这个问题只是在构建之间随机出现，现在甚至我们的生产 repo，几个月都没有改变，在构建时也会出现这个问题。我已经坚持了一段时间。它不会发生在我们的本地机器上，只有在使用 dockerfile 时才会发

首页

博学

6Ren·AI

商城

html - 如何使用 golang 运行带有 css 的 html