ম্যাটেরিয়াল ডিজাইন হল একটি ডিজাইন টেমপ্লেট যা ডেভেলপারদের মধ্যে খুবই জনপ্রিয়। এটি CDN হিসাবে ফ্রন্টএন্ডে ব্যবহৃত হয়। এই নিবন্ধে, আমরা দেখতে যাচ্ছি কিভাবে আমাদের ফর্ম উইজেটগুলিতে উপাদান ডিজাইন ব্যবহার করা যায় এবং সেই ফর্মটিকে আমাদের মতামত থেকে রেন্ডার করা যায়৷
Django-material হল একটি লাইব্রেরি যা রেন্ডার করা html ফাইলে বা CDN ছাড়াই ফর্ম উইজেটে উপাদান ডিজাইন প্রয়োগ করবে৷
প্রথমে, django-material ইনস্টল করুন প্যাকেজ।
pip install django-material
সেটআপ প্রকল্প এবং অ্যাপ এবং ইউআরএল।
settings.py-এ −
INSTALLED_APPS+=['material']
আমার অ্যাপের নাম হল "myapp" .
উদাহরণ
models.py-এ −
from django.db import models # Create your models here. class Data(models.Model): Name=models.CharField(max_length=100) salary = models.CharField(max_length=20)
এখানে, আমরা একটি সাধারণ জ্যাঙ্গো মডেল তৈরি করেছি যা আমরা ফর্মগুলিতে ব্যবহার করব।
urls.py-এ −
from django.urls import path from . import views urlpatterns = [ path('', views.home,name="home"), ]
এখানে, আমরা হোম ইউআরএলে আমাদের দৃষ্টিভঙ্গি রেন্ডার করেছি।
view.py-এ −
from django.shortcuts import render from django import forms from .models import Data class SalaryForm(forms.ModelForm): class Meta: model=Data fields="__all__" def home(request): if request.method=='POST': form=SalaryForm(request.POST) if form.is_valid(): form.save() else: form=SalaryForm() return render(request,'home.html',{'form':form})
এখানে আমরা একটি ফর্ম তৈরি করেছি এবং ফ্রন্টএন্ডে রেন্ডার করেছি৷
৷একটি টেমপ্লেট তৈরি করতে ভুলবেন না৷ ফোল্ডার এবং home.html এটিতে।
home.html-এ −
{% include 'material/includes/material_css.html' %} #These two include {% include 'material/includes/material_js.html' %} # will import material design <!DOCTYPE html> <html> <head> <title> TUT </title> <style> </style> </head> <body> <h2>FORM</h2> <form action="/" method="post"> {% csrf_token %} {{ form }} <input type="submit" value="Submit"> </form> </body>
এখানে, আমরা ফ্রন্টএন্ড তৈরি করেছি এবং আমাদের জ্যাঙ্গো ম্যাটেরিয়ালের CSS এবং JS লোড করেছি এবং এটি স্বয়ংক্রিয়ভাবে আমাদের ফর্মে ডিজাইন যোগ করবে।
আউটপুট
আপনি