一、关于django中模板渲染数据的基本认识

• 1、语法:{{变量名}}
• 2、变量名是由字母、数字、下划线组成且首字符不能是数字
• 3、变量的名称不能是python或者django中的关键词或者保留字
• 4、可以传递字典、模型、方法、函数、列表到前端模板
• 5、django只能以字典的形式传递数据到前端模板

二、传递变量到前端页面

• 1、在模板渲染中使用context关键字传递一个对象

  def index2(request):return render(request, 'book1.html',context={'name':'张三'})

  <h2>Hi,{{ name }}</h2>

• 2、直接传递一个字典

  def index2(request):return render(request, 'book1.html',{'name':'张三'})

• 3、传递一个函数,传递的函数不需要调用

  from datetime import datetime
  def index2(request):return render(request, 'book1.html',{'date':datetime.now})

  <p>{{ date }}</p>

• 4、传递一个方法(在类中的函数叫方法)

  class Person():def __init__(self, name, age):self.name = nameself.age = agedef sayName(self):return '我的名字叫:%s' % self.namedef index2(request):p = Person('张三',20)return render(request, 'book1.html', {'person': p.sayName})

  <p>{{ person }}</p>

• 5、传递一个模型(类)

  class Person():def __init__(self, name, age):self.name = nameself.age = agedef sayName(self):return '我的名字叫:%s' % self.namedef index2(request):p = Person('张三',20)return render(request, 'book1.html', {'person': p})

  <p>{{ person.sayName }}</p>
  <p>{{ person.name }}</p>
  <p>{{ person.age }}</p>

• 6、传递一个列表到前端

  def index2(request):books = ['三国演义','红楼梦','西游记','水浒传']return render(request, 'book1.html', {'books': books})

  <p>{{ books }}</p>

  • 7、使用locals一次将全部的参数传递给模板

  def index(request):name = "hello"books = ['三国演义', '红楼梦', '西游记', '水浒传']names = {'name': '哈哈','gender': '男','age' : 20}return render(request, 'index.html', locals())

三、过滤器的使用

过滤器实质就是一个函数,有django自带的过滤器也可以自己定义过滤器,过滤器的作用是:对变量进行过滤,在真正渲染变量之前进行处理,然后得出的结果替换原来的变量展现的结果

• 1、语法

  <p>{{ name | 过滤器名称}}</p>

• 2、变量与过滤器中间使用管道符号|

• 3、一个变量可以使用多个管道符号

• 4、前面说过滤器是一个函数,自然可以传递参数,直接在过滤器名称后面使用冒号:(注意中间不能有空格)

  <p>{{ name | cut:" " }}</p>

四、django中常见的过滤器

• 1、add:如果是数字就添加,如果是字符串就拼接,否则就空的

  <p>{{ books | add:2}}</p>

• 2、default:当变量为False的时候就显示(python中False的情况空字符串、None)

  <p>{{ books | default:'hello word'}}</p>

• 3、default_if_none：这个只能是变量为None的时候才显示

• 4、first:表示一个列表中第一个
• 5、last:表示一个列表中最后一个

• 6、date:格式化日期和时间

  • Y表示四位数的年
  • y表示二位数的年
  • m表示两位数的月
  • n表示一位数的月
  • d表示两位数的日
  • J表示一位数的日
  • h表示两位十二小时制的小时
  • H表示两位的二十四小时制的小时
  • i表示分钟
  • s表示秒

  def index2(request):return render(request, 'book1.html', {'date': datetime.now})

  <p>{{ date | date:'Y-m-d H:i:s' }}</p>

• 7、join和python中一样的用法

  def index2(request):books = ['a','b','c']return render(request, 'book1.html', {'books': books})

  <p>{{ books | join:',' }}</p>

• 8、length返回字符串或者数组的长度

  def index2(request):books = ['a','b','c']return render(request, 'book1.html', {'books': books})

  <p>{{ books | length }}</p>

• 9、length_is判断一个字符串或者数组返回的长度是否为指定的

  <p>{{ books | length_is:3 }}</p>

• 10、truncatechars表示字符串过长的时候会根据指定的长度截取,后面用...表示(长度包括三个点)

• 11、capfirst首字符大写

• 12、slice切割列表(前包括后面不包括)

  <p>{{ books | slice:'2' }}</p>

• 13、striptags去除全部的html标签

• 14、safe会关闭变量的自动转义(传递脚本可以执行)
• 15、floatformat浮点数的格式化

五、模板中的判断与循环(记住要有结束符合)

• 1、if判断

  def index2(request):return render(request, 'book1.html', {'age': 24})

  {% if age > 20 %}
  <p>年龄大于20</p>
  {% else %}
  <p>年龄小于20</p>
  {% endif %}

• 2、for..in..遍历数组(列表)

  def index2(request):books = ['三国演义','西游记','红楼梦','水浒传']return render(request, 'book1.html', {'books': books})

  {% for book in books %}
  <li>{{ book }}</li>
  {% endfor %}

• 3、关于for循环中的补充

  • 1、forloop.counter表示迭代的次数,从1开始
  • 2、forloop.counter0表示迭代的次数,从0开始
  • 3、forloop.revcounter表示下标从大到小,从1开始
  • 4、forloop.revcounter0表示下标从大到小,从0开始
  • 5、forloop.first返回布尔值,如果是第一次迭代就返回true否则是false
  • 6、forloop.last返回布尔值,如果是最后一次迭代就返回true否则是false
  • 7、forloop.parentloop用于多层for循环,放回上一层的以上的

六、关于页面的跳转

• 1、在urls.py中定义name

  from django.conf.urls import url
  import views
  urlpatterns = [url(r'^$', views.index,name='book_index'),url(r'^book/', views.index1),
  ]

• 2、在一个页面中使用url进行跳转

  <a href="{% url 'book_index' %}">跳转到页面一</a>

七、页面跳转传递参数

• 1、在urls.py中定义name和传递参数的

  from django.conf.urls import url
  import views
  urlpatterns = [url(r'^$', views.index,name='book_index'),url(r'^book/(?P<bookid>\d+)$', views.index1,name='book_list'),
  ]

• 2、在前端页面中定义跳转,并传递参数

  <a href="{% url 'book_list' bookid='10' %}">跳转</a>

• 3、接收参数

  def index1(request,bookid='0'):print '传递的参数',bookidbooks = ['三国演义', '西游记', '红楼梦', '水浒传']return render(request, 'book1.html', {'books': books})

八、模板的继承

• 1、子模板继承父模板用extends必须在第一行

  {% extends 'base.html' %}

• 2、在父模板中定义block用于子模块调用

  {% block 模块名称 %}{% endblock %}

• 3、子页面中直接调用父模板中的模块

  {% block 模块名称 %}{% endblock %}

• 4、说明:子模块中内容必须写在模块中,否则不现实

九、使用include引入公用页面(头部和尾部)

• 1、定义头部或者尾部页面(要去除html)

• 2、在模块中使用include

  {% include 'book.html' %}

十、加载静态文件

• 1、查看settings.py文件中是否加载(一般是存在的)

  INSTALLED_APPS = [...'django.contrib.staticfiles',...
  ]

• 2、有两种方法存放静态文件

  • 1、在创建的组件(app)下面直接创建一个static文件夹
  • 2、在根目录下创建一个static文件夹

• 3、在组件中创建一个static的使用方式

  • 1、在页面顶部(子模板必须是在继承的下面)

    {% load static %}

  • 2、直接引入静态文件(会直接从static文件夹开始查找)

    <link rel="stylesheet" href="{% static 'index.css' %}">
    <img src="{% static 'images/png-Angular2-by-StuQ.png' %}"/>

• 4、在根目录中创建static文件夹

  • 1、 在settings.py底部配置静态文件的路径(可以是相对路径,绝对路径,OS查找)

    STATICFILES_DIRS = ('static',
    )

  • 2、使用方式跟上面的使用方式一样的

  • 3、注意settings.py头部加上# -*- coding: utf-8 -*-编码,否则中文注释也会报错