DjangoアプリケーションでJS/CSSファイルを参照する最も基本的な方法は何ですか?

だから私はちょうどDjangoフレームワークを学び始めました、そして私はAJAXを使ってDjangoレスポンスをメインの 'Content' divにロードするための基本的なアプリケーションを作ろうとしています。これまでのところ良いですが、私が抱えている問題の1つはJS/CSSファイルを参照することです。私が望むのは、1つのCSSファイルへのリンクと、私のメインのインデックスページにある1つのJSファイルです。

What I am hoping to do is add a reference to style/main.css and js/main.js in my application's urls.py script, where python would return the contents of the file. So, a standard <link src='style/main.css' ... /> tag would receive the contents of the appropriate file.

ありがとう。

1
単にディスクからそれらを提供するだけで、私はこれを達成するための適切な方法を見つけることができません
追加された 著者 kz3,
CSS/JSファイルのいくつかの値を動的に計算しようとしているのですか?
追加された 著者 Filip Dupanović,

3 答え

静的ファイルの提供に関するドキュメントをお読みください。基本的にDjangoを使用して開発中にこれらのファイルを提供できますが、実稼働環境で直接提供するようにWebサーバー(Apacheなど)を構成する必要があります。

1
追加された

これらの手順を試すことができます:

  1. open your settings.py and

    -add this at the first line of your file:

    import os.path

    -change your STATIC_ROOT's value to:

    STATIC_ROOT = os.path.join(PROJECT_DIR, 'static/')

    -change your STATIC_URL's value to:

    STATIC_URL = '/static/'

  2. create a folder named "static" in your project root.

  3. create a folder for your static files like css, JavaScript and etc. I recommend you use a different folder for different types of files.
  4. open the urls.py of your project -add this to your imports: import settings -add this to the url patterns:

    (r'(?:.*?/)?(?P(css|jquery|jscripts|images)/.+)$', 'django.views.static.serve', {'document_root': settings.STATIC_ROOT }),

    NOTE: In this example, there are folders named css, jquery, jscripts and images inside my static folder.

  5. In your template add this:

cssファイルの場合:(この例では、default.cssはcssファイルの名前です)

<link href="/{{ STATIC_ROOT }}css/default.css" rel="stylesheet" type="text/css" media="all" />

javascriptの場合:

<script type="text/javascript" src="/{{ STATIC_ROOT }}jquery/jquery.js"></script>
0
追加された

"django.contrib.staticfiles"を正しく設定してください。

STATIC_URL設定を使用して、リンクとスクリプトタグをテンプレートに追加します。

<link href="{{ STATIC_URL }}css/main.css"/>
<script src="{{ STATIC_URL }}js/main.js"></script>

https://docs.djangoproject.com/ja/1.3/ref/contrib/静的ファイル/

0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript