Python
 Computer >> コンピューター >  >> プログラミング >> Python

Djangoでrequest.sessionを使用して簡単なカウンターアプリを作成する


この記事では、ボタンをクリックすると数字が追加され、タブを閉じてデータをセッション中に保持しても、それが継続される、非常にシンプルなカウンターアプリの作成方法を説明します。簡単なアプリを作成するためにセッションを使用する方法と、セッションを使用してデータを転送する方法について説明します

urls.py、 次の行を追加します-

from django.urls import path
from django.urls.resolvers import URLPattern
from .import views

urlpatterns = [
   path('', views.counterView, name='counter'),
]

ここでは、ホームURLのビューを設定します。

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>

これが、ホームURLでレンダリングしているフロントエンドです。

出力

Djangoでrequest.sessionを使用して簡単なカウンターアプリを作成する

カウントをクリックします ボタンをクリックすると数字に1が追加され、[リセット]ボタンをクリックするとリセットされます 0へのカウンター。


  1. PythonでTkinterを使用したシンプルなGUI計算機

    このチュートリアルでは、 Tkinterを使用して簡単なGUI計算機を作成します。 モジュール。 Tkinter GUIアプリケーションを開発するためのPythonモジュールが組み込まれています。使い方は簡単で、Pythonが付属しています。 GUIアプリケーションを使用してデータを視覚化できます。 簡単なGUI計算機を作成する方法を見てみましょう。 Tkinterからすべてをインポートします *を使用します。 電卓のインターフェースを作成します。 入力フィールドに数値を入力する入力関数を作成します。 入力フィールドからすべてを消去する見かけの関数を作成します。

  2. PythonTkinterを使用した簡単な登録フォーム

    Tkinterは、GUI(グラフィカルユーザーインターフェイス)を開発するためのPythonライブラリです。 tkinterライブラリを使用してUI(ユーザーインターフェイス)のアプリケーションを作成し、ウィンドウやその他すべてのグラフィカルユーザーインターフェイスを作成します。 python 3.x(推奨)を使用している場合、TkinterにはPythonが標準パッケージとして付属しているため、使用するために何もインストールする必要はありません。 Tkinterで登録フォームを作成する前に、まずTkinterで簡単なGUIアプリケーションを作成しましょう。 簡単なGUIアプリケーションの