ページの作成
親となるページを選択してください。
ページは必ず何かしらの親ページに紐づきます。親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
本稿ではdjangoで簡単な電卓を作成する方法を説明します。
※機能は非常にシンプルにします。(加算機能のみ)
本稿の目的はMVC(MVT)を用いた値の入出力です。
前提
・Pythonの導入済み(まだの方はこちら)
・djangoの導入済み(まだの方はこちら)
完成図
プロジェクトの作成
適当なプロジェクトを作成します。
python django-admin.py startproject django_projects |
アプリケーションの作成
python manage.py startapp calculator |
ルーティング処理
calculator/urls.pyを作成して以下の記述をする。
from django.urls import path from . import views urlpatterns = [ path('', views.index, name='index'), path('calc', views.calc), ] |
更にdjango_projects/urls.pyを修正する。
calculatorアプリのurls.pyにパスを通す。
from django.contrib import admin from django.urls import include, path urlpatterns = [ path('calculator/', include('calculator.urls')), path('admin/', admin.site.urls), |
共通テンプレートの作成
アプリケーションディレクトリ直下にtemplatesディレクトリを作成しましょう。
今後テンプレートは当ディレクトリに格納します。
以下はヘッダーなどを共通化するテンプレートです。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>{% block title %}{% endblock title %}</title> </head> <body> {% block content %} {% endblock %} </body> </html> |
テンプレートの作成
実際の電卓画面の部分を作成します。
機能は加算のみにします。
{% extends "base.html" %} {% block title %}電卓{% endblock title %} {% block content %} <h1>djangoの加算電卓</h1> <form method="post" action="calc"> {% csrf_token %} <input type="number" name="val1"> <button type="submit"> = </button> {{ answer }} </form> {% endblock %} |
ビューの作成
from django.shortcuts import render
return render(request, 'index.html')
val1 = int(request.POST['val1']) val2 = int(request.POST['val2']) answer = val1 + val2 context = { 'answer': answer, } return render(request, 'index.html', context) |
http://127.0.0.1:8000/calculator/
で計算画面が開きます。
人気ページ
最近更新/作成されたページ
- Đồng hồ Baby-G BA-112-1ADR, lưu ý về thương hiệu: NEW! (2024-04-15 11:47:26)
- Top 5 Nuoc Hoa Huong Ruou Khien Nguoi Dung Say Me NEW! (2024-03-30 15:35:15)
- gooブログ(goo blog) | 無料でブログを作成 NEW! (2024-03-26 06:50:01)
- 【エラー】トップレベルのコントロールをコントロールに追加できません。 NEW! (2024-03-26 01:38:35)
- C# (2024-03-26 01:36:11)
- 【Visual Studio】 C#のForm自動生成時に「値が有効な範囲にありません」エラー (2024-03-26 01:34:48)
- C#のエラー一覧 NEW! (2024-03-26 01:34:22)
- Very hot One-way links: Monday, November 15 (2024-03-15 13:00:31)
- Gates of Olympus (2024-03-01 14:22:29)
- Aviator (2024-03-01 01:54:00)
最近コメントのあったページ
- プロジェクトの作成と削除 (2024-04-24 22:16:15)
- プロジェクトの作成と削除 (2024-04-23 12:34:43)
- プロジェクトの作成と削除 (2024-04-23 00:52:50)
- プロジェクトの作成と削除 (2024-04-22 10:56:50)
- プロジェクトの作成と削除 (2024-04-21 17:26:57)
- プロジェクトの作成と削除 (2024-04-21 15:40:37)
- プロジェクトの作成と削除 (2024-04-20 10:55:56)
- プロジェクトの作成と削除 (2024-04-20 09:00:35)
- プロジェクトの作成と削除 (2024-04-20 07:32:05)
- プロジェクトの作成と削除 (2024-04-19 05:05:13)
最近の質問
- How can MyAssignmentHelp UK assist students as an assignment helper? (2024-02-03 19:15:52)
- c.wiki (2023-09-14 10:51:04)
- $(document).ready(function() { ... ってなに? (2023-04-17 11:02:56)
- 質問です (2020-02-20 12:19:36)
- フリーランスの単価って高いですか? (2020-02-12 19:56:16)
- 情報系のaoを受けるつもりなんですが何かおすすめのソフトはありますか? (2020-02-12 19:54:22)
- test3 (2020-02-08 23:50:54)
- セレクトボックスのCSSのcontentで三角の部分が押せない (2019-07-03 13:06:10)
- GCPのwp-config.phpでpermission denied (2019-06-05 20:04:08)
- Spring FrameworkのEntityのカラム名の大文字小文字、アンスコについて (2019-02-01 07:13:49)
- PHP(Laravel)からPythonのプログラムを呼び出したいのですがどうすればよいでしょうか。 (2018-12-06 06:26:57)
- djangoを本番環境にデプロイしたいのですがどのレンタルサーバー or VPSサーバーがよいですか (2018-12-01 12:04:18)
- Django administrationのUsernameとPasswordについて (2018-11-30 11:55:20)
- Google Adsenseでアダルトコンテンツと誤認されてしまいました。 (2018-09-09 17:15:36)
- Google MapsをUnityで使用する方法&料金 (2018-08-28 02:37:26)
- Amazon PA-APIのSort=salesrankが効かない (2018-07-21 08:54:25)
- 楽観ロックと悲観ロックの違い (2018-01-11 05:05:33)
- レンタルサーバーって沢山ありますけどどこがいいでしょうか?AWSってどうなんですか? (2018-01-09 10:03:20)
- ディープラーニングのライブラリってどれがオススメですか? (2018-01-06 05:15:40)
- Webスクレイピングってどこまでが違法なんでしょうか? (2018-01-06 05:09:08)
- 人工知能(AI)、機械学習、ディープラーニングの違い (2018-01-06 02:40:44)
コメントを削除してもよろしいでしょうか?
コメントがありません