前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Django简介

Django简介

作者头像
py3study
发布2018-08-03 11:05:48
1.6K0
发布2018-08-03 11:05:48
举报
文章被收录于专栏:python3python3

MVC与MTV模型

MVC

Web服务器开发领域里著名的MVC模式,所谓MVC就是把Web应用分为模型(M),控制器(C)和视图(V)三层,他们之间以一种插件式的、松耦合的方式连接在一起,模型负责业务对象与数据库的映射(ORM),视图负责与用户的交互(页面),控制器接受用户的输入调用模型和视图完成用户的请求,其示意图如下所示:

blob.png
blob.png

mvc主要用于web框架,常用的开发语言,有java,php,node.js等等

MTV

Django的MTV模式本质上和MVC是一样的,也是为了各组件间保持松耦合关系,只是定义上有些许不同,Django的MTV分别是值:

M 代表模型(Model): 负责业务对象和数据库的关系映射(ORM)。

T 代表模板 (Template):负责如何把页面展示给用户(html)。

V 代表视图(View): 负责业务逻辑,并在适当时候调用Model和Template。

除了以上三层之外,还需要一个URL分发器,它的作用是将一个个URL的页面请求分发给不同的View处理,View再调用相应的Model和Template,MTV的响应模式如下所示:

blob.png
blob.png

一般是用户通过浏览器向我们的服务器发起一个请求(request),这个请求回去访问视图函数,(如果不涉及到数据调用,那么这个时候视图函数返回一个模板也就是一个网页给用户),视图函数调用模型,模型去数据库查找数据,然后逐级返回,视图函数把返回的数据填充到模板中空格中,最后返回网页给用户

MVC和MTV模型的区别:

代码语言:javascript
复制
MVC:
    M : model (与数据库打交道)
    V :  views  (存放html文件)
    C : Controller(逻辑控制部分)        
MTV 
    M : model     (与数据库打交道)
    T : templates    (存放html文件)    
    V : views      (逻辑处理)    +
    路由控制层(分发哪一个路径由哪一个视图函数处理),它没有单独的分层。它作为URL分发器,将url请求分发给不同
    的view处理

Django的下载与基本命令

1、下载Django:

pip3 install django

2、创建一个django project

windows用户,以管理员身份打开一个cmd窗口。进入一个空目录,运行以下命令:

E:\python_script\django框架\day2>django-admin startproject mysite

当前目录下会生成mysite的工程,目录结构如下:

代码语言:javascript
复制
mysite/├── manage.py
└── mysite
    ├── __init__.py
    ├── settings.py
    ├── urls.py
    └── wsgi.py

manage.py ----- Django项目里面的工具,通过它可以调用django shell和数据库等。

settings.py ---- 包含了项目的默认设置,包括数据库信息,调试标志以及其他一些工作的变量。

urls.py ----- 负责把URL模式映射到应用程序。

manage.py : 它是启动文件,它还是与Django交互的文件。比如:

python manage.py  runserver   : 运行项目

python manage.py  startapp    : 创建应用

如果运行项目时,不指定端口,默认监听本机的8000端口

在mysite目录下创建应用

代码语言:javascript
复制
#进入mysite目录
E:\python_script\django框架\day2>cd mysite
#创建应用blog
E:\python_script\django框架\day2\mysite>python manage.py startapp blog

目录结构如下:

代码语言:javascript
复制
mysite/├── blog
│   ├── admin.py
│   ├── apps.py
│   ├── __init__.py
│   ├── migrations
│   │   └── __init__.py
│   ├── models.py
│   ├── tests.py
│   └── views.py
├── manage.py
└── mysite
    ├── __init__.py
    ├── settings.py
    ├── urls.py
    └── wsgi.py

views.py---存放视图函数

models--与数据库打交道

还有一个目录templates,它是用来存放html文件的

从上面的目录结构可以看出,mysite目录下有一个blog。那么顶层的mysite,叫做 项目。底层的blog叫做应用

项目是必须包含应用的,项目可以包含多个应用。

mysite下的mysite,是全局文件,它有2个全局配置文件,一个是settings.py(项目配置文件),一个是urls.py(路由控制文件)

启动django项目

代码语言:javascript
复制
E:\python_script\django框架\day2\mysite>python manage.py runserver 127.0.0.1 8080
Performing system checks...

System check identified no issues (0 silenced).

You have 14 unapplied migration(s). Your project may not work properly until you apply the migrations for 
app(s): admin, auth, contenttypes, sessions.
Run 'python manage.py migrate' to apply them.
June 21, 2018 - 19:33:29
Django version 2.0.6, using settings 'mysite.settings'
Starting development server at http://127.0.0.1:8080/
Quit the server with CTRL-BREAK.

这样django就启动起来了!访问:http://127.0.0.1:8080/时就可以看到  

blob.png
blob.png

基于Django实现的一个简单示例

url控制器

修改mysite目录下的urls.py,增加index路径

注意:index后面不要加括号。直接views.index即可

必须导入blog应用的views模块,否则它找不到对应的视图函数

代码语言:javascript
复制
from django.contrib import adminfrom django.urls import pathfrom blog import views

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

视图

修改blog目录下的views.py,增加index视图函数

代码语言:javascript
复制
from django.shortcuts import render
import datetime

# Create your views here.

def index(request):
    now=datetime.datetime.now()
    ctime=now.strftime("%Y-%m-%d %X")

    return render(request,"index.html",{"ctime":ctime})

request,它是一个对象。存储了请求信息,比如请求路径,请求方式,GET数据,POST数据...等等。

必须要接收一个request参数

模板

新建文件夹templates,在此目录创建index.html

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<h4>当前时间:{{ ctime }}</h4>

</body>
</html>

修改mysite目录下的settings.py,指定模板目录为templates,修改部分如下

代码语言:javascript
复制
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

访问网页,效果如下:

blob.png
blob.png

django有一个好处,代码更改之后,它会自动加载代码。而不需要重启django项目,网页就能更新了!

增加登录页面

修改mysite目录下的urls.py,新增一个login

代码语言:javascript
复制
urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/',views.index),
    path('login/',views.login),
]

在templates目录下创建文件login.html

注意:form表单的标签名是form,不是from。from是MySQL的关键字,不要弄混淆了。否则点击提交按钮,是没有反应的

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="">
    <lable>用户名</lable><input type="text" name="user"/>
    <lable>用户名</lable><input type="password" name="pwd"/>
    <input type="submit">
</form>

</body>
</html>

修改blog目录下的views.py,增加login视图函数

代码语言:javascript
复制
from django.shortcuts import render
import datetime

# Create your views here.

def index(request):
    now=datetime.datetime.now()
    ctime=now.strftime("%Y-%m-%d %X")

    return render(request,"index.html",{"ctime":ctime})

def login(request):
    return render(request,"login.html")

访问登录页面,效果如下:

blob.png
blob.png

为什么render能找到login.html文件呢?

因为setting.py文件里面定义了template路径。render方法,是用来渲染模板的,它会从TEMPLATES配置的路径中去寻找html文件。

如果修改DIRS里面的文件名,比如改为abc

'DIRS': [os.path.join(BASE_DIR, 'abc')],

访问页面,会报错

blob.png
blob.png

修改urls.py,增加auth路径,用来做验证的

代码语言:javascript
复制
urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/',views.index),
    path('login/',views.login),
    path('auth/',views.auth),
]

修改login.html文件,改为post请求

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="/auth/" method="post">
    <lable>用户名</lable><input type="text" name="user"/>
    <lable>用户名</lable><input type="password" name="pwd"/>
    <input type="submit">
</form>

</body>
</html>

修改views.py文件,增加auth视图函数

代码语言:javascript
复制
from django.shortcuts import render,HttpResponse
import datetime

# Create your views here.

def index(request):
    now=datetime.datetime.now()
    ctime=now.strftime("%Y-%m-%d %X")

    return render(request,"index.html",{"ctime":ctime})

def login(request):
    return render(request,"login.html")

def auth(request):
    print(request.path)  # 路径
    print(request.method)  # 请求方式
    print(request.GET)  # GET数据
    print(request.POST)  # POST数据
    return HttpResponse("OK")

访问登录页面,输入数据,点击提交

blob.png
blob.png

页面输出403,被CSRF拦截了

blob.png
blob.png

CSRF:跨站请求伪造,常缩写为CSRF或者XSRF,是一种对网站的恶意利用。

后面会讲到,如何避免CSRF。这里先注释掉,修改settings.py里面的MIDDLEWARE 配置项,关闭CSRF

代码语言:javascript
复制
MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    # 'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

访问方式

访问方式有2种,GET和POST

在地址栏中,只有GET请求。

在form表单中,有GET和POST。它是根据method属性决定的!一般表单使用POST

再次访问url,输入表单信息,点击提交。

输出ok,表示正常。注意:这里还没有做登录认证,下面会讲到!

blob.png
blob.png

查看cmd窗口输出信息:

代码语言:javascript
复制
/auth/
POST
<QueryDict: {}>
<QueryDict: {'user': ['xiao'], 'pwd': ['123']}>

可以看到:

路径:/auth/。请求方式: POST。GET数据为空。POST数据是一个字典

登录认证

正常网站,用户名和密码是保存在数据库中。由于还没有学到django连接数据库,所以这里将用户名和密码写死,模拟登录行为。

修改views.py,获取用户和密码,进行判断

代码语言:javascript
复制
from django.shortcuts import render,HttpResponse
import datetime

# Create your views here.

def index(request):
    now=datetime.datetime.now()
    ctime=now.strftime("%Y-%m-%d %X")

    return render(request,"index.html",{"ctime":ctime})

def login(request):
    return render(request,"login.html")

def auth(request):
    user = request.POST.get('user')  # 获取用户名
    pwd = request.POST.get('pwd') # 获取密码
    print(user,pwd)
    #判断用户名和密码
    if user == 'xiao' and pwd == '123':
        return HttpResponse("登录成功")  # 返回响应体给浏览器,显示"登录成功"文字
    else:
        return render(request,"login.html")  # 返回响应体-->login.html文件内容

重新访问登录页面,输入正确的用户名和密码

页面提示,成功

blob.png
blob.png

访问过程分析

访问登录页面时,经历3个步骤

代码语言:javascript
复制
(1) http://127.0.0.1:8000/login/   get请求 无数据
(2) path('login/',views.login),    调用视图函数login(request)
(3) login                          执行视图函数,响应了一个login.html页面

解释:

1. 首先是用户在浏览器输入url:http://127.0.0.1:8000/login/

2. django接收到请求之后,根据URL控制器匹配视图函数

3. 执行视图函数login,响应请求给浏览器一个login.html页面

1.虽然form的action属性值为"/auth/",但是执行提交动作时,浏览器会查看action属性,如果为相对路径。那么会获取当前url的域名/IP加端口。和action属性拼接,得到完整的url,比如:http://127.0.0.1:8000/auth/。将表单数据以POST方式发送给此url。

注意:推荐使用这种写法。如果action写成完整的url(比如:http://127.0.0.1:8000/auth/),遇到服务器迁移时。那么涉及到的html文件,都需要更改,非常耗时耗力!

如果采用相对路径方式,那么不需要改动代码,它会自动拼接,完美解决这个问题。

比如写/auth/,会自动拼接为http://127.0.0.1:8000/auth/

如果action为"",也就是空,它会拼接当前的完整ur。

比如访问登录页面,那么action的属性值为 当前url,比如:http://127.0.0.1:8000/login/

2. django接收到请求之后,根据URL控制器匹配视图函数auth

3. 执行视图函数,如果用户名和密码正确,页面显示登录成功。否则,页面还是显示登录页面

将login和auth视图函数合并成1个

更改login.html,将action属性设置为空(参考上面的步骤1解释)

代码语言:javascript
复制
<form action="" method="post">

更改views.py,删除auth视图函数代码,修改login视图函数,完整代码如下

代码语言:javascript
复制
from django.shortcuts import render,HttpResponse
import datetime

# Create your views here.

def index(request):
    now=datetime.datetime.now()
    ctime=now.strftime("%Y-%m-%d %X")

    return render(request,"index.html",{"ctime":ctime})

def login(request):
    #判断请求是否为POST,必须为大写
    if request.method == "POST":
        user = request.POST.get('user')  # 获取用户名
        pwd = request.POST.get('pwd')  # 获取密码
        print(user, pwd)
        # 判断用户名和密码
        if user == 'xiao' and pwd == '123':
            return HttpResponse("登录成功")  # 返回响应体给浏览器,显示"登录成功"文字
        else:
            return render(request, "login.html")  # 返回响应体-->login.html文件内容

    return render(request,"login.html")  # 默认输出登录页面

修改urls.py,删除auth路径

代码语言:javascript
复制
urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/',views.index),
    path('login/',views.login),
]

重新访问登录页面,输入正确的用户和密码,点击提交。页面输出:

blob.png
blob.png

视图函数,必须返回一个HttpResponse对象。HttpResponse是一个对象,对象里面,放字符串。

HttpResponse会自动将字符串转换为字节

django要求视图函数,必须返回一个HttpResponse对象。

模拟render操作

修改login函数,else部分是重点

代码语言:javascript
复制
def login(request):
    #判断请求是否为POST,必须为大写
    if request.method == "POST":
        user = request.POST.get('user')  # 获取用户名
        pwd = request.POST.get('pwd')  # 获取密码
        print(user, pwd)
        # 判断用户名和密码
        if user == 'xiao' and pwd == '123':
            return HttpResponse("登录成功")  # 返回响应体给浏览器,显示"登录成功"文字
        else:
            from mysite import settings  # 导入settings模块
            import os
            # 拼接login.html的绝对路径
            path = os.path.join(settings.BASE_DIR,"templates","login.html")
            with open(path,encoding="utf-8") as f:
                data = f.read()  # 读取文件所有内容
            print("data",data+'aaaaa')
            #返回给浏览器并加上一段话
            return HttpResponse(data+'用户名和密码错误')
            # return render(request, "login.html")  # 返回响应体-->login.html文件内容

    return render(request,"login.html")  # 默认输出登录页面

访问url: http://127.0.0.1:8000/login/

输入一个错误的密码,点击提交

blob.png
blob.png

总结:

对于Django而言,一次请求必须返回一个HttpResponse(字符串)

request对象,存放了请求路径,请求方式,请求数据,比如GET和POST

所以对于视图函数而言,最关心的部分就是request和HttpResponse

一次请求,必有一次响应。如果没有响应,就会报错

在视图函数中,render是渲染的意思。那么它是如何工作的呢?

代码语言:javascript
复制
1 按着settings-TEMPLATES-DIRS路径找指定文件
2 读取文件所有字符串
3 渲染: 检查字符串中是否有{{变量}}    ,
    if 没有找到:
        HttpResponse(文件字符串)
    else
        找到 {{变量}},用render第三个参数中的对应值进行相应替换(如果没有找到对应值,{{变量}}替换为空)
        HttpResponse(替换后的文件字符串)

渲染的过程,是在后端完成的。不是前端完成的。

看html代码,就知道了。浏览器根本不认识{{变量}},它只能识别html,css,js

注意:如果模板里面,写了{{变量}} 。但是render没传,那么页面中{{变量}} 会被替换为空。

如果模板里面,写了{{ }} 。变量名没写,那么页面报错

思考:如何点击时间的时候,变成红色?

需要引入jquery来做,修改index.html

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<h4>当前时间: <span>{{ ctime }}</span></h4>
<script type="application/javascript">
    $(function(){
        $('.time').click(function () {
            $(this).css("color","red")
        })
    });
</script>
</body>
</html>

在根目录,创建static目录,它是专门存放静态文件的。

将js文件进去。项目目录结构如下

代码语言:javascript
复制
mysite/
├── blog
│   ├── admin.py
│   ├── apps.py
│   ├── __init__.py
│   ├── models.py
│   ├── tests.py
│   └── views.py
├── manage.py
├── mysite
│   ├── __init__.py
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
├── static
│   └── jquery.min.js
└── templates
    ├── index.html
    └── login.html

修改settings.py,最后一行添加,注意:STATIC_URL和它是成对使用的

代码语言:javascript
复制
STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR,"static"),
)

STATIC_URL参数,表示别名。

STATICFILES_DIRS表示物理路径。

STATIC_URL代指STATICFILES_DIRS定义的路径。

修改index.html,更改src属性

代码语言:javascript
复制
<script src="/static/jquery.min.js"></script>

重新访问页面,再次点击,就会变红

blob.png
blob.png
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-06-25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
数据库
云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档