用 bottle.py 加載 CSS 和 JavaScript

Question

我正在嘗試使用Bottle.py編寫一個應用程序

<link href="bootstrap.min.css" rel="stylesheet" media="screen">
<script src="http://d3js.org/d3.v2.js"></script>  
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="bootstrap.min.js"></script>

我的視圖復制了這些導入語句，而沒有實際導入 css + js 文件本身。

正如教程所建議的，我已經包含了一個static模板

@route('/static/<filename>')
def server_static(filename):
    return static_file(filename, root='/static/')

如何修改 HTML 以便我的瀏覽器讀取*.js, *.css文件？

Answer 1

我用過（作為例子）

... href="/arch/favicon.ico"

我有

@route('/arch/<filename>')
def fileget(filename):

對於 static 個文件。

Answer 2

使用:path過濾器允許匹配這樣的 URL，如/bootstrap.min.js或/js/bootstrap.min.js 。 在第一種情況下，Bottle 返回文件/usr/home/project/client/bootstrap.min.js ，在第二種情況下返回/usr/home/project/client/js/bootstrap.min.js 。

@route('<path:path>')
def server_static(path):
    return static_file(path, root='/usr/home/project/client')

:path 以非貪婪方式匹配包括斜線字符在內的所有字符，可用於匹配多個路徑段。

Answer 3

使用正則表達式匹配服務.css和.js文件：

@route('/<file:re:.*\.(css|js)>')
def serve_cssjs_suffixed_file(file):
    return static_file(file)

“static_file”function 的一些值得注意的選項是：

root='target_dir'指向包含文件的目錄

mimetype='text/css'如果瓶子猜錯了，手動傳遞 MIME 類型