基于Django的Python后端实战笔记(持续更新)

Django笔记

Django基本配置

轻量级框架Flask VS 重量级框架Django

  • Django是一个开源的Web应用框架,由Python编写,重量级。
  • Flask也是一个开源的Python Web应用框架,轻量级
  • 重量级框架会提供很多的功能模块,使用上不够灵活。
  • 轻量级框架使用上灵活,很多功能模块需要自己开发。

Django框架的介绍

起源&现状

  • 2005年发布,采用Python语言编写的开源web框架
  • 早期的时候Django主做新闻和内容管理
  • 一个重量级的 Python Web框架,Django 配备了常用的大部分组件
    1. 基本配置
    2. 路由系统
    3. 原生HTML模板系统
    4. 视图 view
    5. Model模型,数据库连接和ORM数据库管理
    6. 中间件
    7. Cookie & Seesion
    8. 分页
    9. 数据库后台管理系统admin

MTV示意图

Django的用途

- #### 网站后端开发
- #### 微信公众号、微信小程序等后台开发
- #### 基于HTTP/HTTPS协议的后台服务器开发
  
    - #### 在线语音/图像识别服务器
    - #### 在线第三方身份验证服务器等

Django的版本

- 最新版本:4.2.x(截至2023.4.9)
- 当前演示版本:2.2.12

Django的官网

- 官方网址: <http://www.djangoproject.com>
- 中文文档(第三方):
    - <https://yiyibooks.cn/>

Django的安装

  • 查看已安装的版本

    >>> import django
    >>> print(django.VERSION)
    (2, 2, 12, 'final', 0)
    
  • 安装

    1. 在线安装
      • $ sudo pip3 install django 安装django的最新版本
      • $ sudo pip3 install django[==版本] 安装django的指定版本
      • 如:
        • $ sudo pip3 install django==2.2.12
    2. 离线安装
      • 下载安装包:
      • 安装离线包
        • $ tar -xvf Django-2.2.12.tar.gz
        • $ cd Django-2.2.12
        • $ sudo python3 setup.py install
  • Django的卸载

  • $ pip3 uninstall django

  • Django 的开发环境

    • Django 2.2.12 支持 3.5,3.6,3.7,3.8

创建Django项目

创建项目的指令

  • $ django-admin startproject 项目名称

  • 如:

    • $ django-admin startproject mysite1

  • 运行

    $ cd mysite1
    $ python3 manage.py runserver
    # 或
    $ python3 manage.py runserver 5000  # 指定只能本机使用127.0.0.1的5000端口访问本机
    

Django项目的目录结构

  • 示例:
    $ django-admin startproject mysite1
    $ tree mysite1/
    mysite1/
    ├── manage.py
    └── mysite1
        ├── __init__.py			# 表示这是个Python包
        ├── settings.py
        ├── urls.py
        └── wsgi.py
    
    1 directory, 5 files
    
项目目录结构解析:
manage.py
  • 此文件是项目管理的主程序,在开发阶段用于管理整个项目的开发运行的调式

  • manage.py 包含项目管理的子命令, 如:

  • python3 manage.py runserver 启动服务

    • 首次启动后的界面:
      主页
  • python3 manage.py startapp 创建应用

  • python3 manage.py migrate 数据库迁移

mysite1 项目文件夹

这是项目包的主文件夹(默认与项目名称一致)

  1. __init__.py

包初始化文件,当此项目包被导入(import)时此文件会自动运行

  1. wsgi.py

WSGI 即 Web Server Gateway Interface
WEB服务网关接口的配置文件,仅部署项目时使用

  1. urls.py

项目的主路由配置文件,所有的动态路径必须先走该文件进行匹配

  1. settings.py

Django项目的配置文件, 此配置文件中的一些全局变量将为Django框架的运行传递一些参数
setting.py 配置文件,在启动服务时将被自动调用
注:此配置文件中也可以定义一些自定义的变量用于作用全局作用域的数据传递,变量名一定是全大写格式

settings.py 文件介绍

文档:https://docs.djangoproject.com/en/2.2/ref/settings/

各变量介绍:

  1. BASE_DIR

    • 用于绑定当前项目的绝对路径(动态计算出来的), 所有文件都可以依赖此路径

    • BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
      # 找配置文件所在目录的所在目录
      
  2. DEBUG

    • 用于配置Django项目的启动模式, 取值:
      1. True 表示开发环境中使用 调试模式(用于开发中)

        • 项目出错时,会返回详细的错误信息,有利于代码调试
        • 修改代码后,项目会即时启动
        • ALLOWED_HOSTS默认会有两个选项,127.0.0.1和localhost

        [调试模式下的报错信息:]
        报错信息

      2. False 表示当前项目运行在生产环境中(不启用调试)

        • 生产模式,与上述调试模式相反,不会显示框架信息,在实际开发中都要采用这种模式,避免黑客攻击
        • 另外,修改代码后,需要手动启动
        • ALLOWED_HOSTS无默认选项,需手动设置
  3. ALLOWED_HOSTS

此变量用于设置服务器端的ip地址,即设置允许访问到本项目的host请求头的值,取值通常有以下几种情况:

  1. [] 空列表,表示只有host请求头为127.0.0.1, localhost能访问本项目 - DEBUG = True时生效
  2. [‘*’],表示任何请求头的host都能访问到当前项目
  3. [‘192.168.1.3’, ‘127.0.0.1’] 表示只有当前两个host头的值能访问当前项目
  • 注1:如果要在局域网下其它主机也能访问此主机,启动方式应使用如下模式:
    • python3 manage.py runserver 0.0.0.0:5000 # 指定网络设备
  • 注2:如果内网环境下其他主机想正常访问该站点,需加
    • ALLOWED_HOSTS = ['内网ip']
  1. INSTALLED_APPS

    • 指定当前项目中安装的应用列表
    • 一个APP就是项目中的一个模块
  2. MIDDLEWARE

    • 用于注册中间件
  3. TEMPLATES(用于渲染和显示数据)

    • 用于指定模板的配置信息,目录中包含模板页(*.html)
  4. DATABASES

    • 用于指定数据库的配置信息

    • sqlite3-默认配置的数据库,未来修改为mysql。

      ​ sqlite一般用于小型的或嵌入式的数据环境下

  5. LANGUAGE_CODE

    • 用于指定语言配置
    • 取值:
      • 英文 : "en-us"
      • 中文 : "zh-Hans"
  6. TIME_ZONE

    • 用于指定当前服务器端时区
    • 取值:
      • 世界标准时间: "UTC"
      • 中国时区 : "Asia/Shanghai"
  7. ROOT_URLCONF

    • 用于配置根级 url 配置 ‘mysite1.urls’
    • 如:
      • ROOT_URLCONF = 'mysite1.urls'
注: settings模块可以通过 from django.conf import settings 导入和使用

URL 介绍

URL定义

  • URL 即统一资源定位符 Uniform Resource Locator

  • 作用:

    • 用来表示互联网上某个资源的地址。
  • 说明:

    • 互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。
  • URL的一般语法格式为:

    protocol :// hostname[:port] / path [?query][#fragment]		# [...]表示可省略部分
    
  • 如:

    http://tts.tmooc.cn/video/showVideo?menuId=657421&version=AID201908#subject
    
  • 说明:

    • protocol(协议)

      • http 通过 HTTP 访问该资源。 格式 HTTP://,采用明文传输
      • https 通过安全的 HTTPS 访问该资源。 格式 HTTPS://,采用密文传输
      • file 资源是本地计算机上的文件。格式: file:///
    • hostname(主机名)

      • 是指存放资源的服务器的域名系统(DNS) 主机名、域名 或 IP 地址。
    • port(端口号)

      • 整数,可选,省略时使用方案的默认端口;
      • 各种传输协议都有默认的端口号,如http的默认端口为80,https是443
    • path(路由地址)

      • 由零或多个“/”符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。路由地址决定了服务器端如何处理这个请求
    • query(查询)

      • 可选,用于给动态网页传递参数,可有多个参数,用“&”符号隔开,每个参数的名和值用“=”符号隔开。
    • fragment(信息片断)[锚点]

      • 字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。

Django如何处理一个URL对应的请求

浏览器  http://127.0.0.1:8000/page/2003/

1,Django 从配置文件中 根据 ROOT_URLCONF 找到 主路由文件;默认情况下,该文件在 项目同名目录下的urls; 例如 mysite1/mysite1/urls.py
2,Django 加载 主路由文件中的 urlpatterns 变量
3,依次匹配 urlpatterns 中的 URL, 匹配到第一个合适的URL之后,中断后续匹配
4,若匹配成功 - 调用对应的视图函数处理请求,返回响应
5,若匹配失败 - 返回404响应

主路由-urls.py样例
from django.urls import path
from . import views
urlpatterns = [
    # 保存用户请求和视图函数之间的关联
    path('admin/', admin.site.urls)
    path('page/2003/', views.page_2003),
    path('page/2004/', views.page_2004),
]

视图函数(view)

  • 视图函数是用于接收一个浏览器请求并通过HttpResponse对象返回数据的函数。此函数可以接收浏览器请求并根据业务逻辑返回相应的内容给浏览器

  • 注:参数至少须包含请求对象,请求对象包含用户发送的数据,返回响应对象: HttPResponse类的对象

  • 视图处理的函数的语法格式:

    def xxx_view(request[, 其它参数...]):
        return HttpResponse对象
    
  • 参数:

    • request用于绑定HttpRequest对象,通过此对象可以获取浏览器的参数和数据
  • 返回值

    ​ HttpResponse的对象;Django会提供一系列的response对象;

  • 示例:

    • 视图处理函数 views.py
      # file : <项目同名文件夹下>/views.py
      from django.http import HttpResponse
      def page1_view(request):
          html = "<h1>这是第1个页面</h1>"
          return HttpResponse(html)
      

Django 路由配置

  • settings.py 中的ROOT_URLCONF 指定了主路由配置列表urlpatterns的文件位置
  • urls.py 主路由配置文件
    # file : <项目同名文件夹>/urls.py
    urlpatterns = [
        path('admin/', admin.site.urls),
        ...  # 此处配置主路由
    ]
    

path() 函数

  • 用于描述路由与视图函数的对应关系
  • 模块
    • from django.urls import path
  • 语法:
    • path(route, views, name=None)
    • 参数:
      1. route: 字符串类型,匹配的请求路径
      2. views: 指定路径所对应的视图处理函数的名称
      3. name: 为地址起别名,在模板中地址反向解析时使用
练习

建立一个小网站:

  • 输入网址: http://127.0.0.1:8000, 在网页中输出 : 这是我的首页
  • 输入网址: http://127.0.0.1:8000/page/1, 在网页中输出 : 这是编号为1的网页
  • 输入网址: http://127.0.0.1:8000/page/2, 在网页中输出 : 这是编号为2的网页

思考:若要建立如上一百个网页该怎么办?

path转换器

语法: <转换器类型:自定义名>

作用:若转换器类型匹配到对应类型的数据,则将数据按照关键字传参的方式传递给视图函数

转换器效果案例
str匹配除了 '/' 之外的非空字符串"v1/users/<str:username>"匹配 /v1/users/guoxiaonao
int匹配0或任何正整数。返回一个 int“page/<int:page>” 匹配 /page/100
slug匹配任意由 ASCII 字母或数字以及连字符和下划线组成的短标签“detail/<slug:sl>” 匹配 /detail/this-is-django
path匹配非空字段,包括路径分隔符 '/'"v1/users/<path:ph>"匹配 /v1/goods/a/b/c
练习:
- 定义一个路由的格式为:
    - http://127.0.0.1:8000/整数/操作字符串/整数
  • 从路由中提取数据,做相应的操作后返回给浏览器

    • 如:
    输入: 127.0.0.1:8000/100/add/200
        页面显示结果:300
    输入: 127.0.0.1:8000/100/sub/200
        页面显示结果:-100
    输入: 127.0.0.1:8000/100/mul/200
        页面显示结果:20000
    
    [以上方式只能限制格式]

re_path()函数 [可以限制位数,更加精确]

  • 在url 的匹配过程中可以使用正则表达式进行精确匹配

  • 语法:
    • re_path(reg, view, name=xxx)
    • 正则表达式为命名分组模式(?P<name>pattern) ;匹配提取参数后用关键字传参方式传递给视图函数
  • 示例:

    • 路由配置文件
      # file : <项目同名文件夹>/urls.py
      # 以下示例匹配
      # 可匹配 http://127.0.0.1:8000/20/mul/40
      # 不可匹配 http://127.0.0.1:8000/200/mul/400
      urlpatterns = [
          path('admin/', admin.site.urls),
          re_path(r'^(?P<x>\d{1,2})/(?P<op>\w+)/(?P<y>\d{1,2})$',views.cal_view),
      ]
      
练习:
- 访问地址:
    - http://127.0.0.1:8000/birthday/四位数字/一到两位数字/一到两位数字
    - http://127.0.0.1:8000/birthday/一到两位数字/一到两位数字/四位数字
- 最终输出: 生日为: xxxx年xx月xx日
- 如:
    输入网址: http://127.0.0.1:8000/birthday/2015/12/11
    显示为: 生日为:2015年12月11日
    输入网址: http://127.0.0.1:8000/birthday/2/28/2008
    显示为: 生日为:2008年2月28日

HTTP协议的请求和响应

  • 请求是指浏览器端通过HTTP协议发送给服务器端的数据
  • 响应是指服务器端接收到请求后做相应的处理后再回复给浏览器端的数据

HTTP请求与响应

HTTP 请求

POST /v1/tokens HTTP/1.1     -> 起始行

Host: 127.0.0.1:8000         -> headers
User-Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:74.0) Gecko/20100101 Firefox/74.0
Accept: */*
Accept-Language: zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2
Accept-Encoding: gzip, deflate
Content-Type: application/json
Content-Length: 58
Origin: http://127.0.0.1:7000
Connection: keep-alive
Referer: http://127.0.0.1:7000/dadashop/templates/login.html

{"username":"obsidian"}     -> body 
  • 根据HTTP标准,HTTP请求可以使用多种请求方法。

  • HTTP1.0定义了三种请求方法: GET, POST 和 HEAD方法(最常用)

  • HTTP1.1新增了五种请求方法:OPTIONS, PUT, DELETE, TRACE 和 CONNECT 方法。

  • HTTP1.1 请求详述

    序号方法描述
    1GET请求指定的页面信息,并返回实体主体。
    2HEAD类似于get请求,只不过返回的响应中没有具体的内容,用于获取报头
    3POST向指定资源提交数据进行处理请求(例如提交表单或者上传文件)。数据被包含在请求体中。POST请求可能会导致新的资源的建立
    4PUT从客户端向服务器传送的数据取代指定的文档的内容,修改资源
    5DELETE请求服务器删除指定的页面
    6CONNECTHTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。翻墙代理。
    7OPTIONS允许客户端查看服务器的性能跨域
    8TRACE回显服务器收到的请求,主要用于测试或诊断
  • HttpRequest对象
    • 视图函数的第一个参数是HttpRequest对象
    • 服务器接收到http协议的请求后,会根据请求数据报文创建HttpRequest对象
    • HttpRequest属性
      • path_info: URL字符串
      • method:字符串,表示HTTP请求方法,常用值:‘GET’、‘POST’
      • GET:QueryDict查询字典的对象,**包含查询字符串的所有数据
        • 【查询字符串是除了path转换器之外,一种浏览器向服务器传参的方式】(例如:?key1=content1&key2=content2**)
      • request.get_full_path() : 请求的完整路径,包含查询字符串
      • POST:QueryDict查询字典的对象,包含post表单提交方式的所有数据
      • FILES:类似于字典的对象,包含所有的上传文件信息
      • COOKIES:Python字典,包含所有的cookie,键和值都为字符串
      • session:似于字典的对象,表示当前的会话
      • body: 字符串,请求体的内容(POST或PUT)
      • scheme : 请求协议(‘http’/‘https’)
      • request.get_host() : 请求的主机
      • request.META : 请求中的元数据(消息头)
      • request.META[‘REMOTE_ADDR’] : 客户端IP地址

HTTP 响应

HTTP/1.0 200 OK                        -> 起始行

Date: Sat, 21 Mar 2020 09:44:15 GMT    -> headers
Server: WSGIServer/0.2 CPython/3.6.8
Content-Type: application/json
X-Frame-Options: SAMEORIGIN
Content-Length: 217
Vary: Origin
Access-Control-Allow-Origin: *

{"code": 200, "username": "guoxiaonao"} -> body 
  • 当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头用以响应浏览器的请求。

  • HTTP状态码的英文为HTTP Status Code。

  • 下面是常见的HTTP状态码:

    • 200 - 请求成功

    • 301 - 永久重定向-资源(网页等)被永久转移到其它URL

      示例:访问京东的旧网站www.360buy.com时返回的响应

301

  • 302 - 临时重定向

  • 404 - 请求的资源(网页等)不存在

  • 500 - 内部服务器错误,要扣钱的

  • HTTP状态码分类

    • HTTP状态码由三个十进制数字组成,第一个十进制数字定义了状态码的类型,后两个数字没有分类的作用。HTTP状态码共分为5种类型:

      分类分类描述
      1**信息,服务器收到请求,需要请求者继续执行操作
      2**成功,操作被成功接收并处理
      3**重定向,需要进一步的操作以完成请求
      4**客户端错误,请求包含语法错误或无法完成请求
      5**服务器错误,服务器在处理请求的过程中发生了错误
  • Django中的响应对象HttpResponse:

    • 构造函数格式:

      • HttpResponse(content=响应体, content_type=响应体数据类型, status=状态码)
    • 作用:

      • 向客户端浏览器返回响应,同时携带响应体内容
    • 参数:

      • content:表示返回的内容。

      • status_code:返回的HTTP响应状态码(默认为200)。

      • content_type:指定返回数据的的MIME类型(默认为"text/html")。浏览器会根据这个属性,来显示数据。如果是text/html,那么就会解析这个字符串,如果text/plain,那么就会显示一个纯文本。

        • 常用的Content-Type如下:
          • 'text/html'(默认的,html文件)
          • 'text/plain'(纯文本)
          • 'text/css'(css文件)
          • 'text/javascript'(js文件)
          • 'multipart/form-data'(文件提交)
          • 'application/json'(json传输)
        • 'application/xml'(xml文件)

        注: 关键字MIME(Multipurpose Internet Mail Extensions)是指多用途互联网邮件扩展类型。

  • HttpResponse 子类

    类型作用状态码
    HttpResponseRedirect重定向302
    HttpResponseNotModified未修改304
    HttpResponseBadRequest错误请求400
    HttpResponseNotFound没有对应的资源404
    HttpResponseForbidden请求被禁止403
    HttpResponseServerError服务器错误500

Django处理GET和POST请求

  • 无论是GET还是POST,统一都由视图函数接收请求,通过判断request.method 区分具体的请求动作

  • 样例:

    if request.method == 'GET':
        处理GET请求时的业务逻辑
    elif request.method == 'POST':
        处理POST请求的业务逻辑
    else:
        其他请求业务逻辑
    

GET处理

  • GET请求动作,一般用于向服务器获取数据

  • 能够产生GET请求的场景:

    • 浏览器地址栏中输入URL,回车后

    • <a href="地址?参数=值&参数=值">

    • form表单中的method为get,通常表单提交都使用post请求

      <form method='get' action="/user/login">
          姓名:<input type="text" name="uname">
      </form>
      
  • GET请求方式中,如果有数据需要传递给服务器,通常会用查询字符串(Query String)传递 【注意:不要传递敏感数据】

    • URL 格式: xxx?参数名1=值1&参数名2=值2...

      • 如: http://127.0.0.1:8000/page1?a=100&b=200
    • 服务器端接收参数

      获取客户端请求GET请求提交的数据

      request.GET['参数名']  # QueryDict
      request.GET.get('参数名','默认值')	# 温柔地获取
      request.GET.getlist('参数名')		# 获取同一个请求字段的所有值
      # mypage?a=100&b=200&c=300&b=400
      # request.GET=QueryDict({'a':['100'], 'b':['200','400'], 'c':['300']})
      # a = request.GET['a']
      # b = request.GET['b']  # Error
      
练习:
[通过查询字符串处理请求和生成响应的方式在实际开发中是基本操作,所以要掌握并熟练]

POST处理

  • POST请求动作,一般用于向服务器提交大量数据

  • 客户端通过表单等POST请求将数据传递给服务器端,如:

    <form method='post' action="/login">
        姓名:<input type="text" name="username">
        <input type='submit' value='登陆'>
    </form>
    
    • form 表单的name属性

      • 在form表单控件提交数据时,会自动搜索本表单控件内部的子标签的name属性及相应的值,再将这些名字和值以键-值对的形式提交给action指定的服务器相关位置

      • 在form内能自动搜集到的name属性的标签的控件有

        <input name='xxx'>
        <select name='yyy'></select>
        <textarea name='zzz'></textarea>
        
  • 服务器端接收参数

    • 通过 request.method 来判断是否为POST请求,如:
    if request.method == 'POST':
        处理POST请求的数据并响应
    else:
        处理非POST 请求的响应
    
  • 使用post方式接收客户端数据

    request.POST['参数名']  # request.POST 绑定QueryDict
    request.POST.get('参数名','')
    request.POST.getlist('参数名')
    
  • 取消csrf验证,否则Django将会拒绝客户端发来的POST请求

    • 取消 csrf 验证

      • 禁止掉 settings.py 中 MIDDLEWARE 中的 CsrfViewsMiddleWare 的中间件
MIDDLEWARE = [
    ...
    # 'django.middleware.csrf.CsrfViewMiddleware',
    ...
]

在这里插入图片描述

Django的框架设计模式(补充了解)

  • MVC 设计模式

    • MVC 代表 Model-View-Controller(模型-视图-控制器) 模式。
    • 作用: 降低模块间的耦合度(解耦)
    • MVC
      • M 模型层(Model), 主要用于对数据库层的封装
      • V 视图层(View), 用于向用户展示结果
      • C 控制(Controller ,用于处理请求、获取数据、返回结果(重要)
    • MVC模式如图:
      mvc
  • MTV 模式
    MTV 代表 Model-Template-View(模型-模板-视图) 模式。这种模式用于应用程序的分层开发

    • 作用:
      • 降低模块间的耦合度(解耦)
    • MTV
      • M – 模型层(Model) 负责与数据库交互
      • T – 模板层(Template) 负责呈现内容到浏览器
      • V – 视图层(View) 是核心,负责接收请求、获取数据、返回结果
    • MTV模式如图:
      mtv

模板 Templates

  • 什么是模板

    1. 模板是可以根据字典数据动态变化的html网页
    2. 模板可以根据视图中传递的字典数据动态生成相应的HTML网页。
  • 模板的配置

    • 创建模板文件夹<项目名>/templates
    • 在 settings.py 中 TEMPLATES 配置项
      1. BACKEND : 指定模板的引擎
      2. DIR : 模板的搜索目录(可以是一个或多个)
      3. APP_DIRS : 是否要在应用中的 templates 文件夹中搜索模板文件
      4. OPTIONS : 有关模板的选项
  • 默认的模块文件夹templates

  • 修改settings.py文件,设置TEMPLATES的DIRS值为'DIRS': [os.path.join(BASE_DIR, 'templates')],

# file: settings.py
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        # 'DIRS': [],
        'DIRS': [os.path.join(BASE_DIR, 'templates')],  # 添加模板路径
        'APP_DIRS': True,  # 是否索引各app里的templates目录
        ...
    },
]
  1. 模板的加载方式

    1. 通过 loader 获取模板,通过HttpResponse进行响应

      from django.template import loader
      # 1.通过loader加载模板
      t = loader.get_template("模板文件名")
      # 2.将t转换成 HTML 字符串
      html = t.render(字典数据)
      # 3.用响应对象将转换的字符串内容返回给浏览器
      return HttpResponse(html)
      
    2. 使用 render() 直接加载并响应模板

      from django.shortcuts import render
      return render(request,'模板文件名', 字典数据)
      

Django 模板语言

模板的传参
  • 模板传参是指把数据形成字典,传参给模板,为模板渲染提供数据
  1. 使用 loader 加载模板

    t = loader.get_template('xxx.html')
    html = t.render(字典数据)
    return HttpResponse(html)
    
  2. 使用render加载模板

    return render(request,'xxx.html',字典数据)
    
模板的变量
  1. 在模板中使用变量语法

    • {{ 变量名 }}

    • {{ 变量名.index }}

    • {{ 变量名.key}}

    • {{ 对象.方法 }}

    • {{ 函数名 }}

*** 警示:对于js脚本代码,模板文件默认只输出,不执行,这是为了保护用户访问的安全,如果要强制执行,可以通过safe关键字声明确认

template jscode

2.视图函数中必须将变量封装到字典中才允许传递到模板上

[模板变量的名称对应字典的键]
def xxx_view(request)
    dic = {
        "变量1":"值1",
        "变量2":"值2",
    }
    return render(request, 'xxx.html', dic)
  1. 如果变量过多,可以使用 locals() 将局部变量自动生成字典
def xxx_view(request)
	变量1 =1
    变量2 =2
    ...
    return render(request, 'xxx.html', locals())

XSS攻击

定义:XSS全称是Cross Site Scripting即跨站脚本

原理:将恶意HTML/JavaScript代码注入到受害用户浏览的网页上,从而达到攻击目的

危害:盗取用户信息,破坏网站正常运行等

分类:

反射型xss

​ 定义:发出请求时,XSS代码出现在URL中,作为输入提交到服务器端,服务器端解析后响应,XSS代码随响应内容一起传回给浏览器,最后浏览器解析执行XSS代码。这个过程像一次反射,故叫反射型XSS

样例:
以查询字符串形式提交 xss代码
http://127.0.0.1:8000/test_html?t=<script>alert(11)</script>
后端接到查询字符串的值后,显示在页面中

反射型XSS

存储型xss

定义:提交的XSS代码会存储在服务器端(数据库,内存,文件系统等),其他用户请求目标页面时即被攻击
样例:
    博客发表文章时,提交XSS代码,服务器存储代码后,其他用户访问该文章时,被XSS攻击

存储型XSS

*** 为避免存储型CSS攻击,对用户的输入要记得转义

escape

DOM xss

​ 定义:DOM XSS的代码无需跟服务器交互,在前端直接触发攻击

样例:
地址栏提交#内容,例如-http://127.0.0.1:8000/test_html#javascript:alert(11)

页面中添加JS:
<script>
    var hash = location.hash;
    if(hash){
        var url = hash.substring(1);
        location.href = url;
    }
</script>

模板的标签

适用性:在模板页中执行某些业务逻辑

文档可参见:https://docs.djangoproject.com/en/2.2/ref/templates/builtins/#built-in-tag-reference

  1. 作用
    • 将一些服务器端的功能嵌入到模板中
  2. 标签语法

    {% 标签 %}
    ...
    {% 结束标签 %}
    
  3. if 标签

    {% if 条件表达式1 %}
    ...
    {% elif 条件表达式2 %}
    ...
    {% elif 条件表达式3 %}
    ...
    {% else %}
    ...
    {% endif %}
    
  4. if 标签里的布尔运算符

    • if 条件表达式里可以用的运算符 ==, !=, <, >, <=, >=, in, not in, is, is not, not、and、or
    • 在if标记中使用实际括号是无效的语法。 如果您需要它们指示优先级,则应使用嵌套的if标记。
    练习
    • 写一个简单的计算器页面,能够在服务端进行简单加减乘除计算

      +加 -减 *乘 /除 = 3
    • 参考代码

    <form action='/mycal' method='POST'>
        <input type='text' name="x" value="1">
        <select name='op'>
            <option value="add"> +加 </option>
            <option value="sub"> -减 </option>
            <option value="mul"> *乘 </option>
            <option value="div"> /除 </option>
        </select>
        <input type='text' name="y" value="2"> = <span>3</span>
        <div>
            <input type="submit" value='开始计算'>
        </div>
    </form>
    

    视图函数:

    def calculator(request):
        if request.method == "GET":
            return render(request, 'calc.html')
        elif request.method == "POST":
            # 增加计算器的业务逻辑
            x = request.POST.get('x')
            y = request.POST.get('y')
            op = request.POST.get('op')
            try:
                x = int(x)
                y = int(y)
            except:
                return HttpResponse("请输入数值")
            if op == "add":
                result = x + y
            elif op == "sub":
                result = x - y
            elif op == "mul":
                result = x * y
            elif op == "div":
                if y:
                    result = x / y
                else:
                    result = "除0错误!"
            return render(request, 'calc.html', locals())
    

    模板文档:

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值