11

次のフォルダー構造を持つフラスコアプリを開発しています。

|-->flask_app.py
    |-->static
        |-->css
            |-->bootstrap.min.css
            |-->styles.css
        |-->js
            |-->jquery-3.1.1.min.js
            |-->bootstrap.min.js
            |-->script.js
    |-->templates
        |-->index.html

これらのcssおよびjsファイルにリンクする適切な方法とindex.html、それらに関連付ける必要があるパラメーターは何ですか?

私の CSS リンクは次のようになり、ヘッダーに配置されます。

<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">

そして、私の JS リンクは次のようになり、body タグの最後に配置されます。

<script src="{{ url_for('static', filename='js/script.js') }}"></script>

これは正しい構文ですか? それらはテンプレートの正しい場所に配置されていますか (ここには柔軟性があると確信しています)。他に渡す必要のあるパラメーターはありますか (例: type="text/css"、type="text/javascript"、media="screen")?

すべてが期待どおりに機能していますが、推奨される方法があれば従いたいと思います。

4

1 に答える 1

2

Flaskのドキュメントに記載されているように、.css および .js ファイルを静的フォルダー内に保存する必要があります。また、整理の目的で、各タイプのファイルをサブディレクトリとして (特にアプリが大きくなるにつれて) 保持することをお勧めします。

この SO answerに従って、ジンジャ式に type="text/css" または type="text/javascript" を含める必要はありません。

于 2020-06-02T02:08:48.320 に答える