使用 Django 和 HTMX 创建待办事项应用程序 - 创建前端并添加 HTMX 部分

编程并不是一个机械性的工作，而是需要有思考，有创新的工作，语法是固定的，但解决问题的思路则是依靠人的思维，这就需要我们坚持学习和更新自己的知识。今天golang学习网就整理分享《使用 Django 和 HTMX 创建待办事项应用程序 - 创建前端并添加 HTMX 部分》，文章讲解的知识点主要包括，如果你对文章方面的知识点感兴趣，就不要错过golang学习网，在这可以对大家的知识积累有所帮助，助力开发能力的提升。

本系列文章的第三部分带您深入学习如何结合 htmx 和 Django 构建动态待办事项列表。如果您错过了前两部分，建议先阅读。

模板和视图的创建

我们将创建一个基础模板和一个指向索引视图的索引模板，该视图列出数据库中的待办事项。我们将使用 DaisyUI（Tailwind CSS 的扩展）来美化界面。

这是添加 htmx 之前的页面截图：

视图和 URL 的添加

首先，更新项目根目录中的 urls.py 文件，以包含我们在“核心”应用程序中定义的 URL：

INSTALLED_APPS = [
    # ...
    "template_partials",
    # ...
]

在 tasks.html 中，我们将每个待办事项定义为内联部分模板。

使用 htmx 切换待办事项完成状态

我们将使用 PUT 方法为待办事项实现一个新的 URL 和视图。该视图将返回更新的待办事项的部分模板。

在 _base.html 中添加 htmx：

在 core/urls.py 中添加新路由： (已在前面添加)

在 core/views.py 中添加视图： (已在前面添加)

现在，您可以测试切换待办事项的完成状态。网络工具将显示 PUT 请求和部分 HTML 响应。

应用程序已 htmx 化！ 下一部分将添加添加和删除任务的功能。

好了，本文到此结束，带大家了解了《使用 Django 和 HTMX 创建待办事项应用程序 - 创建前端并添加 HTMX 部分》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！