মডিউল ৫-৪ঃ জ্যাংগোতে Crispy Form যুক্ত করা

গত মডিউলে আমরা পাইথন ক্লাসের সাহায্যে যে ফর্ম তৈরি করেছিলাম, এই মডিউলে আমরা ফর্মটিকে দেখতে সুন্দর করার জন্য Crispy Form যুক্ত করবো।

এর জন্য শুরুতেই আমাদের প্রজেক্টে ক্রিসপি ইন্সটল করার জন্য নিচের কমান্ডটি লিখব

pip install crispy-bootstrap5

Comand For installing Crispy

❗খেয়াল রাখবেন টার্মিনালে কমান্ড রান করার সময় যেন টার্মিনালের কারেন্ট ডিরেকটরি আপনার প্রজেক্টের রুট ডিরেকটরি হয় । সহজভাবে বললে, এতক্ষন যে ডিরেকটরি থেকে python manage.py runserver কমান্ডটি রান করেছেন, উপরোক্ত কমান্ডটি ঠিক সেই ডিরেকটরি থেকে রান করবেন।

এরপর fifth_project/settings.py ফাইলে নিম্নে উল্লিখিত পরিবর্তন গুলো করতে হবে

"crispy_forms",
"crispy_bootstrap5",

CRISPY_ALLOWED_TEMPLATE_PACKS = "bootstrap5"

CRISPY_TEMPLATE_PACK = "bootstrap5"

সবশেষে আমরা ফর্মটি যে টেমপ্লেট ফাইলের মাধ্যমে দেখাবো, first_app\templates\first_app\django_form.html , ফাইলটিতে কিছু কোড এ্যাড করতে হবে

Code:: 5.4.1 first_app\templates\first_app\django_form.html

{% extends 'base.html '%}
{% block content %}
{% load crispy_forms_tags %}
<form method="post" style="width: 50%; height: 500px; margin:auto;" class="pt-4">
    {% csrf_token %}
    {{form|crispy}}
    <button type="submit" class="btn btn-primary mt-2">Submit</button>
</form>
{%endblock%}

এখন প্রজেক্টটি রান করলে দেখতে পাব আমাদের ফর্মটি ব্রাউজার আগের থেকে কিছুটা সুন্দরভাবে দেখাচ্ছে