首页 > 操作系统 >

Django 2.1（python）初学者图形教程简介

电脑杂谈　发布时间：2020-03-19 17:16:27　来源：网络整理

python django教程_python django mysql_python django 教程

本文针对的是Django初学者，他们具有Python的一些基本知识，但对于Web框架来说是新手.

环境: Windows10 Python3.6 Pycharm2018 Django 2.1版本pip3

百度百科: 使用Python编写的开源Web框架...

重要提示: 一个庞大而全面的框架，一切都为您考虑.

在详细介绍Django之前，您必须首先介绍Web框架的概念.

Web框架: 由其他人设置的网站模板. 您了解了它的规则，然后根据自己的需要“填充空白”或“修改”它.

通用网络框架的架构是这样的:

image.png-134kB

在此范围内添加，删除和裁剪其他基于Python的Web框架，例如Tornado，Flask和Webpy. 例如，龙卷风使用其自己的异步非阻塞通信协议. Flask仅提供最简化和最基本的框架. Django直接使用WSGI通信协议并实现大多数与Web应用程序相关的功能.

MVC:

百度百科: Model View Controller的全名是Model-view-controller的缩写. 它是软件工程的模型. 它通过分离业务逻辑，数据和界面显示来组织代码. 业务逻辑被聚合为一个组件. 在改进和个性化自定义界面和用户交互的同时，无需重写业务逻辑.

受欢迎的解释: 一种组织和管理代码和文件的形式！不要害怕缩写. 这实际上是将代码传播到不同文件中，将不同类型的文件放在不同目录中然后选择高名的一种方法. 当然，它带来了很多好处，例如前端分离，松散的耦合等等. 在使用中，您将逐渐了解它.

位置:

MTV:

Django认为MVC的字面意思很尴尬，不符合其哲学，因此它改变了它. 该视图不再与HTML相关，而是与一个控制器等效的主要业务逻辑V. HTML被放置在称为模板T的模板中，MVC成为MTV. 这实际上是一个文字游戏，与MVC基本相同. 它刚刚更改了名称和名称.

分隔目录需要一种将它们耦合到内部的机制. 在Django中，典型的业务流程如下所示:

image.png-164.5kB

请安装Python3.6，pip3和Pycharm.

（1）安装Django:

本节仅介绍更简单的pip3命令安装方法.

win + r，调用cmd，运行命令pip3 install django，并自动安装Pypi提供的最新版本.

image.png-23.3kB

安装过程如下所示:

C:\Windows\system32>pip3 install django
Collecting django
  Using cached https://files.pythonhosted.org/packages/51/1a/e0ac7886c7123a03814178d7517dc822af0fe51a72e1a6bff26153103322/Django-2.1-py3-none-any.whl
Collecting pytz (from django)
  Using cached https://files.pythonhosted.org/packages/30/4e/27c34b62430286c6d59177a0842ed90dc789ce5d1ed740887653b898779a/pytz-2018.5-py2.py3-none-any.whl
Installing collected packages: pytz, django
  The script django-admin.exe is installed in 'c:\program files\python36\Scripts' which is not on PATH.
  Consider adding this directory to PATH or, if you prefer to suppress this warning, use --no-warn-script-location.
Successfully installed django-2.1 pytz-2018.5

注意:

（2）配置系统环境

成功安装Django之后，您可以在以下路径中找到django-admin.exe文件，并将其添加到操作系统环境变量中. 这样以后再打电话会更方便.

image.png-43.4kB

image.png-41kB

image.png-9.9kB

python django mysql_python django教程_python django 教程

运行django-admin帮助. 如果看到以下内容，则安装过程正常.

image.png-30.2kB

或进入Python交互式环境（请注意，您必须输入刚安装Django的Python解释器），并按如下所示查看已安装的版本:

>>> import django
>>> django.get_version()
2.1

或使用pip list命令查看Django模块是否存在.

对于Linux等命令行界面，您还可以使用Django和vim提供的命令来开发项目. 但是建议使用Pycharm，它是目前最好的Python开发IDE，功能强大且友好. （以下所有操作均在Pycharm中执行. ）

单击文件->新项目，将出现以下对话框.

image.png-71.9kB

选择Django列并输入项目名称，此处mysite是国际惯例. 选择安装了Django 2.1的Python解释器版本，然后单击创建. （注意: 这里不考虑虚拟环境的问题）

选择在当前窗口中打开以在当前窗口中将其打开.

Django将自动生成以下目录结构:

image.png-33.7kB

与项目同名的Mysite目录是项目的核心文件. 模板目录是HTML文件的存储位置（Pycharm Amway给我们的文件）在MTV中为T. manage.py是Django项目管理文件.

image.png-36kB

每个Django项目可以包含多个APP，这些APP等效于大型项目中的子系统，子模块，功能组件等. 它们彼此相对独立，但也可以相关. 所有APP共享项目资源.

在终端的Pycharm下输入命令:

python manage.py startapp login

这将创建一个名为login的应用程序. Django自动生成一个“ login”文件夹和一系列文件:

image.png-25.7kB

image.png-20.6kB

Route是转发中心，浏览器在该中心输入URL并响应Django服务器上的URL. 路由写在urls文件中，该文件将浏览器输入的URL映射到相应的业务处理逻辑（即视图）. 编写url的简单方法如下:

image.png-137.1kB

路由并转发用户请求以查看功能. 视图函数处理用户请求，即编写业务处理逻辑，通常在views.py文件中. 让我们在下面编写一个简单的视图函数:

image.png-97.8kB

通过以上两个步骤，我们将索引URL指向视图中的index（）视图函数. 它接收用户请求并返回“ hello world”字符串.

现在我们可以运行Web服务了.

命令行为:

python manage.py runserver 127.0.0.1:8000

但是在Pycharm中，您可以这样操作，在上方工具栏中找到下面显示的图标.

image.png-8.4kB

python django 教程_python django mysql_python django教程

点击下拉箭头:

image.png-9.3kB

点击编辑配置:

image.png-45.9kB

在主机中输入127.0.0.1，在端口中输入8000.

确定，单击绿色三角形，Web服务将运行.

然后单击如下所示的链接:

image.png-47.7kB

自动跳转到浏览器程序界面. 显示如下所示的404页面:

image.png-52.5kB

修改网址，添加“ / index /”，一切正常！

image.png-6.6kB

您可以看到我们的“ Hello World！”问候！

到目前为止，用Django编写的最简单的Web服务已成功启动.

我们返回到用户上方的浏览器是什么？一串！实际上绝对不是这种情况，通常我们总是将HTML文件返回给用户.

接下来，我们在模板目录中创建一个新的index.html文件:

image.png-97kB

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    <h1 style="background-color: antiquewhite;color: black">Hello World!</h1>
</body>
</html>

image.png-83.5kB

再次修改视图文件:

image.png-97.4kB

要让Django知道我们的HTML文件在哪里，我们需要修改设置文件的相应内容. 但是默认情况下，它可以正常工作，您无需修改它.

image.png-98kB

接下来，我们可以重新启动Web服务. 刷新浏览器，您将看到带有样式的“ Hello World”.

image.png-10.5kB

注意: 这是一个小技巧. 当服务频繁重启时，由于未释放端口，很容易导致服务启动失败. 修改端口，就可以了.

我们已经可以将HTML文件返回给用户，但这还不够. 前端有三大块HTML，CSS，JavaScript和各种插件. 它们都是完整的页面. 在Django中，这些静态文件通常放置在静态目录中.

接下来，在mysite中创建一个新的静态目录.

image.png-21.7kB

python django 教程_python django教程_python django mysql

您的CSS，JS和各种插件可以放在此目录中. 例如，在这里，我们在static下创建了一个新的js目录，然后将jquery-3.2.1.min.js复制到:

image.png-29.9kB

要让Django知道此静态目录存在并能够找到它，您需要配置设置:

image.png-128.9kB

现在我们可以将js文件导入index.html:

image.png-101kB

重新启动Web服务，刷新浏览器，然后查看结果. 当然，您什么也看不到，因为它仅引入了jqurey ^-^.

之前，我们向用户的浏览器返回了功能齐全的HTML文件. 但这还不够，因为Web服务器与用户之间没有动态交互.

现在，我们为用户设计一个表单，用于输入用户名和密码并将其提交到索引URL. 服务器将接收这些数据.

首先修改index.html文件. 删除原始内容并编写以下内容:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <h1>用户输入：</h1>
    <form action="/index/" method="post">
        用户名：<input type="text" name="username" /><br />
        密码：<input type="password" name="password" /><br />
        <input type="submit" value="提交" />
    </form>
</body>
</html>

image.png-120.2kB

重新启动Web服务并刷新页面，如下所示:

image.png-14.5kB

目前，我们不应该在输入框中输入信息. 我们首先修改views.py文件:

from django.shortcuts import render
from django.shortcuts import HttpResponse
# Create your views here.
def index(request):
    if request.method == 'POST':
        username = request.POST.get('username')
        password = request.POST.get('password')
        print(username, password)
    return render(request, 'index.html')

image.png-104kB