-2

twitter-bootstrap を使用してページを設計しています。拡張するすべてのテンプレートのグローバル ベース ファイルとなるbase.htmlファイルを作成しました。

私の問題は、すべてのテンプレートのbase.htmlを拡張するときです。CSS を表示するのではなく、プレーンな HTML ですべてを表示します。ページのソースを表示すると、JavaScript ファイルと CSS ファイルが表示されます。(つまり、これらのファイルは正しく読み込まれますが、表示されません)

settings.pyで

STATIC_URL = '/static/'

STATIC_ROOT = '/var/www/static/'

STATICFILES_DIRS = '/home/User/workspace/project/static'

私のプロジェクト構造は次のとおりです。

-App1
   -templates
     - sample.html (which extends base.html)
-App2
-App3
-App4
-static
  -css
     -bootstrap.css
  -js
     -bootstrap.js
     -jquery.js
-templates
  -base.html

何が問題なのかわかりません。どんな助けでも本当に素晴らしいでしょう！

4

2 に答える 2

0

私がしたこと、そしてそれは本当に私を助けました：

  1. settings.py に移動し、ファイルの最後に --> STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')] を追加します。

  2. テンプレート フォルダー内のベース html テンプレートに移動し、head セクションに次の 2 行を追加します (必ず静的フォルダーを作成してください。私の場合は、以下に示すように css であり、別の名前である可能性があります)。

    a) {% load static %} b)<link rel="stylesheet" type= "text/css" href="{% static 'css/mystyle.css'%}">

于 2020-04-16T15:32:41.673 に答える