Django框架之模板层

忘是亡心i 2021-11-29 06:44 378阅读 0赞

模板层（模板语法）  
　　1.标签

2.过滤器

3.自定义标签、过滤器、inclusion\_inclusion\_tag

4.模板的继承

5.模板的导入

内容——————————————————-———

1.标签

(1)第一种 ：最原始的方式传到前端 行成结果 展示给前端页面

return render(request, 'nidex.html' ,\{"n'' :n\}

第二种

(2)return render(request, 'nidex.html' ,local()\}   \# 将所有的名称空间对象都传到前端展示

1（函数）：
    
    def func():
        return '你竟然调用了我'
    <p>{
         { func }}</p>  注意：后端传函数到前端，会自动加括号直接调用函数，不是不支持传参数
    
    2. 后端传对象到前端，就相当于打印了这个对象  前端展示
    n=9999>>>:9999
    
    s='hello 好久不见 还好吗'>>>:hello 好久不见 还好吗
    
    set1 = {'python','linux','java','go'} >>>:{'python', 'go', 'linux', 'java'}
    
    my_dic ={'name':'koko','age':18,'hobby':['学习','看书'}>>>：{'name': 'koko', 'age': 18,
     'hobby': ['学习', '看书']} ['学习', '看书'] koko
    
    你点竟然调用了我
    
    ('样莫莫', 'koko', 'coco', 'egon', 'jason')>>>:koko jason
    
    3. 当前端获取后端传过来的容器类类型的内部元素 统一句点符（.）
    
    <p> n=9999>>>:{
         { n }}</p>  {# n为数字不涉及语法#}

<p>{
        { n|add:1 }}</p>   n 是第一个参数 1是第二个参数 结果为10000

<p>s='hello 好久不见 还好吗'>>>:{
         { s }}</p>
    <p> set1 = {'python','linux','java','go'} >>>:{
         { set1 }}</p>
    <p> my_dic ={'name':'koko','age':18,'hobby':['学习','看书'}>>>：{
         { my_dic}}
        {
         { my_dic.hobby }} {
         { my_dic.name }} </p>
    <p>{
         { func }}</p>
    <p> {
         { name }}>>>:{
         { name.1 }} {
         { name.4 }}</p>  #样莫莫', 'koko', 'coco', 'egon', 
    'jason')>>>:koko jason

也就是说可以通过容器对象点 他的子对象的索引可以获取到对应的值传到前端页面

class Demo(object):
            def __init__(self,name):   # 对象属性
                self.name = name
    
            def func(self):
                return self.name
    
            @classmethod
            def index(cls):
                return 'cls'
    
            @staticmethod    # 静态方法
            def bar(name,age):   # 可以传也可以不需要传
                return 'bar'
    
            def __str__(self):
                return '大傻逼'
    
        obj = Demo('xxx')
        print(obj)
    <p>{
         { obj}} </P> 
    
    后端传对象到前端，  就相当于打印了这个对象  同过def__str__(self):
        
                                                return 'name'

(3)前端能够调用python 后端数据类型的一些不需要传参的内置方法 ：

模板语法：

模板语法：
    
    　　只需要记两种特殊符号：
    
    　　{
         {  }}和 {
         % %}
    
    　　变量相关的用{
         {}}，逻辑相关的用{
         %%}。

内置（FIlter过滤器）

**　　过滤器的语法： \{ \{ value|filter\_name:参数 \}\}　**

使用管道符"|"来应用过滤器。

<p>前端统计字符传的长度：{
        { s|length }}</p>    # 14 'hello 好久不见 还好吗'
    <p>前端获取数据如果是空返回default 后面默认的值：{
        { flag|default:'flag为空时返回' }}</p>
    
    <p>将数字格式化成表示文件大小的单位：{
        { file_size|filesizeformat }}</p>  
    #将值格式化为一个 “人类可读的” 文件尺寸 （例如 '13 KB', '4.1 MB', '102 bytes', 等等）
    
    
    <p>格式化（注意不要加百分号）:{
        { current_time|date:'Y-m-d' }}</p>
    
    <p>字符串的切片操作：{
        { s|slice:'0:8' }}</p>
    
    <p>字符串的切片操作 步长为2：{
        { s|slice:'0:8:2' }}</p>
    
    <p>截取固定的字符串 标的点符号也算：{
        { s|truncatechars:10 }}

<p>按照空格取文本内容：{
        { s|truncatewords:2 }}</p>

前端统计字符传的长度：14 前端获取数据如果是空返回default 后面默认的值：flag为空时返回 
    将数字格式化成表示文件大小的单位：1.2 KB 
    
    格式化时间（注意不要加百分号）:2019-06-11 字
    
    符串的切片操作：hello 好久 
    
    字符串的切片操作 步长为2：hlo好 
    
    截取固定的字符串 标的点符号也算：hello 好... 注意：... 表示三个字符长度
    
    按照空格取文本内容：hello 好久不见 ...

date:格式化可用的参数

<table> 
 <thead> 
  <tr> 
   <th>格式化字符</th> 
   <th>描述</th> 
   <th>示例输出</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>a</td> 
   <td><code>'a.m.'</code>或<code>'p.m.'</code>（请注意，这与PHP的输出略有不同，因为这包括符合Associated Press风格的期间）</td> 
   <td><code>'a.m.'</code></td> 
  </tr> 
  <tr> 
   <td>A</td> 
   <td><code>'AM'</code>或<code>'PM'</code>。</td> 
   <td><code>'AM'</code></td> 
  </tr> 
  <tr> 
   <td>b</td> 
   <td>月，文字，3个字母，小写。</td> 
   <td><code>'jan'</code></td> 
  </tr> 
  <tr> 
   <td>B</td> 
   <td>未实现。</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>c</td> 
   <td><span>ISO 8601格式。&nbsp;<span>（注意：与其他格式化程序不同，例如“Z”，“O”或“r”，如果值为naive datetime，则“c”格式化程序不会添加时区偏移量（请参阅<a title="(in Python v3.6)" href="https://docs.python.org/3/library/datetime.html#datetime.tzinfo" rel="nofollow"><code><span>datetime.tzinfo</span></code></a>） 。</span></span></td> 
   <td><code>2008-01-02T10:30:00.000123+02:00</code>或<code>2008-01-02T10:30:00.000123</code>如果datetime是天真的</td> 
  </tr> 
  <tr> 
   <td>d</td> 
   <td>月的日子，带前导零的2位数字。</td> 
   <td><code>'01'</code>到<code>'31'</code></td> 
  </tr> 
  <tr> 
   <td>D</td> 
   <td>一周中的文字，3个字母。</td> 
   <td><code>“星期五”</code></td> 
  </tr> 
  <tr> 
   <td>e</td> 
   <td><span>时区名称&nbsp;<span>可能是任何格式，或者可能返回一个空字符串，具体取决于datetime。</span></span></td> 
   <td><code>''</code>、<code>'GMT'</code>、<code>'-500'</code>、<code>'US/Eastern'</code>等</td> 
  </tr> 
  <tr> 
   <td>E</td> 
   <td>月份，特定地区的替代表示通常用于长日期表示。</td> 
   <td><code>'listopada'</code>（对于波兰语区域，而不是<code>'Listopad'</code>）</td> 
  </tr> 
  <tr> 
   <td>f</td> 
   <td><span>时间，在12小时的小时和分钟内，如果它们为零，则分钟停留。&nbsp;<span>专有扩展。</span></span></td> 
   <td><code>'1'</code>，<code>'1:30'</code></td> 
  </tr> 
  <tr> 
   <td>F</td> 
   <td>月，文，长。</td> 
   <td><code>'一月'</code></td> 
  </tr> 
  <tr> 
   <td>g</td> 
   <td>小时，12小时格式，无前导零。</td> 
   <td><code>'1'</code>到<code>'12'</code></td> 
  </tr> 
  <tr> 
   <td>G</td> 
   <td>小时，24小时格式，无前导零。</td> 
   <td><code>'0'</code>到<code>'23'</code></td> 
  </tr> 
  <tr> 
   <td>h</td> 
   <td>小时，12小时格式。</td> 
   <td><code>'01'</code>到<code>'12'</code></td> 
  </tr> 
  <tr> 
   <td>H</td> 
   <td>小时，24小时格式。</td> 
   <td><code>'00'</code>到<code>'23'</code></td> 
  </tr> 
  <tr> 
   <td>i</td> 
   <td>分钟。</td> 
   <td><code>'00'</code>到<code>'59'</code></td> 
  </tr> 
  <tr> 
   <td>I</td> 
   <td>夏令时间，无论是否生效。</td> 
   <td><code>'1'</code>或<code>'0'</code></td> 
  </tr> 
  <tr> 
   <td>j</td> 
   <td>没有前导零的月份的日子。</td> 
   <td><code>'1'</code>到<code>'31'</code></td> 
  </tr> 
  <tr> 
   <td>l</td> 
   <td>星期几，文字长。</td> 
   <td><code>'星期五'</code></td> 
  </tr> 
  <tr> 
   <td>L</td> 
   <td>布尔值是否是一个闰年。</td> 
   <td><code>True</code>或<code>False</code></td> 
  </tr> 
  <tr> 
   <td>m</td> 
   <td>月，2位数字带前导零。</td> 
   <td><code>'01'</code>到<code>'12'</code></td> 
  </tr> 
  <tr> 
   <td>M</td> 
   <td>月，文字，3个字母。</td> 
   <td><code>“扬”</code></td> 
  </tr> 
  <tr> 
   <td>n</td> 
   <td>月无前导零。</td> 
   <td><code>'1'</code>到<code>'12'</code></td> 
  </tr> 
  <tr> 
   <td>N</td> 
   <td><span>美联社风格的月份缩写。&nbsp;<span>专有扩展。</span></span></td> 
   <td><code>'Jan.'</code>，<code>'Feb.'</code>，<code>'March'</code>，<code>'May'</code></td> 
  </tr> 
  <tr> 
   <td>o</td> 
   <td><span>ISO-8601周编号，对应于使用闰年的ISO-8601周数（W）。&nbsp;<span>对于更常见的年份格式，请参见Y。</span></span></td> 
   <td><code>'1999年'</code></td> 
  </tr> 
  <tr> 
   <td>O</td> 
   <td>与格林威治时间的差异在几小时内。</td> 
   <td><code>'+0200'</code></td> 
  </tr> 
  <tr> 
   <td>P</td> 
   <td><span>时间为12小时，分钟和'a.m。'/'p.m。'，如果为零，分钟停留，特殊情况下的字符串“午夜”和“中午”。&nbsp;<span>专有扩展。</span></span></td> 
   <td><code><span>'1&nbsp;<span>am'</span></span></code>，<code><span>'1:30&nbsp;<span>pm'&nbsp;/ t3&gt;，<code><span>'midnight'</span></code>，<code><span>'noon'</span></code>，<code><span>'12：30&nbsp;<span>pm'&nbsp;/ T10&gt;</span></span></code></span></span></code></td> 
  </tr> 
  <tr> 
   <td>r</td> 
   <td><span><a href="https://tools.ietf.org/html/rfc5322.html" rel="nofollow"><strong>RFC 5322</strong></a>格式化日期。</span></td> 
   <td><code><span>'Thu,&nbsp;<span>21&nbsp;<span>Dec&nbsp;<span>2000&nbsp;<span>16:01:07&nbsp;<span>+0200'</span></span></span></span></span></span></code></td> 
  </tr> 
  <tr> 
   <td>s</td> 
   <td>秒，带前导零的2位数字。</td> 
   <td><code>'00'</code>到<code>'59'</code></td> 
  </tr> 
  <tr> 
   <td>S</td> 
   <td>一个月的英文序数后缀，2个字符。</td> 
   <td><code>'st'</code>，<code>'nd'</code>，<code>'rd'</code>或<code>'th'</code></td> 
  </tr> 
  <tr> 
   <td>t</td> 
   <td>给定月份的天数。</td> 
   <td><code>28</code>&nbsp;to&nbsp;<code>31</code></td> 
  </tr> 
  <tr> 
   <td>T</td> 
   <td>本机的时区。</td> 
   <td><code>'EST'</code>，<code>'MDT'</code></td> 
  </tr> 
  <tr> 
   <td>u</td> 
   <td>微秒。</td> 
   <td><code>000000</code>&nbsp;to&nbsp;<code>999999</code></td> 
  </tr> 
  <tr> 
   <td>U</td> 
   <td>自Unix Epoch以来的二分之一（1970年1月1日00:00:00 UTC）。</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>w</td> 
   <td>星期几，数字无前导零。</td> 
   <td><code>'0'</code>（星期日）至<code>'6'</code>（星期六）</td> 
  </tr> 
  <tr> 
   <td>W</td> 
   <td>ISO-8601周数，周数从星期一开始。</td> 
   <td><code>1</code>，<code>53</code></td> 
  </tr> 
  <tr> 
   <td>y</td> 
   <td>年份，2位数字。</td> 
   <td><code>'99'</code></td> 
  </tr> 
  <tr> 
   <td>Y</td> 
   <td>年，4位数。</td> 
   <td><code>'1999年'</code></td> 
  </tr> 
  <tr> 
   <td>z</td> 
   <td>一年中的日子</td> 
   <td><code>0</code>到<code>365</code></td> 
  </tr> 
  <tr> 
   <td>Z</td> 
   <td><span>时区偏移量，单位为秒。&nbsp;<span>UTC以西时区的偏移量总是为负数，对于UTC以东时，它们总是为正。</span></span></td> 
   <td><code>-43200</code>到<code>43200</code></td> 
  </tr> 
 </tbody> 
</table>

模板语法的注释：(重点）
    
    　　前后端取消转义：本质就是我如果在后端传入前端的标签为帮我们渲染 
    
          可以有两种方法一种是在前端做手脚：
    
    　　前端：　
    
    ht = '<h1>我是h1标签</h1>'
    sr = '<script>alert(123)</script>'
    <p>{
         { ht|safe }}</p>   #
    我是h1标签
    <script>alter(123)</script>    # alert死循环
    
    <p>{
         { sr }}</p>    # 没有加safe 和正常字符串没有区别
    
    　　后端：
    ht = '<h1>我是h1标签</h1>'
    sr = '<script>alter(123)</script>'
    from django.utils.safestring import mark_safe
    aaa = mark_safe('<h1>我是h1标签</h1>')

2.标签之for 循序
       for循环的一些参数：

<table> 
 <thead> 
  <tr> 
   <th>Variable</th> 
   <th>Description</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>forloop.counter</code></td> 
   <td>当前循环的索引值（从1开始）</td> 
  </tr> 
  <tr> 
   <td><code>forloop.counter0</code></td> 
   <td>当前循环的索引值（从0开始）</td> 
  </tr> 
  <tr> 
   <td><code>forloop.revcounter</code></td> 
   <td>当前循环的倒序索引值（从1开始）</td> 
  </tr> 
  <tr> 
   <td><code>forloop.revcounter0</code></td> 
   <td>当前循环的倒序索引值（从0开始）</td> 
  </tr> 
  <tr> 
   <td><code>forloop.first</code></td> 
   <td>当前循环是不是第一次循环（布尔值）</td> 
  </tr> 
  <tr> 
   <td><code>forloop.last</code></td> 
   <td>当前循环是不是最后一次循环（布尔值）</td> 
  </tr> 
  <tr> 
   <td><code>forloop.parentloop</code></td> 
   <td>本层循环的外层循环</td> 
  </tr> 
 </tbody> 
</table>

{% for foo in list1 %}
        <p>{
         { forloop forloop}}</p>
    
    {% endfor %}
    
    {'parentloop': {}, 'counter0': 0, 'counter': 1, 'revcounter': 6, 'revcounter0': 5, 'first': True, 'last': False}
    
    {'parentloop': {}, 'counter0': 1, 'counter': 2, 'revcounter': 5, 'revcounter0': 4, 'first': False, 'last': False}
    
    {'parentloop': {}, 'counter0': 2, 'counter': 3, 'revcounter': 4, 'revcounter0': 3, 'first': False, 'last': False}
    
    {'parentloop': {}, 'counter0': 3, 'counter': 4, 'revcounter': 3, 'revcounter0': 2, 'first': False, 'last': False}
    
    {'parentloop': {}, 'counter0': 4, 'counter': 5, 'revcounter': 2, 'revcounter0': 1, 'first': False, 'last': False}
    
    {'parentloop': {}, 'counter0': 5, 'counter': 6, 'revcounter': 1, 'revcounter0': 0, 'first': False, 'last': True}

1.1 标签之if判断条件：

{% if flag %}
        <p>flag不为空</p>
        {% else %}
        <p>flag为空</p>
    
    {% endif %}

嵌套使用：

{% for foo in list1 %}
    {#    <p>{
         { forloop }}</p>#}
        {% if forloop.fist %}
            <p>这是第一次循环</p>
        {% elif forloop.last    %}
            <p>这是最后一次执行循环</p>
        {% else %}
            <p>都不是所以会执行我这里</p>
    
        {% endif %}
    
    {% endfor %}

3.自定义过滤：

前提：自定义过滤三步曲：

1.在应用名（app01)下新建一个名为templatetags 文件夹（必须叫这个名字）

2.在改新建的文件夹内新建议一个任意名称的py文件

3.在刚才新建的py文件中需要固定写下面两句代码

from django import template

完成这三步才能进行自定义 过滤器 和自定义标签

from django import template
    
    register = template.Library()
    
    #1 自定义过滤器
    后端开发：
    
    @register.filter(name='XBB')
    def index(a,b):
        return a+b
    
    前端：
        {% load my_tags %}
    {
         { n|XBB:11 }}

#2 自定义标签
    @register.simple_tag(name='DSB')
    def plus(a,b,c,d):
        return a+b+c+d

{% DSB 1 2 3 4 %}    打印为10 
    
    
    3.多用于返回html代码片段

#自定义inclusion_tag
    @register.inclusion_tag('login.html',name='login')
    def login(n):
        list1 = ['第%s项'%i for i in range(n)]
        return {'list1':list1}
    
    #渲染页面

<ul>
        {% for foo in list1 %}
            <li> {
        { foo }}</li>
    
        {% endfor %}
    
    </ul>
    
    # 返回结果

注意 :要想使用自定义的过滤器 标签 inclusion\_tag 必须先在需要使用的html页面加载你的py文件

{% load my_tags %}    # 所有咱们下面能返回的结果都可以渲染到页面的大前提 引入
    {
        { n|XBB:11 }}
    
    {% DSB 1 2 3 4 %}
    
    {% login 6 %}   # 这是返回http://127.0.0.1:8000/index/

4、模板的继承：（\*\*\*\*\*）搭建网页

模板的继承
    	首先需要在被继承的模板中划分多个区域
    	{% block 给区域起的名字 %}
    
    	{% endblock %}
    	
    	通常情况下一个模板中应该至少有三块
    		{% block css %}
    			页面css代码块
    		{% endblock %}
    
    		{% block js %}
    			页面js代码块
    		{% endblock %}
    
    		{% block content %}
    			页面主体内容
    		{% endblock %}

子板继承模板:
    {% extends 'home.html' %}    # 先继承模板所有的内容
    
    {% block content %}
        <h1>登录页面</h1>
        {
         { block.super }}   # 根据block块的名字修改制定的区域内容
        <form action="">
            <p>username:<input type="text" class="form-control" name="username"></p>
            <p>password:<input type="text" class="form-control" password="password"></p>
            <input type="submit" class="btn btn-success">
        </form>
    
    {% endblock %}

5、模板的导入：

<form action="">
        <h1>我是这条gai最靓的仔</h1>
        <p>username:<input type="text" class="form-control"></p>
        <p>password:<input type="text" class="form-control"></p>
        <input type="submit" class="btn btn-danger">
    </form>

优缺点 固定的话可以写死

模板的导入:将一段html当做模块的方式导入到另一个html展示  
      \{% include '想导入的html文件名' %\}

静态文件的配置：

{% load static %}  
    
    <link rel='stylesheet' href="{% static 'css/mycss.css'%}">  # 第一种方式
    <link rel='stylesheet' href="{% get_static_prefix %}css/mycss.css">  # 第二种方式

转载于:https://www.cnblogs.com/mofujin/p/11005082.html