Go語言開發(fā)：在HTML模板中引入js及其他靜態(tài)文件

F2967527 2019-08-06

展開全文

問題：

用go語言開發(fā)，在html頁面中，引入js文件無效，寫在js文件中的函數(shù)無法調(diào)用，也沒有報錯；js代碼直接寫html頁面中，可以調(diào)用，但是看起來太亂了，不舒服。這個問題困擾了好久，在網(wǎng)上搜了好多資料都無法解決問題，今天終于解決了，TND，看到答案的時候，原來這么簡單。

參考文章

Go語言引用css和js文件
 go的template模板怎么才能引入css和js等靜態(tài)文件？
致敬原創(chuàng)，為上面的兩位作者點贊。
網(wǎng)上的文章太多千篇一律，很多都是抄的，不解決問題。

我的問題：

在寫一個小項目的過程中，在html網(wǎng)頁中直接寫js代碼，是有效的，但是將js代碼單獨放到j(luò)s文件中就無效了，無法調(diào)用其中的函數(shù)，目錄大概是這樣

sszxr:blog sszxr$ tree.├── gomod│   ├── accesscontrol.go│   ├── app.go│   ├── login.go│   ├── register.go│   └── session.go├── main.go├── models│   ├── article.go│   ├── homepage.go│   └── user.go├── static│   ├── css│   │   └── login.css│   └── js│       ├── blog.js│       ├── lib│       │   ├── jquery-3.3.1.min.js│       │   └── jquery.url.js│       └── reload.min.js├── template│   ├── accountset.html│   ├── login.html│   ├── register.html├── utils│   ├── myUtils.go│   └── mysqlUtil.go└── validator    └── regexp.go

在html頁面中是這樣引用的

<!DOCTYPE html><html lang='en'><head>    <meta charset='UTF-8'>    <title>博客賬號 - 登錄</title>    <script src='../static/js/lib/jquery-3.3.1.min.js'></script>    <script src='../static/js/lib/jquery.url.js'></script>    <script src='../static/js/blog.js'></script></head><body style='background-image:url(http://phc94on01.bkt./%E5%8D%D%89.jpg);      background-size: cover;background-color: rgba(214,210,207,0.45)'><div style='width:100%;height: 600px'></div>1
2
3
4
5
6
7
8
9
10
11
12

看了網(wǎng)上的好多攻略，主要因為是Go語言的問題，Go語言太不火了，好多問題都搜不到答案，網(wǎng)上搜到的答案基本都不能解決問題。
參考上面兩篇文章的答案，是因為Go語言無法直接引用靜態(tài)文件，必須要做靜態(tài)服務(wù)才能引用，而做靜態(tài)服務(wù)，大概就是要把靜態(tài)文件，包括js文件，css文件的存放路徑，告訴go編譯器，不然的話，找不到文件，所以在html頁面中無法引用js中的函數(shù)或代碼。
也就是在main文件中，在路由監(jiān)聽前，要導入js文件路徑

    fs := http.FileServer(http.Dir('static'))	http.Handle('/static/', http.StripPrefix('/static/', fs))	http.HandleFunc('/', app.Login)	http.HandleFunc('/login', app.Login)	http.HandleFunc('/register', app.Register)