Django & HTMX App - Display Transactions | django-filter FilterSet
5.2 هزار بار بازدید -
4 ماه پیش
-
In this video, we'll build
In this video, we'll build a list page for the user's transactions, and will style it up with TailwindCSS and DaisyUI.
We'll also build a FilterSet class in Django, using the django-filter package, to allow us to easily filter transactions using a form on the page.
Github: https://github.com/bugbytes-io/Django...
☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:
https://ko-fi.com/bugbytes
📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 Intro
01:16 Github Repository
02:58 Creating Django view to display transactions
05:40 Adding template for transactions
08:42 Adding DaisyUI table for transactions
15:46 Adding default ordering for transactions in Django model
17:33 Adding django-filter FilterSet class
28:19 Restructure page with TailwindCSS column system
31:36 Making transaction list page mobile-friendly
𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:
📖 Blog: https://bugbytes.io/posts/
👾 Github: https://github.com/bugbytes-io/Django...
🐦 Twitter: Twitter: bugbytesio
📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:
DaisyUI: https://daisyui.com/
HeroIcons: https://heroicons.com/
HTMX: https://htmx.org/docs/
Django-Filter: https://django-filter.readthedocs.io/...
#python #django #webdevelopment
We'll also build a FilterSet class in Django, using the django-filter package, to allow us to easily filter transactions using a form on the page.
Github: https://github.com/bugbytes-io/Django...
☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:
https://ko-fi.com/bugbytes
📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 Intro
01:16 Github Repository
02:58 Creating Django view to display transactions
05:40 Adding template for transactions
08:42 Adding DaisyUI table for transactions
15:46 Adding default ordering for transactions in Django model
17:33 Adding django-filter FilterSet class
28:19 Restructure page with TailwindCSS column system
31:36 Making transaction list page mobile-friendly
𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:
📖 Blog: https://bugbytes.io/posts/
👾 Github: https://github.com/bugbytes-io/Django...
🐦 Twitter: Twitter: bugbytesio
📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:
DaisyUI: https://daisyui.com/
HeroIcons: https://heroicons.com/
HTMX: https://htmx.org/docs/
Django-Filter: https://django-filter.readthedocs.io/...
#python #django #webdevelopment
4 ماه پیش
در تاریخ 1403/02/17 منتشر شده
است.
5,289
بـار بازدید شده