[PYTHON] Schritte von der Installation von Django bis zur Anzeige der HTML-Seite

Was hier zu schreiben ist:

In diesem Artikel geht es um "Installieren von Django-> Schritten zum Anzeigen der HTML-Seite".

Auch die Schreibumgebung ist Betriebssystem: macOS Catalina Version 10.15.4 Python:3.7.6 Django:3.0.3 Es ist geworden.

Was ist Django überhaupt?

Django ist eines der Webanwendungs-Frameworks, die Python verwenden und mit denen Sie verschiedene Webanwendungen erstellen können. Eine der Funktionen ist, dass es über zahlreiche Funktionen verfügt und Sie die Entwicklung von Webanwendungen durch die Verwendung der in Django enthaltenen Komponenten reduzieren können. Beispielsweise können Benutzerauthentifizierungs- und Administratorbildschirme mit Django implementiert werden. Sie können die Webanwendungsverarbeitung auch in Python ausführen.

Django Installation

Es hängt von der Umgebung ab, aber grundsätzlich von jedem Betriebssystem

$ pip install django

Ich denke, Sie können es mit installieren. Ich werde die detaillierte Installationsmethode hier weglassen. Weitere Informationen finden Sie auf den Seiten anderer Benutzer, z. B. Django mit Python3 installieren und HelloWold anzeigen. Ich hoffe, Sie können sich darauf beziehen.

Erstellen Sie ein Projekt und führen Sie es aus

Versuchen Sie nach Abschluss der Installation, ein Projekt zu erstellen. Nach dem Verschieben in ein beliebiges Verzeichnis

$ django-admin startproject <Projektname>

Sie können ein Django-Projekt in diesem Verzeichnis mit erstellen. Sie können einen beliebigen Namen für den Teil festlegen, jedoch nur Buchstaben, Zahlen und Unterstriche verwenden.

Sobald das Projekt erstellt wurde, gehen Sie zu diesem Projekt und

$ python manage.py migrate
$ python manage.py runserver

Ich denke, dass der Server durch Ausführen gestartet wird. Die erste Zeile

python manage.py migrate


 Ist ein Befehl zum Anwenden des Inhalts der Migrationsdatei auf das Modell, und der Befehl zum Starten des Servers ist die zweite Zeile

#### **`python manage.py runserver`**
```py runserver

 ist.
 Ich denke, dass die Adresse http: // ~~~ auf dem Terminal angezeigt wird. Wenn Sie also mit einem Browser auf diese Adresse zugreifen und das folgende Bild angezeigt wird, funktioniert sie ordnungsgemäß.
 <img width="1008" alt="スクリーンショット 2020-05-29 23.47.32.png " src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/515612/ae2d0607-770d-8f65-28a2-e7a2cc6a72d3.png ">
 Sie können den Server stoppen, indem Sie am Terminal Strg + C eingeben.

# HTML-Seite anzeigen
 Als nächstes fahren wir mit der Anzeige Ihrer eigenen HTML-Seite mit Django fort.
### Verzeichnisvorbereitung
 Derzeit ist die Struktur des erstellten Projekts

- db.sqlite3 - manage.py - - __init__.py - asgi.py - settings.py - urls.py - wsgi.py - __pycashe__ - (.Mehrere Pyc-Dateien) ``` Ich glaube, es ist. Erstellen Sie in diesem Zustand zuerst Ordner mit den Namen `` `Templates``` und` `` static` ``. Der Vorlagenordner dient zum Speichern von HTML-Dateien und der statische Ordner zum Speichern von CSS- und JS-Dateien. Dann am Terminal
$ django-admin startapp <App Name>

So erstellen Sie eine App ( kann ein beliebiger Name sein). Wenn zu diesem Zeitpunkt noch keine Datei mit dem Namen urls.py im Ordner erstellt wurde, erstellen Sie manuell eine Python-Datei mit dem Namen `` `urls.py```. Das Verzeichnis ist

<Projektname>
- db.sqlite3
- manage.py
- <Projektname>
  - __init__.py
  - asgi.py
  - settings.py
  - urls.py
  - wsgi.py
  - __pycashe__
    - (.Mehrere Pyc-Dateien)
- <App Name>
  - __init__.py
  - admin.py
  - apps.py
  - models.py
  - tests.py
  - urls.py
  - views.py
  - migrations
    - __init__.py
- templates
- static

Wenn ja, ist es OK.

Vorbereitung jeder Datei

Platzieren Sie die HTML-, CSS- und JS-Dateien, wenn das Verzeichnis fertig ist. Legen Sie die HTML-Datei im Vorlagenordner und die CSS- und JS-Dateien im statischen Ordner ab. Wenn Sie bereits eine Datei haben, gehen Sie an den angegebenen Speicherort. Wenn Sie keine Datei haben, verwenden Sie eine HTML-Datei mit dem Namen index.html (siehe unten). Da der Inhalt leer sein kann, nennen Sie ihn style.css und script.js Erstellen Sie jede Datei mit einem Namen und platzieren Sie die erstellte Datei am selben Speicherort.

index.html


{% load static %}
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>HTML</title>
    <link rel='stylesheet' type='text/css' href="{% static 'style.css' %}"/>
    <script type="text/javascript" src="{% static 'script.js' %}"></script>
  </head>
    
  <body>
    Hello!!
  </body>
</html>

Als Einschränkung hier -Schreiben Sie `{% load static%}` oben in die HTML-Datei

  • Wenn Sie eine CSS- oder JS-Datei mit HTML lesen, geben Sie die Datei als `{% static '<Name der Datei an, die Sie lesen möchten>'%}" ` Bitte beachten Sie insbesondere. Dies ist eine Beschreibung für den Zugriff auf die Dateien im statischen Ordner. Wenn Sie Ihre eigene HTML-Datei vorbereitet haben, ändern Sie bitte auch diesen Teil.

Python-Dateien bearbeiten

Wenn die Dateien fertig sind, bearbeiten Sie jede Python-Datei und stellen Sie sie so ein, dass die HTML-Datei gelesen werden kann. Bearbeiten

<Projektname>/settings.py



#### **`<Projektname>/urls.py`**
```py


#### **`<App Name>/urls.py`**
```py


#### **`<App Name>/views.py`**
```py

 Es gibt vier.

 ** <Projektname> /settings.py**


#### **`Projektname/settings.py`**
```py

...
#ERLAUBT, Zugriffsbeschränkungen zu entfernen_Machen Sie HOSTS wie folgt.
#Es ist jedoch aus Sicherheitsgründen nicht sinnvoll, es vollständig zu öffnen. Geben Sie daher die IP-Adresse entsprechend dem Zweck im Detail an.
ALLOWED_HOSTS = ["*"]

...

INSTALLED_APPS = [
    ...,
   '<App Name>'  # INSTALLED_Zu APPS'<App Name>'Hinzugefügt.
]
...

TEMPLATES = [
  {
    ...
    #Ändern Sie den DIRS-Teil von TEMPLATES wie folgt.
    'DIRS': [
      os.path.join(BASE_DIR, 'templates'),
    ],
    ...
]
...

# LANGUAGE_CODE und ZEIT_Ändern Sie die ZONE wie folgt.
LANGUAGE_CODE = 'ja'
TIME_ZONE = 'Asia/Tokyo'

...

#Fügen Sie Folgendes hinzu
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
)

** /urls.py **

Projektname/urls.py


from django.contrib import admin
from django.urls import path, include #Fügen Sie include hinzu

urlpatterns = [
    path('admin/', admin.site.urls),
    path(r'', include('<App Name>.urls')), #Hier hinzufügen
]

** /urls.py **

App Name/urls.py


from django.urls import path
from . import views

app_name = '<App Name>'
urlpatterns = [
    path(r'', views.index, name='index'),
]

** /views.py**

App Name/views.py


from django.shortcuts import render

# Create your views here.
#Fügen Sie Folgendes hinzu
def index(req):
    return render(req, 'index.html')

HTML anzeigen

Nach Abschluss der oben genannten Vorbereitungen sollten Sie in der Lage sein, die vorbereitete HTML-Datei durch Starten des Servers anzuzeigen.

$ python manage.py runserver

Wird auf dem Terminal ausgeführt, greifen Sie über den Browser auf die angezeigte Adresse zu, und es ist in Ordnung, wenn der Inhalt von index.html angezeigt wird.

Die Seite, die ich als Referenz verwendet habe

Django Girls Tutorial Installieren Sie Django mit Python3 und zeigen Sie HelloWold an

Recommended Posts