【Python + Django + Docker + VS Code】在Mac环境下显示Web应用Hello World

2 年 ago

科, 雅

2 minutes

环境备忘录
⭐️macOS Monterey
⭐️Python 3.11.1
⭐️Django 4.1.6
⭐️Visual Studio Code 1.75.0 ←Mac OS版
⭐️Docker desktop 4.11.1 ←Mac OS版

概览

在搭建Python（编程语言）、Django（Web应用框架）、Docker（容器虚拟环境）之后，尝试展示一个Hello World的Web应用。

2. 大致解释

2-1. Django（戴恩戈）

使用Python可以使用的Web应用程序和服务框架Django（或称为“吉普”）。
Django被称为全栈框架，可以说它集齐了开发Web应用所需的所有功能的框架。

2-2. Docker（also known as Docka）

Docker是一个用于创建、运行和管理容器化虚拟环境的平台。通过安装Docker引擎并获取所需应用程序的Docker镜像来创建容器，就可以轻松构建开发环境。

2-3. Visual Studio Code (VS Code)
2-3. Visual Studio Code（简称 VS Code）

这是由微软开发的源代码编辑器，安装插件后可以实现高效编码。

3.环境设立

3-1. 安装 Docker Desktop

安装适用于Mac的Docker桌面版

3-2. 安装Visual Studio Code（VS Code）

安装适用于Mac的Visual Studio Code。

下载 Visual Studio Code
https://code.visualstudio.com/zh-hans/download

安装VS Code插件Dev Containers。

创建Docker环境。

创建4-1.devcontainer文件夹

创建4-2.devcontainer.json文件。

创建devcontainer.json文件。
该文件用于存储Devcontainer使用的容器的配置和设置。

{
   "name": "non-django",
   "dockerFile": "Dockerfile",
   "extensions": [
   	"ms-python.python"
   ],
}

创建4-3.docker-compose.yml文件。

创建docker-compose.yml文件。
这是Docker的配置文件。

version: '3'
services:
  web:
    build: .
    command: python manage.py runserver 0.0.0.0:8000
    volumes:
        - .:/code
    ports:
        - "8000:8000"

创建 Dockerfile

创建一个Dockerfile。
这是一个记录创建新的Docker映像所需步骤的文本文件。

Dockerfile 的本地语言释义: “Dockerfile 文件”

FROM python:3
ENV PYTHONUNBUFFERED 1
RUN mkdir /code
WORKDIR /code
ADD requirements.txt /code/
RUN pip install -r requirements.txt
COPY . /code/

创建requirements.txt文件。

创建requirements.txt文件。
这是一个包含想要批量安装的Python包的列表。

Django

启动Docker Desktop

使用VS Code来选择容器文件夹。

7. 创建 Django 项目

8. 创建一个Django应用程序

在这里，我们要创建一个Django应用程序。
使用以下命令，可以自动生成构成Django应用程序的代码。
$ python manage.py startapp ★★★应用程序名称★★★
例如：
python manage.py startapp nonSample2

9. Django项目 (Django

在Django项目的settings.py文件的INSTALLED_APPS中添加Django项目。

9-2. 在Django项目的settings.py文件中TEMPLATES选项中添加templates。

在Django项目中新建urls.py文件。

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

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('nonSample2.urls'))
]

10. Django 应用程序

10-1. 在Django应用中新建urls.py文件

当访问URL中的/nonHello时，执行funcHelloWorld函数。

http://127.0.0.1:8000/nonHello 可以用下面的方式翻译成中文：

from django.urls import path
from . import views

urlpatterns = [
    path('nonHello', views.funcHelloWorld),
]

修改Django应用程序中的views.py文件。

当funcHelloWorld被调用时，显示index.html文件。

from django.shortcuts import render

def funcHelloWorld(request):
    return render(request, 'index.html')

创建一个名为10-3.templates的文件夹。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>Django nonSample2</title>
  </head>
  <body>
    <p>Hello World</p>
  </body>
</html>

11.进行迁移

在Django项目中执行以下命令：
$ python manage.py migrate

12. 启动本地服务器

请运行以下命令：$ python manage.py runserver。

当您指定一个URL时，会显示”Hello World”。

12. How to check the version? (如何确认版本？)

12-1. Python的版本是什么？

请给出Python版本号

12-2. Django的版本

使用以下代码在Python中运行Django版本查看命令:
“`python
import django
print(django.get_version())
“`

概览