在Django3 + WSL + Python虚拟环境中展示网页

我在Udemy上学习了【深入讲解!】Django基础,掌握了制作三个应用的技巧!以此为中心,我总结了使用WSL构建Ubuntu环境的过程,并展示了网页的显示流程。

环境设置: Windows子系统用于Linux(WSL)。

不要考虑太多复杂的事情,立即开始创建Django运行环境,并显示网页。

在这篇文章中,介绍了在Windows10电脑上创建Ubuntu Linux发行版的环境。Linux是一个支持多种语言的操作系统,并且由于有丰富的免费库存在,因此在开发领域经常被使用。

Ubuntu的基本设置

首先,要在Windows上启用WSL。为此,请依次进入控制面板→程序→程序和功能→启用或关闭Windows功能→勾选“Windows子系统Linux”并点击“确定”→重新启动电脑。

完成重新启动后,安装Ubuntu操作系统。

Ubuntu 20.04 LTS

使用Ubuntu 20.04 LTS操作系统。

当安装完成后,请启动。

然后系统要求注册UNIX用户名和密码,我们要一个一个填写。处理完成后,命令行会显示出来,Ubuntu就可以使用了。

作为初始设置,分别执行以下命令来进行Ubuntu的update和upgrade。顺便提一下,update是在添加或删除仓库时必须执行的操作,而upgrade也可以用于一般软件包的更新。另外,sudo是一种临时拥有root(管理员)权限的方式,可以进行整个系统的更改。

$ sudo apt update
[sudo] password for sota_morita:
Hit:1 http://archive.ubuntu.com/ubuntu focal InRelease
Get:2 http://security.ubuntu.com/ubuntu focal-security InRelease [109 kB]
...

$ sudo apt upgrade
[sudo] password for sota_morita:
Reading package lists... Done
Building dependency tree
...

由于升级需要一些时间,所以我会忍住想尽快运行Django的心情而等待。

升级完成后,请关闭并重新启动WSL。如果需要,可以选择将其日语化,但这里省略了具体说明。

Visual Studio Code的配置

由于完成了Ubuntu的基本设置,接下来要进行编辑器的设置。在这里,我们使用Visual Studio Code作为编辑器。Visual Studio Code的安装并不复杂。在这里我们假设保持默认的初始设置继续进行。

在Visual Studio Code的初始设置中无法使用Linux,所以需要安装名为”Remote – WSL”的扩展功能。

Remote - WSL

完成安装后,重新启动Visual Studio Code。

再启动后,在左下方会显示绿色的「打开远程窗口」→远程-WSL:使用分发版开启新窗口→继续操作Ubuntu-20.04,将会打开一个新窗口。这样,就可以在Visual Studio Code中使用Ubuntu了。

Open a Remote Window

在顶部工具栏上选择「Terminal → New Terminal」即可打开终端,出现Ubuntu的命令行界面。之后,可以从这里继续进行其他设置。

当然,您也可以使用Ubuntu 20.04 LS的终端来完成相同的操作。

安装Python

我之前以为只需要安装python3-venv就可以创建虚拟环境,但是尝试了一下发现不起作用,所以我先安装了Python。我想要与讲座和Python版本保持一致,所以从pyenv安装了Python。

这种安装方法

如何在Ubuntu 20.04 / 18.04上安装pyenv【2020/11/23更新】4

由于参考了该文件,参考以下内容。Python安装后,请执行以下操作以确认安装是否正确。

$ pyenv global 3.8.5

$ python --version
Python 3.8.5

搭建虚拟环境

在home/(用户名)/下创建一个名为test的目录,并在其中创建一个虚拟环境。在移动到test后,执行以下命令。django3_general是我们将创建的虚拟环境的名称,您可以随意设置。

$ python3 -m venv django3_general

处理完后,通过ls命令查看test的内容,可以发现新建了一个名为django3_general的文件夹。

$ ls
django3_general

在虚拟环境中安装Django。

接下来将在虚拟环境中进行Django的安装。

首先,在测试中执行以下命令,启动虚拟环境(此处为django3_general)。

$ source django3_general/bin/activete

那么命令行的开头将显示(django3_general)。在这种情况下,安装Django。

$ pip install django
Collecting django
  Downloading Django-3.1.5-py3-none-any.whl (7.8 MB)
     |████████████████████████████████| 7.8 MB 5.3 MB/s
...
$ pip list
Package    Version
---------- -------
asgiref    3.3.1
Django     3.1.5
pip        20.3.3
pytz       2020.5
setuptools 47.1.0
sqlparse   0.4.1

Django已经顺利安装完成。

开始Django项目

在准备完成后,在创建好的虚拟环境中启动Django项目。要创建新项目,请先启动虚拟环境,然后执行以下命令。在这里,我们将项目名称设为test_project,但您可以根据需要进行更改。

$ django-admin startproject test_project

在当前目录下创建一个名为test_project的新目录。进入test_project目录,使用ls命令确认其内容,会发现存在一个名为manage.py的Python文件和一个名为test_project的子目录(test_project中又存在一个名为test_project的子目录)。

$ cd test_project
$ ls
manage.py  test_project

使用manage.py文件,可以按照以下方式启动服务器。

$ python manage.py runserver
Watching for file changes with StatReloader
Performing system checks...
...
(省略)
...
Django version 3.1.5, using settings 'test_project.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.

当在结果中点击链接http://127.0.0.1:8000/时,会在网络浏览器中显示以下画面。

http://127.0.0.1:8000/

换句话说,服务器接收来自Web浏览器(如Chrome)的请求,并由Django作出响应。通过推进程序的状态,可以开发各种Web应用程序。

在这篇文章中,主要关注环境构建,但在讲座中,使用图表和具体例子进行了简明易懂的解释,以帮助学生更容易理解Django和虚拟环境。此外,讲座的重点不在于环境构建,而是使用Django进行应用开发。因此,如果您有兴趣尝试使用Django创建Web应用程序,我推荐您参加这门课程。

【全面解說!】通過掌握Django基礎,來製作三個應用程式!

apt命令速查表
将WSL的Ubuntu环境本地化为日语
使用Linux软件包管理器安装pip/setuptools/wheel
在Ubuntu 20.04/18.04上安装pyenv(更新于2020年11月23日)
广告
将在 10 秒后关闭
bannerAds