首页 技术 正文
技术 2022年11月15日
0 收藏 515 点赞 4,877 浏览 5004 个字

csrf_token

在之前我们提交post请求的时候,都是在setting.py文件里注释掉了 ‘django.middleware.csrf.CsrfViewMiddleware’ 这一行,这是因为form表单提交数据时,Django防止恶意者进行攻击,出于安全的考虑,试想一下,你自己写的django后台,别人写了一个页面,action里地址写的是你的服务器的地址,如果这个人写的代码是攻击你网站的,如果你网站不做校验就接收了。那很有可能会出问题,所以django默认会拒绝掉post请求,如果不想注释掉那行代码,只需要在form表单里加上如下一行代码就可以了

{% csrf_token %}

这时候我们去网页上查看代码,会发现页面多了一个隐藏的input标签,这样的话Django就能区分是我们自己写的HTML文件还是别人的,如果HTML文件里没有这行就会报错

<input type="hidden" name="csrfmiddlewaretoken" value="Faz2aNAt5PaPVW93espQ12sT9DyZtqqIpsSC089vfcdgA072I4dTMbPzsStKxmUB">

母板

在我们写HTML的时候,有些页面大体都是相同的,比如博客园,只有第二部分是不同的,其余的都是相同的,这时候我们可以把公共的代码提取出来,我们通常会在母板中定义页面专用的CSS块和JS块,方便子页面替换。

django — 母版继承

public_main.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Dashboard Template for Bootstrap</title>
<!-- Bootstrap core CSS -->
<link href="/static/bootstrap-3.3.7/css/bootstrap.css" rel="external nofollow" rel="external nofollow" rel="stylesheet">
<link href="/static/dashboard.css" rel="external nofollow" rel="external nofollow" rel="stylesheet">
</head><body> <div > 这里写公共的代码
<div > 这里也写公共的代码 {% block main_page %} 这里是给继承这个模版写的代码,后面的main_page随便起 {% endblock %} </div>
 </div><script src="/static/jquery-3.3.1.js"></script>
<script src="/static/bootstrap-3.3.7/js/bootstrap.js"></script>
</body>
</html>

这样我们就创建好了一个母版,那怎么使用母版呢?我们创建一个index.html

{% extends 'list/public_main.html' %}  继承母版,注意,要用/,前面的list是目录名{% block main_page %}      <div class="c1">   这里写自己的代码,会把这里面的代码放到母版里的那两行代码之间{% endblock %}

注意:

1.继承的代码写在第一行

2.继承的母版的名字必须用引号引起来

3.自定义的内容写在 block中

4.定义多个block块,一般要有js,css

总结:

{% extends ‘xxxx.html’ %}来继承母版

通过在母板中使用{% block xxx %}来定义”块”。

在子页面中通过定义母板中的block名来对应替换母板中相应的内容。

组件

在来看看博客园,上面的导航栏是不是也是每个页面都有的,我们也可以把导航栏写成一个组件,在其他页面导入,组件就是一个HTML代码

django — 母版继承

创建一个xxx.html文件,里面写上一些HTML代码

然后在母版中或者其他的页面引用

{% include 'xxx.html' %}

可以将常用的页面内容如导航条,页尾信息等组件保存在单独的文件中,然后在需要使用的地方按如上语法导入即可。

静态文件相关

我们在前面写的css,js文件,都在static目录下放着,引用方式如下

<script src="/static/jquery-3.3.1.js"></script>

前面的static是setting.py文件里STATIC_URL的值

STATIC_URL = '/static/'  # HTML中使用的静态文件夹前缀

但是如果有一天,我们需要把STATIC_URL 的值换一个,比如换成staticfile,这时候就要把所有引用到的都要改成staticfile

我们可以使用 {% load static %} 来引用静态文件,这时不管你静态文件改为什么都不用改其他地方的代码

先来看下没修改之前的

<!-- Bootstrap core CSS -->
<link href="/static/bootstrap-3.3.7/css/bootstrap.css" rel="external nofollow" rel="external nofollow" rel="stylesheet"><!-- 当前页面用到的自定义样式 -->
<link href="/static/dashboard.css" rel="external nofollow" rel="external nofollow" rel="stylesheet"><script src="/static/jquery-3.3.1.js"></script>
<script src="/static/bootstrap-3.3.7/js/bootstrap.js"></script>

改之后,字符串里最开始不需要/,django会帮我们拼接,这样,我们随便改STATIC_URL 的值,都不需要改静态文件的导入地址

<!-- Bootstrap core CSS -->
<link href="{% static 'bootstrap-3.3.7/css/bootstrap.css' %}" rel="external nofollow" rel="stylesheet"><!-- 当前页面用到的自定义样式 -->
<link href="{% static 'dashboard.css' %}" rel="external nofollow" rel="stylesheet"><script src="{% static 'jquery-3.3.1.js' %}"></script>
<script src="{% static 'bootstrap-3.3.7/js/bootstrap.js' %}"></script>

某个文件多处被用到可以存为一个变量

{% load static %}
{% static "images/hi.jpg" as myphoto %}
<img src="{{ myphoto }}"></img>
get_static_prefix

先在html文件里 加上下面两句代码,看是什么

{% load static %}
{% get_static_prefix %}

用开发者工具查看结果,

/staticfile/

结果就是setting.py里的STATIC_URL 的值,这样的话,上面的代码我们就可以写成

<!-- Bootstrap core CSS -->
<link href="{% get_static_prefix %}bootstrap-3.3.7/css/bootstrap.css" rel="external nofollow" rel="stylesheet"><!-- 当前页面用到的自定义样式 -->
<link href="{% get_static_prefix %}dashboard.css" rel="external nofollow" rel="stylesheet"><script src="{% get_static_prefix %}jquery-3.3.1.js"></script>
<script src="{% get_static_prefix %}bootstrap-3.3.7/js/bootstrap.js"></script>

两种方法效果都是一样的,第一种方法是Django帮我们拼接,第二种方法是我们自己拼接

simpletag

和自定义filter类似,filter最多只能有两个参数,而且一个还是变量。而filter可以接受更灵活的参数

from django import templateregister = template.Library()  # 固定写法,生成一个注册实例对象@register.simple_tag()
def join_str(*args, **kwargs):
return '-'.join(args)

在html里使用自定义的simple tag

{% load  add_str%}  <!-- add_str为templatetags包下的py文件名 --><!-- 使用里面的join_str函数,后面的都是参数 -->
<p>{% join_str 'zou' 'is' 'IT' k1='job' k2='bob' %}</p>

这样页面上的展示效果为:

<p>zou-is-IT</p>

inclusion_tag

用于返回一些HTML代码段,返回的是字典格式的

在templatetags创建一个my_inclusion.py文件

from django import templateregister = template.Library()@register.inclusion_tag('page.html')  # 需要传一个文件名
def page(total, current_num):
return {'total': range(1, total + 1), 'current_num': current_num}

page.html

{% for num in total %}
{% if num == current_num %}
<li class="active"><a href="#" rel="external nofollow" rel="external nofollow" >{{ num }}</a></li>
{% else %}
<li><a href="#" rel="external nofollow" rel="external nofollow" >{{ num }}</a></li>
{% endif %}
{% endfor %}

最后在html页面里引用page函数

{% load my_inclusion %}  导入的py文件名
{% page 6 3 %}

代码解释:

定义了一个page函数,它接受两个参数,上面的装饰器需要一个参数文件名,返回的是一个字典,在页面中导入了这个函数,传了两个参数,一个为6,一个为3,page拿到这两个参数后,传给了page.html进行渲染。因为6在page里使用了range,然后再循环,结果就是1….6,在进行判断。渲染完之后返回了一个页面,来看个图加深一下理解

django — 母版继承

总结:

csrf_token

  1. 放在form表单中

  2. 在表单中添加了一个隐藏的input标签

  name csrfmiddlewaretoken

  valve askjdaskdhashdkasd      64位的字符串

母版继承

  1. 定义一个母版 普通的HTML代码 base.html

  2. 在母版中定义block块

  3. 子页面中继承的母版 {% extends ‘base.html’ %}

  4. 重写block块 

  注意事项:
    1. {% extends ‘base.html’ %}写在第一行

    2. {% extends name %} name写继承的母版的名字字符串

    3. 自定义的内容写在block中

    4. 定义多个block块 一般要有js css

组件

  1. 写一段的代码 nav.html

  2. {% include ‘nav.html’ %}

静态文件相关
  1. {% load static %}

  2. {% static ‘相对路径’ %} ——》 去settings中获取STATIC_URL ‘/static/’ 和相对路径进行拼接

  3. {% get_static_prefix %} ——》 去settings中获取STATIC_URL ‘/static/’

  ”{% get_static_prefix %}相对路径”

自定义inclusion_tag

  1. 在app下创建一个templatetags的python包 templatetags名字不能错

  2. 在包下写py文件 mytags

  3. 编辑文件

    from django import template

    register = template.Library()

  4. 定义函数

    可以接受参数,返回一个字典

  5. 函数上加装饰器

    @register.inclusion_tag(‘page.html’)

  6. 函数返回的字典 交给 xxx.html 渲染

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,082
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,556
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,406
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,179
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,815
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,898