Django基础_备忘录_第一篇（使用Django的MTV在本地服务器上自由显示文本）

2 年 ago

科, 颖

3 minutes

初次见面，我叫Jack。从八月开始，我将主要从事Python工程师的工作。所以如果有机会的话，学习一下Django会事半功倍。就像具志堅用高一样，成为真正的美国大兵。本次的目标是通过使用MTV来实现显示所需的文本。

以下是我参考的网站和书籍。
我认为如果按照这里的指示进行环境配置应该是可行的。抱歉我有点偷懒，呵呵呢~

「Python3 + Django2.0入門 – Pythonで作るWebアプリケーション開発入門 – その１」

顺便提一句，我的开发环境如下。

macOS

那么，让我们开始吧。

django-admin startproject djangoApp

在终端上执行以创建应用程序！

cd djangoApp
ls

当我检查里面的内容时

manage.py

正在被创建。哦哦哦哦哦哦！

接下来，在djangoApp的根目录下创建views.py。

djangoApp
├── _init_.py
├── setting.py
├── urls.py
├── views.py ←ここ
└── wsgi.py

然后，在djangoApp/views.py文件中输入以下内容，以设置标准的文本。

from django.http import HttpResponse

def index(requsest):
    return HttpResponse('Hello World')

应该能够以文本形式回应此请求…

接下来，更改 djangoApp/urls.py。

from django.contrib import admin
from django.urls import path
from . import views

urlpatterns = [
   path('admin/', admin.site.urls),
   path('index/', views.index),
]

在保存上述更改后，在终端中启动本地服务器。

python3 manage.py runserver

当我尝试访问localhost:8000/index时，、、、

你很好地完成了！

接下来，我们尝试添加应用程序并在那里也可以进行显示测试！

python3 manage.py startapp hoge

如果这样做，目录应该是这样的。

├── djangoApp
│   ├── __pycache__ 
│   ├── _init_.py
│   ├── setting.py
│   ├── urls.py
│   ├── views.py
│   └── wsgi.py
├── hoge
│   ├── __pycache__
│   ├── migrations  
│   ├── _init_.py  
│   ├── admin.py
│   ├── apps.py
│   ├── models.py
│   ├── tests.py
│   └── views.py
└── manage.py

请将我创建的foge/views.py文件进行以下编辑。

from django.http import HttpResponse

def index(requsest):
    return HttpResponse("Hello World")

def ue(requsest):
    return HttpResponse("ue")

def shita(requsest):
    return HttpResponse("shita")

在foge目录的直接下面创建一个urls.py文件。

├── djangoApp
│   ├── __pycache__ 
│   ├── _init_.py
│   ├── setting.py
│   ├── urls.py
│   ├── views.py
│   └── wsgi.py
├── hoge
│   ├── __pycache__
│   ├── migrations  
│   ├── _init_.py  
│   ├── admin.py
│   ├── apps.py
│   ├── models.py
│   ├── tests.py
│   ├── urls.py ←ここ
│   └── views.py
└── manage.py

然后您需要编辑urls.py文件。

from django.urls import path
from . import views

urlpatterns = [
path("", views.index),
path("ue/", views.ue),
path("shita", views.shita),
]

创建与最新添加的hoge应用程序的连接。

from django.contrib import admin
from django.urls import path, include
from . import views

path('admin/', admin.site.urls),
path('index/', views.index),
path('hoge/', include('hoge.urls')),

现在把目前已经创建的内容保存下来，然后重新启动本地服务器以进行测试。

我成功地连接了附加应用程序！
现在让我们将HTML和CSS应用到这个显示上！
为此，请将其添加到django/setting.py文件的底部。

STATIC_URL = '/static/'

我在此添加

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
STATICFILES_DIRS = [os.path.join(BASE_DIR, "static")]

我会在BASE_DIR目录下添加上述内容。
然后在下面的位置创建static文件夹。

├── djangoApp
│   ├── __pycache__ 
│   ├── _init_.py
│   ├── setting.py
│   ├── urls.py
│   ├── views.py
│   └── wsgi.py
├── hoge
│   ├── __pycache__
│   ├── migrations  
│   ├── _init_.py  
│   ├── admin.py
│   ├── apps.py
│   ├── models.py
│   ├── tests.py
│   ├── urls.py 
│   └── views.py
├── static　←ここ
└── manage.py

然后，在static文件夹下创建一个style.css文件，并进行以下编辑。

h1 {
   color: blue
}

接下来创建模板目录

├── djangoApp
│   ├── __pycache__ 
│   ├── _init_.py
│   ├── setting.py
│   ├── urls.py
│   ├── views.py
│   └── wsgi.py
├── hoge
│   ├── __pycache__
│   ├── migrations  
│   ├── _init_.py  
│   ├── admin.py
│   ├── apps.py
│   ├── models.py
│   ├── tests.py
│   ├── urls.py 
│   └── views.py
├── static
├── templates ←ここ
└── manage.py

然后，在templates文件夹下创建index.html，并进行以下编辑。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="/static/style.css">
  </head>
  <body>
    <h1>{{title}}</h1>

  </body>
</html>

接下来，我要通知大家这个已经创建好的模板的存在。

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, "templates")], ←ここ
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [

为了将这个已创建的CSS和HTML应用到视图中，我们需要进行编辑。

from django.http import HttpResponse
from django.shortcuts import render

def index(requsest):
    return render(requsest, 'index.html',
    {"title":'Hello World!!!'})

当我编辑完后，我尝试查看本地服务器的索引。

你已经成功地将HTML和CSS应用到了吧！现在利用Django，你可以随意更改喜欢的文本内容了！（我对自己说着）

那么，再见再见再见。