【Python】Djangoで個別のページを作成する手順

【Python】Djangoで個別のページを作成する手順

こんにちは、nishi_talk(@nishi_talk)です。
Pythonで人気のフレームワークDjango(ジャンゴ)に個別ページを作成する方法をご紹介します。




作成したいページ

今回作成するページ名「report(アプリ名)」とします。
追加、編集するファイルはこちらです。

$ tree
.
project
├── project_site
│   ├── settings.py
│   ├── test.py
│   ├── urls.py ←編集する
│   └── wsgi.py
├── manage.py
├── static
├── report(アプリ名)
│   ├── admin.py
│   ├── apps.py
│   ├── __init__.py
│   ├── migrations
│   ├── models.py
│   ├── tests.py
│   ├── templates ←追加する
│   │   └── report
│   │       └── post_list.html
│   ├── urls.py ←追加する
│   └── views.py ←編集する
└── uwsgi.ini

全体のURLの作成

まずはこのファイルを編集。

├── project_site
│   ├── urls.py ←編集する

urls.pyの編集した箇所はdjango.urlsのincludeを呼び出し。

from django.contrib import admin
from django.urls import path, include # ←includeの記述を追加

urlpatterns = [
    path('report/', include('report.urls')), # ← ここを追加
    path('admin/', admin.site.urls),
]



個別のURLの作成

個別のテンプレートを呼び出す設定をする。
report/urls.pyを追加して編集します。

・
├── report
│   ├── urls.py ←追加して編集
・
from django.urls import path
from . import views

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

次に、report/views.pyを編集します。

・
├── report
│   ├── views.py ←編集
・
from django.shortcuts import render

# Create your views here.
def post_list(request):
    return render(request, 'report/post_list.html', {})

reportの配下にtemplatesとreportのディレクトリとpost_list.htmlを作成します。

・
├── report
│   ├── templates ←追加する
│   │   └── report
│   │       └── post_list.html
・

post_list.htmlを編集します。

<html>
<body>
    <p>Hi there!</p>
    <p>It works!</p>
</body>
</html>

settings.pyを編集します。

・
・
・
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'report.apps.ReportConfig', ←追記
]
・
・
・

runしているサーバーを再起動します。
reportディレクトにアクセスするとページが表示されます。

http://xxxxxx.com/report/

未経験からでもエンジニアにはなれる!

中堅の年代になり、最近よくどうやってエンジニアになったんですか?と聞かれる機会が多くなりました。私は転職組で未経験からエンジニアになりました。 そこら辺のストーリーは「未経験からWebデザイナーになった経緯を紹介」で書いているのでそちらをご覧ください。

当時はWebの技術を教えてくれるスクールがあまりなく、私はWebの勉強は独学で勉強し転職したのですが、今はスクールの数も多くなっていてオンラインで受講できるところも増えてきました。

もし私が未経験でエンジニアを目指すなら活用したいスクールを紹介してますので興味ある方はぜひ参考にしてくだいさい!

tech boostオンライン

tech boostはエンジニアに特化したキャリアサービスを展開しているBranding Engineerが運営するオンラインプログラミングスクールです。

エンジニアに特化したキャリアサービスを展開しているからこそのカリキュラムを実現しています。 また、転職サポート付きでスクール卒業後もキャリアも安心です。

オンラインスクールだからいつでもどこでも受講可能!これからプログラミングを学びたい方、エンジニアにキャリアチェンジを考えている方に、 特にオススメのサービスです。

初めてプログラミングを学ぶなら「tech boostオンライン」

CodeCamp(コードキャンプ)

オンライン・マンツーマン指導のプログラミングスクールとしてNo.1*の実績を持つサービスです。高い学習効果が評価されテレビや新聞、ビジネス誌など*多くのメディアで紹介されています。

講師は全て現役のエンジニア。未経験から確実に習得するために開発されたオリジナルカリキュラムでWebデザイン、Webサービス開発、アプリ開発などを幅広く学習することができます。

多くの受講生が、現役エンジニアの手厚いマンツーマン指導によって確実にプログラミングを習得し、キャリアアップ・転職・独立起業などの目標を実現しています。

プログラミングのオンラインスクールのCodeCamp

DMM WEBCAMP

転職を本気で考えている方向けのプログラミングスクールです。転職を保証しているため、未経験からIT業界へ転職を求めている方へおすすめです!

プログラミング未経験者でも安心のサポート体制をご用意しており、特に受講者アンケートでは『サポート体制がしっかりしていて魅力的』、『転職を保証していただいていることで安心』というレビーが多くしっかとしたサポートを提供しています。

実務に近い実践的なカリキュラムで、DMM WEBCAMPはチーム開発など、実務により近い実践的カリキュラムを導入しているため、転職先・就職後にいち早く活躍できるスキル・経験を積むことができます。

受講者満足度90%以上のプログラミングスクール【DMM WEBCAMP】

Udemy

私の周りの現役のエンジニアの人も活用しています。基礎をしっかり固めたい方や、実践向けの配信など幅広く解説している動画が豊富にアップされているので活用するのはオススメです。

習得したいスキル(プログラム言語)が明確で、年収アップのために学習している方やAI・機械学習を学んでスキルアップを目指しているエンジニアの方に支持されているます。

1講座あたり数千~数万円程度で実践的なスキルアップを経済的でオススメです。

【Web開発初心者向け!】Web開発入門完全攻略 充実の18時間コース