PyCharm 2020.2ヘルプ

パート2: Djangoテンプレートのデバッグ

開始する前に、Djangoがプロジェクトテンプレート言語として指定されていることを確認してください。詳細はセクションDjangoテンプレートを追加するを参照してください。

例を準備する

  1. Djangoプロジェクトを作成する MyDjangoProject1、アプリケーション poll

    Creating a Django app
  2. F4 を編集するためにpoll / views.pyファイルを開き、import ステートメントがすでにそこにあることを確認します。2行目には、手動で何かをするための招待が表示されます。

    from django.shortcuts import render # Create your views here.

    次のコードを入力します。

    from django.shortcuts import render def index(request): return render(request, 'index.html', context={'hello': 'world'})
  3. index.html参照は未解決の参照としてマークされます。

    Template not found

    Alt+Enter を押すか、Intention bulb をクリックして、欠落しているテンプレートを作成することを選択します。

    Create a template

    ファイル名を確認し、タスクを完了します。

    Creating the index.html file
  4. templates / index.htmlファイルに次のコードを入力します。

    {% for char in hello %} {{ char }} {% endfor %}

    これは、変数 hello の値 world が1文字ずつ続けて印刷されることを意味します。

  5. MyDjangoProject1 / urls.pyファイル F4を開きます。

    このファイルで、Ctrl+F という文字列 path を見つけ、管理サイトのURLの後に次のコードを入力します。

    path('index/', index),

    import 文を忘れないでください。

    from poll.views import index

    次のようになるはずです:

    url patterns

    サンプルコードは準備ができています。

ブレークポイントを設定する

  • テンプレートファイルにブレークポイントを追加します。これを行うには、ファイルtemplates / index.html F4 を開いて編集し、ガターをクリックします。

    Breakpoint

Djangoサーバーの実行/デバッグ構成は自動的に作成され、必要なのはそれを編集することだけです。

実行/デバッグ構成を編集して起動する

  1. メインツールバーの実行/デバッグ構成リストで構成の編集...コマンドを選択します。

    Edit configurations

  2. ポート番号を8123に変更します。

    Run/Debug configuration for a Django server
  3. この実行/デバッグ構成をデバッグモードで起動します。ドロップダウンからこの構成を選択し、Start the debuggerをクリックします。

    ドロップダウンの実行/デバッグ構成の名前、Start the debugger ボタン、およびデバッグツールウィンドウにはドットが付いています。これは、実行/デバッグ構成がアクティブになることを意味します。

    Debugging a Django template: the 404 error
  4. 管理サイトもインデックスページも存在しないため、実行/デバッグ構成にエラーメッセージ(404)が表示されます。ただし、ブレークポイントでアプリケーションを一時停止する必要があります。そのためには、アドレスバーの内容に index という名前を追加する必要があります。

    Adding index to the contents of the address bar

    ページはまだ見つかりませんが、PyCharmにはヒットブレークポイントとデバッグツールウィンドウを含むテンプレートが表示されます。

    Breakpoint hit

Djangoアプリケーションでは、純粋なPythonスクリプトと同じように、デバッグツールウィンドウのすべての機能が利用できます。例:アプリケーションをステップバイステップで実行し、式を評価したり、変数を監視したりできます。

  • プログラムのステップ・スルーステップツールバーがアクティブになり、ステップボタンが使用可能になります。例: Step over をクリックして、char 変数の値が worldという単語の次の文字に変わることを確認します。

    詳細については、プログラムのステップ・スルーのセクションを参照してください。

  • 式の評価 Alt+F8を押すか、ステップツールバーEvaluate expressionをクリックします。開いたダイアログで、評価する式を入力し、評価をクリックします。

    Evaluate expressions

    詳細については、式の評価のセクションを参照してください。

  • 変数の監視たとえば、charのように、テンプレートの特定の変数を常に監視したいとします。どうやってするか?

    変数タブで、watches ボタンが押されていることを確認し(このボタンが押された場合、ウォッチが変数タブに表示されます)、New debugger watch ボタンをクリックします。目的の変数の名前を入力すると、監視が常に変数タブの上部に表示されます。

    watches ボタンの選択を解除すると、監視される変数が専用の監視式タブに表示されます。

    Watching in the debug tool window

    詳細については、ウォッチを追加、編集、削除するを参照してください。

これでおしまいです... ここで何が行われましたか? 繰り返しましょう:

  • Djangoプロジェクトを作成しました。そこにはテンプレートがあります。

  • このテンプレートにブレークポイントを追加しました。

  • Djangoサーバーの実行/デバッグ構成を作成し、デバッグモードで起動しました。

  • ブレークポイントに到達すると、テンプレートをステップ実行し、式を評価し、ウォッチを追加する方法を学びました。

次のステップは、プロフェッショナルエディションのユーザー向けです。これはJavaScript のデバッグです。

最終更新日: 2020年5月08日

関連ページ:

Djangoテンプレートを追加する

PyCharmを使用すると、サポートされているテンプレート言語のいずれかで作成されたテンプレートを作成してレンダリングすることができます。Django、Mako、Jinja2、実際にテンプレート言語をインストールせずにテンプレートを編集できることに注意することが重要です。ただし、テンプレートを作成ま...

Djangoプロジェクトを作成する

Djangoプロジェクトは、Djangoを使用した生産的なWeb開発を目的としています。PyCharmは、Djangoアプリケーションに必要な特定のディレクトリ構造とファイルを作成し、正しい設定を提供します。新しいDjangoプロジェクトを作成するメインメニューからファイル | 新規プロジェクト.....

実行/デバッグ構成: Django サーバー

このダイアログを使用して、Django サーバーの実行/デバッグ構成を作成します。本セクション:構成タブ:ホストこのテキストボックスに、使用するホスト名を指定します。ポートこのテキストボックスに、サーバーを起動するポート番号を指定します。追加オプションこのテキストボックスで、django-admin...

デバッグツールウィンドウ

このツールウィンドウは、デバッグを開始すると使用可能になります。It displays the output generated by the debugging session for your application. If you are debugging multiple実行/デバッグ構成...

プログラムのステップ・スルー

ステップは、プログラムの段階的な実行を制御するプロセスです。PyCharmは、戦略に応じて使用される一連のステップアクションを提供します(たとえば、次の行に直接移動するか、途中で呼び出されたメソッドを入力する必要があるかなど)。ステップボタンは、デバッグツールウィンドウのツールバーにあります。ステッ...

式の評価

PyCharmを使用すると、別々の変数の値を表示できるだけでなく、メソッド呼び出し、演算子式、ラムダ式、匿名クラスなどのより複雑な式も評価できます。式は、デバッグツールウィンドウのフレームペインで現在選択されているスタックフレームのコンテキストで評価されます。特定のオペレーティングシステムでは、ここ...