调试 Django 模板

启用 Django 插件

此功能依赖于 Django 插件，该插件在 PyCharm 中默认随附并启用。 如果相关功能不可用，请确认您未禁用该插件。

1. 按 Ctrl+Alt+S 打开设置，然后选择 插件。

2. 打开 已安装 选项卡，找到 Django 插件，并选中其名称旁的复选框。

启用 Django 插件

此功能依赖于 Django 插件，该插件在 PyCharm 中默认随附并启用。 如果相关功能不可用，请确认您未禁用该插件。

1. 按 Ctrl+Alt+S 打开设置，然后选择 插件。

2. 打开 已安装 选项卡，找到 Django 插件，并选中其名称旁的复选框。

准备示例

1. 创建 Django 项目demoDjangoProject ，包含应用程序 poll。

   

2. PyCharm 将创建项目结构，并填充必要的文件。

3. 打开文件 poll/views.py 。 其中已经包含 import 语句，以及创建应用程序视图的提示：

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

   让我们为应用程序的主页定义一个视图：

   from django.shortcuts import render def index(request): return render(request, 'poll/index.html', context={'hello': 'world'})

4. index.html 被标记为未解析的引用：

   

   按 Alt+Enter 或点击 ，并选择创建缺失的模板：

   

   创建模板 对话框将显示，其中包含只读的模板名称（模板路径 字段）以及可能的模板位置列表（模板根 字段）：

   

5. 选择模板目录，新模板将在其中创建。

   模板根 字段提供新模板的可能位置列表。 该列表包括在 IDE 设置 Ctrl+Alt+S 的 项目结构 页面中 指定 的模板目录，以及应用目录内的所有 templates 文件夹（如果有）。

6. 点击 确定。

   将在指定位置创建一个空的 .html 文件。

7. 在 templates/poll/index.html 中，输入以下代码，以逐个字符输出 hello 变量的值：

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

   根据 poll/views.py 中提供的上下文， hello 的值为 world。 因此，我们期望渲染后的页面包含 w o r l d。

8. 打开 demoDjangoProject/urls.py 文件。

   在此文件中找到 urlpatterns ，并添加以下代码，以定义用于呈现 index 页面的视图：

   path('index/', index),

   不要忘记 import 语句！

   from poll.views import index

   最终结果应如下所示：

   

因此，示例代码已准备就绪。

设置断点

• 向模板文件添加断点。 为此，请打开文件 templates/poll/index.html ，并点击装订区域：

  

启动运行/调试配置

1. 点击 ，以调试模式启动所选运行/调试配置。

   

2. 点击 调试 工具窗口中的链接。 将打开一个浏览器窗口，并显示 Page not found 消息：

   

   这是因为我们未在文件 urls.py 中为 '/' 指定路径

3. 让我们在浏览器地址栏中添加 /index ，并按 Enter 。

将显示 PyCharm 窗口。 您可以看到断点已命中，且 调试 工具窗口的 线程 & 变量 选项卡中包含变量的当前值：