在此视频中，我们将使用 Django、HTMX 和 DaisyUI 构建一个待办事项列表应用程序。入门代码：https://github.com/bugbytes-io/htmx-django-daisyui 我们将逐步介绍如何添加模型和表单类，以及如何使用 DaisyUI 组件类来设置页面元素的样式。然后，我们将学习如何使用 HTMX 提交数据，以及如何响应这些请求更新 DOM，同样使用 DaisyUI 组件负责样式。我们将看到如何将待办事项标记为已完成，以及如何从数据库和前端删除它们（借助自定义 HTMX 事件）。📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀: 00:00 简介 00:43 DaisyUI 02:12 创建 Todo Django 模型类 04:06 获取和显示 Todos 06:57 添加 TailwindCSS & DaisyUI 10:12 添加 DaisyUI 表格组件 11:21 创建 Todo 表单类 13:29 使用 django-widget-tweaks 改进表单样式 16:42 将 HTMX 添加到项目 20:49 使用 django-template-partials 创建部分模板 29:05 使用 HTMX 标记待办事项完成 33:54 使用 HTMX 删除 Todo ☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲: 为了支持频道并鼓励制作新视频，请考虑在这里给我买杯咖啡：https://ko-fi.com/bugbytes ▶️ 完整播放列表：https://www.youtube.com/playlist?list=PL-2EBeDYMIbRByZ8GXhcnQSuv2dog4JxY 𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮: 📖 博客: https://bugbytes.io/posts/ 👾 Github: https://github.com/bugbytes-io/htmx-django-daisyui 🐦 Twitter: https://twitter.com/bugbytesio 📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻: 入门代码: https://github.com/bugbytes-io/htmx-django-daisyui DaisyUI: https://daisyui.cn/ DaisyUI 安装: https://daisyui.cn/docs/cdn/ DaisyUI 按钮: https://daisyui.cn/components/button/ DaisyUI 表格: https://daisyui.cn/components/table/ django-widget-tweaks: https://pypi.ac.cn/project/django-widget-tweaks/ HTMX: https://htmx.npmjs.net.cn/docs/#installing Django-template-partials: https://github.com/carltongibson/django-template-partials 将 CSRF 令牌添加到 HTMX 请求: https://django-htmx.readthedocs.io/en/latest/tips.html #python #django #webdevelopment #htmx