前面我們說了beego里默認支持 “.tpl和.html” 兩種后綴的模板文件,本篇文章說下html文件引用js、css和img的方法。
話不多說,直接看示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="/static/css/static_test.css"> <!-- 引用css文件 --> <script src="/static/js/static_test.js"></script> <!-- 引用js文件 --> </head> <body> <h1 class="sy">靜態文件展示模板:</h1> <br> <img src="/static/img/1.jpg" alt="" class="img_style"> <!-- 引用圖片 --> </body> </html>
上面的示例里用到了css、js、img(圖片)的引用方法,這里要補充說明的是:資源的路徑/static/css/static_test.css、/static/js/static_test.js的/static路徑不是目錄(是URL),這個url是beego默認指定好了的。那么如何修改靜態文件的路徑那?
修改靜態文件的路徑和目錄
在main.go文件里,beego.Run()上方添加:beego.SetStaticPath(url, path) 修改靜態文件的url和url對應的路徑。
注意:
單獨添加這行配置:
beego.SetStaticPath(/static, front) // 修改了/static url對應的存放文件的路徑
單獨添加這行配置
beego.SetStaticPath(/front, front) // 增加了/front url對應的存放文件路徑,/static url依然有效。
