Django简介

发布时间:2018-06-25 16:54:31编辑:Run阅读(5143)

    MVC与MTV模型

    MVC

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

    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


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


    MVC和MTV模型的区别:

    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的工程,目录结构如下:

    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目录下创建应用

    #进入mysite目录
    E:\python_script\django框架\day2>cd mysite
    #创建应用blog
    E:\python_script\django框架\day2\mysite>python manage.py startapp blog


    目录结构如下:

    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项目

    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


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

    url控制器

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

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

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

    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视图函数

    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

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    <h4>当前时间:{{ ctime }}</h4>
    
    </body>
    </html>


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

    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


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



    增加登录页面

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

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


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

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

    <!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视图函数

    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



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

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


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

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


    访问页面,会报错

    blob.png



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

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


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

    <!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视图函数

    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



    页面输出403,被CSRF拦截了

    blob.png


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

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

    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


    查看cmd窗口输出信息:

    /auth/
    POST
    <QueryDict: {}>
    <QueryDict: {'user': ['xiao'], 'pwd': ['123']}>

    可以看到:

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


    登录认证

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

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

    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


    访问过程分析

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

    (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解释)

    <form action="" method="post">


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

    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路径

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


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

    blob.png

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

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

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



    模拟render操作

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

    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

    总结:

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

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

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

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



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

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

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

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

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

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


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

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

    <!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文件进去。项目目录结构如下

    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和它是成对使用的

    STATIC_URL = '/static/'
    STATICFILES_DIRS = (
        os.path.join(BASE_DIR,"static"),
    )

    STATIC_URL参数,表示别名。

    STATICFILES_DIRS表示物理路径。

    STATIC_URL代指STATICFILES_DIRS定义的路径。


    修改index.html,更改src属性

    <script src="/static/jquery.min.js"></script>


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

    blob.png


关键字