GoでHTML, JS, CSSをファイルを分割したい

今の状況

Go言語, HTML, CSS, JavaScriptで簡単なWebページを作成した。

以下はそのソースコード等である。

ソースコード

プロジェクト構成

.
├── hoge.html
└── main.go

実行方法

go run main.goコマンドを実行する
ブラウザでhttp://localhost:8080/へアクセスする

main.go

go
1package main
2
3import (
4	"html/template"
5	"net/http"
6)
7
8func main() {
9	http.HandleFunc("/", handle)
10	http.ListenAndServe(":8080", nil)
11}
12
13func handle(w http.ResponseWriter, r *http.Request) {
14	t, _ := template.ParseFiles("hoge.html")
15	t.Execute(w, nil)
16}

tmpl.html

html
1<!DOCTYPE html>
2<html>
3<head>
4   <meta charset="UTF-8">
5   <title>Document</title>
6   <script>
7      function SayHello() {
8         alert("Hello")
9      }
10   </script>
11   <style>
12      p {
13         color: red;
14      }
15   </style>
16</head>
17<body>
18   <p>Hello</p>
19   <input type="button" value="ボタン" onclick="SayHello();">
20</body>
21</html>

問題点

HTML内にCSSとJavaScriptを書いている点

目標

HTMLとCSSとJavaScriptを別々のファイルに分割したい。

例えばプロジェクト構成を以下のようにしてもプログラムが正常に動作するようにしたい。

.
├── hoge.css
├── hoge.html
├── hoge.js
└── main.go

行動規範の内容に同意します

回答1件

Qiitaの記事を拾ってきました。

Go言語のTemplateパッケージを使い作成したHTMLテンプレートでCSS等の静的ファイルをリンクさせる時の注意

投稿2018/08/27 13:26

spookybird

総合スコア1803

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！