এই নিবন্ধে, আমরা দেখতে যাচ্ছি কিভাবে একটি অতি সাধারণ কাউন্টার অ্যাপ তৈরি করা যায়, যেখানে একটি বোতামে ক্লিক করলে একটি নম্বর যোগ হবে এবং আপনি ট্যাব বন্ধ করে ডেটা সেশনে রাখলেও এটি করতে থাকবে। আমরা একটি সাধারণ অ্যাপ তৈরির জন্য সেশন ব্যবহার করার ধারণা পাব এবং সেশনগুলি ব্যবহার করে কীভাবে ডেটা স্থানান্তর করা যায়
উদাহরণ
urls.py,-এ নিম্নলিখিত লাইন যোগ করুন −
from django.urls import path from django.urls.resolvers import URLPattern from .import views urlpatterns = [ path('', views.counterView, name='counter'), ]
এখানে আমরা হোম ইউআরএলে ভিউ সেট আপ করি।
views.py,-এ নিম্নলিখিত লাইন যোগ করুন −
from django.shortcuts import render # Create your views here. def counterView(request): if request.method == "POST" and 'count' in request.POST: try: request.session['count'] +=1 except: request.session['count'] = 0 elif request.method == 'POST' and 'reset' in request.POST: request.session['count'] = 0 return render(request,'counter.html')
এখানে আমরা একটি POST অনুরোধ হ্যান্ডলার তৈরি করেছি, আমরা ফ্রন্টএন্ড থেকে একটি নম্বর পাঠাব এবং সেশনের কাউন্ট ভেরিয়েবলে সংরক্ষণ করব। যখন রিসেট ফ্রন্টএন্ড থেকে পাঠানো হয়, তখন সেশন গণনা হয় 0
হয়ে যায়এখন একটি টেমপ্লেট তৈরি করুন অ্যাপ ডিরেক্টরিতে ফোল্ডার এবং একটি counter.html তৈরি করুন এটিতে এবং এটি লিখুন -
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devicewidth, initial-scale=1.0"> <title>Counter</title> <link href="https://cdn.jsdelivr.net/npm/[email protected]/ dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha38 4- +0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyT G2x" crossorigin="anonymous"> </head> <body> <style> body{ background-color: palevioletred; } .counter form .count{ border:none; outline: none; background-color:black; color: white; } .counter form .reset{ border:none; outline: none; background-color:rgb(50, 181, 204); } </style> <div class="container counter text-center" style="margintop: 150px;"> <h1 class="display-1 text-white"> {% if request.session.count%} {{request.session.count}} {%else%} 0 {%endif%}</h1> <br> <br> <form method="post"> {% csrf_token %} <button name="count" class="count px-5 py-3 textwhite shadow-lg">Count</button> </form> <br> <br> <form method="post"> {% csrf_token %} <button name="reset" class="reset px-5 py-3 textwhite shadow-lg">Reset</button> </form> </div> </body> </html>
এখানে ফ্রন্টএন্ড যা আমরা হোম ইউআরএলে রেন্ডার করছি।
আউটপুট
গণনা ক্লিক করা হচ্ছে বোতামটি নম্বরে 1 যোগ করবে এবং রিসেট বোতামে ক্লিক করলে রিসেট হবে 0.
এর কাউন্টার