04 Django模板

电玩女神 2021-12-14 04:17 177阅读 0赞

*  基本概念
    
     *  作为Web框架，Django提供了模板，用于编写html代码，还可以嵌入模板代码更快更方便的完成页面开发，再通过在视图中渲染模板，将生成最终的html字符串返回给客户端浏览器 
     *  模版致力于表达外观，而不是程序逻辑。模板的设计实现了业务逻辑view与显示内容template的分离，一个视图可以使用任意一个模板，一个模板可以供多个视图使用 
     *  组成 
        
         *  静态部分，包含html、css、js 
         *  动态部分，就是模板语言 
 *  模板文件
 *  模板文件的加载顺序 
    
     *  ![1526151-20190606082747313-1308799650.png][]
     *  首先去配置的模板目录下面去找模板文件 
     *  去INSTALLED\_APPS下面的每个应用的templates去找模板文件，前提是应用中必须有templates文件夹 
 *  模板语言
    
     *  模板语言简称为 DTL（Django Template Language） 
     *  模板变量 
        
         *  模板变量名是由数字，字母，下划线和点组成的，不能以下划线开头 
         *  **使用模板变量**

*  **模板变量的解析**
    
     *  解析顺序 
        
         *  \{ \{ book.btitle \}\} 
            
             *  首先把 book 当成一个字典，把 btitle 当成键名，进行取值 book\['btitle'\] 
             *  把 book 当成一个对象，把 btitle 当成属性，进行取值 book.btitle 
             *  把 book 当成一个对象，把 btitle 当成对象的方法，进行取值 book.btitle 
         *  \{ \{ book.0 \}\} 
            
             *  首先把book当成一个字典，把0当成键名，进行取值book\[0\] 
             *  把book当成一个列表，把0当成下标，进行取值book\[0\] 
     *  如果解析失败，则产生内容时用空字符串填充模板变量。 
     *  **使用模板变量时，. 前面的可能是一个字典，可能是一个对象，还可能是一个列表**

*  模板标签 
    
     *  使用方法

*  for 循环

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> {% for x in 列表 %} # 列表不为空时执行 {% empty %} # 列表为空时执行 {% endfor %} </td> 
 </tr> 
 </tbody> 
</table>

*  可以通过 **\{ \{ forloop.counter \}\}** 得到 for 循环遍历到了第几次

*  条件语句

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> {% if 条件 %} {% elif 条件 %} {% else %} {% endif %} </td> 
 </tr> 
 </tbody> 
</table>

* 关系比较运算符 
 
 * > < >= <= == != 
 * 进行比较运算时，比较操作符两边必须有空格 
 * 逻辑运算 
 
 * not and or

*  过滤器 
    
     *  参考文档 
        
         *  [https://yiyibooks.cn/xx/django\_182/ref/templates/builtins.html][https_yiyibooks.cn_xx_django_182_ref_templates_builtins.html]
     *  调用格式

*  其中 : 后不能有空格

*  常用过滤器 
    
     *  date 
        
         *  改变日期的显示格式 
     *  length 
        
         *  求长度。字符串，列表. 
     *  default 
        
         *  设置模板变量的默认值 
 *  自定义过滤器 
    
     *  至少有一个参数，最多只能有两个参数 
     *  示例：一个参数 
        
         *  在应用中创建templatetags目录，当前示例为"booktest/templatetags"（文件名不可更改），创建\_ \_init\_\_ 文件，内容为空 
            
             *  ![1526151-20190606082747561-145274807.png][]
         *  在"booktest/templatetags"目录下创建 filters.py （文件名可自定义）文件，代码如下：

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> #导入Library类 from django.template import Library &nbsp; &nbsp; #创建一个Library类对象 register=Library() &nbsp; &nbsp; #使用装饰器进行注册 @register.filter #定义求余函数mod，将value对2求余 def iseven(value): &nbsp;&nbsp;&nbsp;&nbsp;return value%2 == 0 &nbsp;&nbsp; </td> 
 </tr> 
 </tbody> 
</table>

*  在 templates/booktest/temp\_filter.html 中，使用自定义过滤器 
    
     *  首先使用load标签引入模块

*  在遍历时根据编号判断奇偶，调用格式如下

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> 显示 id 为偶数的图书 &lt;ul&gt; &nbsp;&nbsp;&nbsp;&nbsp;{% for book in books %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% if book.id|iseven %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li class="red"&gt;{ { book.id }}--{ {book.btitle}}-- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ { book.bpub_date|date:"Y 年 m 月 d 日" }}&lt;/li&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% endif %} &nbsp;&nbsp;&nbsp;&nbsp;{% endfor %} &lt;/ul&gt; </td> 
 </tr> 
 </tbody> 
</table>

*  示例：两个参数，其中接收一个参数 
    
     *  在 filters.py 中添加如下函数

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> @register.filter def mod(num, dividend): &nbsp;&nbsp;&nbsp;&nbsp;"""判断 num 是否能被 dividend 整除""" &nbsp;&nbsp;&nbsp;&nbsp;return num % dividend == 0 </td> 
 </tr> 
 </tbody> 
</table>

*  在使用load标签引入模块后，调用格式如下：

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> 显示 id 能被 3 整除的图书 &lt;ul&gt; &nbsp;&nbsp;&nbsp;&nbsp;{% for book in books %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% if book.id|mod:3 %} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;li class="red"&gt;{ { book.id }}--{ {book.btitle}}-- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ { book.bpub_date|date:"Y 年 m 月 d 日" }}&lt;/li&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% endif %} &nbsp;&nbsp;&nbsp;&nbsp;{% endfor %} &lt;/ul&gt; </td> 
 </tr> 
 </tbody> 
</table>

*  模板注释 
    
     *  单行注释

*  多行注释

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> {% comment %} &nbsp;&nbsp;&nbsp;&nbsp;注释内容 {% endcomment %} </td> 
 </tr> 
 </tbody> 
</table>

*  模板继承
    
     *  示意图 
        
         *  ![1526151-20190606082747719-861686218.png][]
     *  在父模板中可以定义块

*  子模板的继承格式

*  子模块对块中的内容进行操作

* html 转义
 
 * 在模板上下文中的 html 标记默认是会被转义的 
 
 * 小于号< 转换为< 
 * 大于号> 转换为> 
 * 单引号' 转换为&\#39; 
 * 双引号" 转换为 " 
 * 与符号& 转换为 & 
 * 关闭上下文字符串的方法

*  使用 autoesacpe 标签

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> {% autoescape off %} &nbsp;&nbsp;&nbsp;&nbsp;模板语言代码 {% endautoescape %} </td> 
 </tr> 
 </tbody> 
</table>

*  **模板硬编码中的字符串默认不会经过转义**

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> 模板硬编码不转义：{ {data|default:'&lt;b&gt;hello&lt;/b&gt;'}} &lt;br /&gt; 模板硬编码手动转义：{ {data|default:"&amp;lt;b&amp;gt;123&amp;lt;/b&amp;gt;"}} </td> 
 </tr> 
 </tbody> 
</table>

*  csrf 攻击
    
     *  基本概念 
        
         *  CSRF全拼为Cross Site Request Forgery，译为跨站请求伪造 
         *  指攻击者盗用了你的身份，以你的名义发送恶意请求 
         *  CSRF能够做的事情包括：以你名义发送邮件，发消息，盗取你的账号，甚至于购买商品，虚拟货币转账...... 
         *  造成的问题包括：个人隐私泄露以及财产安全 
         *  示意图 
            
             *  ![1526151-20190606082747915-580104246.png][]
     *  防止方法 
        
         *  首先是重要的信息传递都采用 POST 方式而不是 GET 方式 
         *  POST 方式避免 csrf 攻击需要采取特殊的措施 
         *  **django 中的防止方法**
            
             *  在 setting.py 中启用 csrf 中间件 
             *  在 form 表单中使用标签 csrf\_token

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;meta charset="UTF-8"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;发帖页&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form method="post" action="/post_action/"&gt; &nbsp;&nbsp;&nbsp;&nbsp;{% csrf_token %} &nbsp;&nbsp;&nbsp;&nbsp;标题:&lt;input type="text" name="title"/&gt;&lt;br/&gt; &nbsp;&nbsp;&nbsp;&nbsp;内容:&lt;textarea name="content"&gt;&lt;/textarea&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;input type="submit" value="发帖"/&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </td> 
 </tr> 
 </tbody> 
</table>

*  **django 中的保护原理**
    
     *  加入标签后，可以查看网页的源代码，会发现多了一个隐藏域 
        
         *  ![1526151-20190606082748142-753789528.png][]
     *  查看 cookie 信息 
        
         *  ![1526151-20190606082748350-1456881979.png][]
     *  当启用中间件并加入标签csrf\_token后，会向客户端浏览器中写入一条 Cookie 信息，这条信息的值与隐藏域 input 元素的 value 属性是一致的，提交到服务器后会先由 csrf 中间件进行验证，如果对比失败则返回 403 页面，而不会进行后续的处理

*  验证码
    
     *  在用户注册、登录页面，为了防止暴力请求，可以加入验证码功能，如果验证码错误，则不需要继续处理，可以减轻业务服务器、数据库服务器的压力 
     *  实现验证码 
        
         *  在当前环境中安装包 Pillow 3.4.1

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> pip install Pillow==3.4.1 </td> 
 </tr> 
 </tbody> 
</table>

*  [PIL模块API][PIL_API]，示例中使用了 Image、ImageDraw、ImageFont对象及方法

*  在booktest/views.py文件中，创建视图verify\_code 
    
     *  随机生成字符串后存入session中，用于后续判断 
     *  视图返回 mime-type 为image/png

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> from PIL import Image, ImageDraw, ImageFont from django.utils.six import BytesIO ... def verify_code(request): &nbsp;&nbsp;&nbsp;&nbsp;#引入随机函数模块 &nbsp;&nbsp;&nbsp;&nbsp;import random &nbsp;&nbsp;&nbsp;&nbsp;#定义变量，用于画面的背景色、宽、高 &nbsp;&nbsp;&nbsp;&nbsp;bgcolor = (random.randrange(20, 100), random.randrange( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20, 100), 255) &nbsp;&nbsp;&nbsp;&nbsp;width = 100 &nbsp;&nbsp;&nbsp;&nbsp;height = 25 &nbsp;&nbsp;&nbsp;&nbsp;#创建画面对象 &nbsp;&nbsp;&nbsp;&nbsp;im = Image.new('RGB', (width, height), bgcolor) &nbsp;&nbsp;&nbsp;&nbsp;#创建画笔对象 &nbsp;&nbsp;&nbsp;&nbsp;draw = ImageDraw.Draw(im) &nbsp;&nbsp;&nbsp;&nbsp;#调用画笔的point()函数绘制噪点 &nbsp;&nbsp;&nbsp;&nbsp;for i in range(0, 100): &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;xy = (random.randrange(0, width), random.randrange(0, height)) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fill = (random.randrange(0, 255), 255, random.randrange(0, 255)) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;draw.point(xy, fill=fill) &nbsp;&nbsp;&nbsp;&nbsp;#定义验证码的备选值 &nbsp;&nbsp;&nbsp;&nbsp;str1 = 'ABCD123EFGHIJK456LMNOPQRS789TUVWXYZ0' &nbsp;&nbsp;&nbsp;&nbsp;#随机选取4个值作为验证码 &nbsp;&nbsp;&nbsp;&nbsp;rand_str = '' &nbsp;&nbsp;&nbsp;&nbsp;for i in range(0, 4): &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rand_str += str1[random.randrange(0, len(str1))] &nbsp;&nbsp;&nbsp;&nbsp;#构造字体对象，ubuntu的字体路径为"/usr/share/fonts/truetype/freefont" &nbsp;&nbsp;&nbsp;&nbsp;font = ImageFont.truetype('FreeMono.ttf', 23) &nbsp;&nbsp;&nbsp;&nbsp;#构造字体颜色 &nbsp;&nbsp;&nbsp;&nbsp;fontcolor = (255, random.randrange(0, 255), random.randrange(0, 255)) &nbsp;&nbsp;&nbsp;&nbsp;#绘制4个字 &nbsp;&nbsp;&nbsp;&nbsp;draw.text((5, 2), rand_str[0], font=font, fill=fontcolor) &nbsp;&nbsp;&nbsp;&nbsp;draw.text((25, 2), rand_str[1], font=font, fill=fontcolor) &nbsp;&nbsp;&nbsp;&nbsp;draw.text((50, 2), rand_str[2], font=font, fill=fontcolor) &nbsp;&nbsp;&nbsp;&nbsp;draw.text((75, 2), rand_str[3], font=font, fill=fontcolor) &nbsp;&nbsp;&nbsp;&nbsp;#释放画笔 &nbsp;&nbsp;&nbsp;&nbsp;del draw &nbsp;&nbsp;&nbsp;&nbsp;#存入session，用于做进一步验证 &nbsp;&nbsp;&nbsp;&nbsp;request.session['verifycode'] = rand_str &nbsp;&nbsp;&nbsp;&nbsp;#内存文件操作 &nbsp;&nbsp;&nbsp;&nbsp;buf = BytesIO() &nbsp;&nbsp;&nbsp;&nbsp;#将图片保存在内存中，文件类型为png &nbsp;&nbsp;&nbsp;&nbsp;im.save(buf, 'png') &nbsp;&nbsp;&nbsp;&nbsp;#将内存中的图片数据返回给客户端，MIME类型为图片png &nbsp;&nbsp;&nbsp;&nbsp;return HttpResponse(buf.getvalue(), 'image/png') </td> 
 </tr> 
 </tbody> 
</table>

*  打开 booktest/urls.py 文件，配置 url

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> url(r'^verify_code/$', views.verify_code), </td> 
 </tr> 
 </tbody> 
</table>

*  浏览器效果图 
    
     *  ![1526151-20190606082748590-1796988682.png][]
     *  刷新后验证码会发生变化

*  调用验证码 
    
     *  在booktest/views.py文件中，创建视图verify\_show

*  打开booktest/urls.py文件，配置url

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> url(r'^verify_show/$', views.verify_show), </td> 
 </tr> 
 </tbody> 
</table>

*  在templates/booktest/目录下创建verify\_show.html

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> &lt;html&gt; &lt;head&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;验证码&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form method="post" action="/verify_yz/"&gt; &nbsp;&nbsp;&nbsp;&nbsp;{%csrf_token%} &nbsp;&nbsp;&nbsp;&nbsp;&lt;input type="text" name="yzm"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;img id="yzm" src="/verify_code/"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;span id="change"&gt;看不清，换一个&lt;/span&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;br&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;input type="submit" value="提交"&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </td> 
 </tr> 
 </tbody> 
</table>

*  浏览效果 
    
     *  ![1526151-20190606082748770-2076146085.png][]

*  验证 
    
     *  在 booktest/views.py 文件中，创建视图 verify\_yz

*  打开booktest/urls.py文件，配置url

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> url(r'^verify_yz/$', views.verify_yz), </td> 
 </tr> 
 </tbody> 
</table>

*  浏览器中的效果 
    
     *  ![1526151-20190606082749006-248063667.png][]
        
           
     *  ![1526151-20190606082749204-573525951.png][]

*  url 反向解析
    
     *  当某一个url配置的地址发生变化时，页面上使用反向解析生成地址的位置不需要发生变化 
     *  反向解析应用在两个地方：**模板中的超链接，视图中的重定向**
     *  要实现反向解析功能，需要如下步骤:
        
         *  在 test4/urls.py中 为 include 定义 namespace 属性

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> url(r'^',include('booktest.urls',namespace='booktest')), </td> 
 </tr> 
 </tbody> 
</table>

*  在booktest/urls.py中为url定义name属性，并修改为fan2

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> url(r'^fan2/$', views.fan2,name='fan2'), </td> 
 </tr> 
 </tbody> 
</table>

*  django 2.0 版本需要指定 app\_name

*  在模板中使用url标签做超链接，此处为 templates/booktest/fan1.html 文件

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> &lt;html&gt; &lt;head&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;反向解析&lt;/title&gt; &lt;/head&gt; &lt;body&gt; 普通链接：&lt;a href="/fan2/"&gt;fan2&lt;/a&gt; &lt;br&gt; 反向解析：&lt;a href="{%url 'booktest:fan2'%}"&gt;fan2&lt;/a&gt; &lt;/body&gt; &lt;/html&gt; </td> 
 </tr> 
 </tbody> 
</table>

*  浏览器中查看源代码 
    
     *  ![1526151-20190606082749434-639789635.png][]
 *  在 booktest/urls.py 中，将 fan2 修改为 fan\_show

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> url(r'^fan_show/$', views.fan2,name='fan2'),&nbsp; </td> 
 </tr> 
 </tbody> 
</table>

*  回到浏览器中，刷新，查看源文件如下图，可看出两个链接地址不一样 
    
     *  ![1526151-20190606082749634-2018580162.png][]
 *  应用于视图重定向中

*  **相关总结**
    
     *  在模板中 
        
         *  无参数

*  位置参数

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> {% url 'namespace名字：name' 参数 %} 例如{% url 'booktest:fan2' 1 2%} </td> 
 </tr> 
 </tbody> 
</table>

*  关键字参数

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> {% url 'namespace名字：name' 关键字参数 %} 例如{% url 'booktest:fan2' id=1 name='lijunjie'%}&nbsp; </td> 
 </tr> 
 </tbody> 
</table>

*  在视图重定向中 
    
     *  首先导入 reverse 模块

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> from django.core.urlresolvers import reverse&nbsp; </td> 
 </tr> 
 </tbody> 
</table>

*  无参数

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> reverse('namespace名字:name名字')&nbsp; </td> 
 </tr> 
 </tbody> 
</table>

*  位置参数

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> reverse('namespace名字:name名字', args = 位置参数元组)&nbsp; </td> 
 </tr> 
 </tbody> 
</table>

*  关键字参数

<table style="border-collapse:collapse;background:#e5e5e5;"> 
 <tbody> 
 <tr> 
 <td style="border:none;"> reverse('namespace名字:name名字', kwargs=字典)&nbsp; </td> 
 </tr> 
 </tbody> 
</table>

转载于:https://www.cnblogs.com/lijunjie9502/p/10983004.html

[1526151-20190606082747313-1308799650.png]: /images/20211213/f67c03017f014a2c9c2889ffe7d3aee1.png
[https_yiyibooks.cn_xx_django_182_ref_templates_builtins.html]: https://yiyibooks.cn/xx/django_182/ref/templates/builtins.html
[1526151-20190606082747561-145274807.png]: /images/20211213/f38ffb0314ab408d80a10782e9763227.png
[1526151-20190606082747719-861686218.png]: /images/20211213/22550a115ee64791806776664c759f9a.png
[1526151-20190606082747915-580104246.png]: /images/20211213/e9c8cb7f7847453abe2aca3abc979488.png
[1526151-20190606082748142-753789528.png]: /images/20211213/82a9189f418a4caa8d8b0b44b093beef.png
[1526151-20190606082748350-1456881979.png]: /images/20211213/c6d29e62f37b4bc7ad85e2fa5f9dd515.png
[PIL_API]: http://pillow.readthedocs.io/en/3.4.x/
[1526151-20190606082748590-1796988682.png]: /images/20211213/5354badc85e9425cb7fc3e17b57242ff.png
[1526151-20190606082748770-2076146085.png]: /images/20211213/9e48c719fa574ae49572fcac3c71a59e.png
[1526151-20190606082749006-248063667.png]: /images/20211213/516be9b919d8496da623eb0449266211.png
[1526151-20190606082749204-573525951.png]: /images/20211213/5dff38f98b604d14a873c92c93bae6d7.png
[1526151-20190606082749434-639789635.png]: /images/20211213/7658106638314b36aac725e19087dc7f.png
[1526151-20190606082749634-2018580162.png]: /images/20211213/77c272e7f1014d919b4c567122c1a9c9.png