模板的配置

作为web框架,Django提供了模板,用于编写html代码,模板的设计实现了业务逻辑view与现实内容template的解耦。模板包含两部分:

  • 静态部分: 包含html、css、js
  • 动态部分: 模板语言

settings.py中DIRS定义一个目录列表,模板引擎按列表顺序搜索目录以查找模板文件,通常是在项目的根目录下创建templates目录

模板文件: book/index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试项目逻辑</title>
</head>
<body> <h1>{{ test }}</h1> </body>
</html>

book/index.html

视图渲染模板

from django.shortcuts import render
from django.views.generic import View class IndexView(View):
def get(self, request):
context = {'test': '测试项目逻辑'}
return render(request, 'book/index.html', context)

book.views

路由url配置

# book.url
from django.conf.urls import url
from .views import IndexView urlpatterns = [
url(r'^$', IndexView.as_view(), name='index'),
] #demo.url
urlpatterns = [
...
url(r'^book/', include('book.urls', namespace='book')),
]

url配置

浏览器访问http://127.0.0.1/book

变量

视图,传入参数

from django.shortcuts import render
from django.views.generic import View
from .models import Book class IndexView(View):
def get(self, request):
book = Book.objects.get(id=1)
context = {'username': '何波安', 'age': 18, 'book': book}
return render(request, 'book/index.html',context)

book.views

模板文件index.html:使用{{ 变量名 }}的方式引用,  如果变量不存在,则取出空字符串

<body>

姓名: {{ username }} <br/>
年龄: {{ age }} <br/>
图书: {{ book.title }} </body>

book/index.html

标签

1)for 循环标签

{% for item in 列表 %}
执行循环逻辑
{{ forloop.counter }}获取当前是第几次循环,从1开始
{% empty %}
列表为空或不存在时执行此逻辑
{% endfor %}
class IndexView(View):
def get(self, request):
books = Book.objects.all()
context = {'booklist': books}
return render(request, 'book/index.html',context)

books.views

<body>

<ul>
{% for book in booklist %}
<span style="color: red"> {{ forloop.counter }}</span> -{{ book.title }}<br />
{% endfor %}
</ul> </body>

book/index.html

2)if标签

{% if ... %}
逻辑1
{% elif ... %}
逻辑2
{% else %}
逻辑3
{% endif %}
<ul>
{% for book in booklist %}
{% if book.id <= 2 %}
<li style="background: red">{{ book.title }}</li>
{% elif book.id == 3 %}
<li style="background: green">{{ book.title }}</li>
{% else %}
<li style="background: blue">{{ book.title }}</li>
{% endif %}
{% endfor %}
</ul> </body>

book/index.html

过滤器

过滤器是通过管道"|"进行使用的,例如{{ name | length }},将返回name的长度。过滤器相当于一个函数,把当前变量传入过滤器中,然后过滤器根据自己的功能,再返回相应的值,最后再将结果渲染到页面中。

常用的过滤器

  • length,返回字符串、列表、元组、字典的元素个数

    • 变量|length
  • default,如果变量不存在时则返回默认值
    • 变量|default:默认值
  • date,用于对日期类型的值进行字符串格式化

    • 常用的格式化如下

      • Y表示年,格式为4位,y表示两位的年
      • m表示月,格式为01,02,12等
      • j表示日,格式为1,2等
      • H表示时,24进制,h表示12进制的时
      • i表示分,为0-59
      • s表示秒,为0-59
    • 日期|date:'Y年m月j日 H时i分s秒'

过滤器演练

场景: 当用户没有自定义个性签名的时候,使用default传递值,如下:

class IndexView(View):
def get(self, request):
context = {'signature': '世界真的好赞'}
return render(request, 'book/index.html',context)

index.html

个性签名: {{ signature| default:'这个人真懒,什么都没有留下~' }}

当没有定义signature,则会显示"这个人真懒,什么都没有留下~"

class IndexView(View):
def get(self, request):
context = {
#'signature': '世界真的好赞'
}
return render(request, 'book/index.html',context)

模板继承

模板继和类的继承含义是一样的,主要是为了提高代码重用,减轻开发人员的工作量,典型应用:

  • 网站的头部
  • 尾部信息

父模板

  • 如果发现一段代码在多个模板中出现,那就应该把这段代码内容定义到父模板中
  • 父模板中也可以使用上下文中传递过来的数据
  • 父模板定义在templates文件目录下
  • block标签:用于在父模板中预留区域,留给子模板填充差异性的内容
{% block 名称 %}
预留区域,可以编写默认内容,也可以没有默认内容
{% endblock 名称 %}

子模板

  • 子模板定义在templates/应用文件目录下
  • extends标签:继承,写在子模板文件的第一行

  • 子模版不用填充父模版中的所有预留区域,如果子模版没有填充,则使用父模版定义的默认值

  • 填充父模板中指定名称的预留区域
{% block 名称 %}
实际填充内容
{{ block.super }} 用于获取父模板中block的内容,也可以不获取
{% endblock 名称 %}

模板继承演练

定义父子模板文件目录

第7天:Django模板使用与表单的更多相关文章

  1. django 模板视图,表单视图,各种视图

    Generic editing views¶ The following views are described on this page and provide a foundation for e ...

  2. Django学习笔记之表单验证

    表单概述 HTML中的表单 单纯从前端的html来说,表单是用来提交数据给服务器的,不管后台的服务器用的是Django还是PHP语言还是其他语言.只要把input标签放在form标签中,然后再添加一个 ...

  3. Django组件之Form表单

    一.Django中的Form表单介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入 ...

  4. Python的Django框架中forms表单类的使用方法详解

    用户表单是Web端的一项基本功能,大而全的Django框架中自然带有现成的基础form对象,本文就Python的Django框架中forms表单类的使用方法详解. Form表单的功能 自动生成HTML ...

  5. flask用宏渲染表单模板时,表单提交后,如果form.validate_on_submit()返回的是false的可能原因

    flask用宏渲染表单模板时,表单提交后,提交的内容符合DataRequired()校验, 但是form.validate_on_submit()返回的是False, 原因可能是表单模板中的<f ...

  6. flask 在模板中渲染表单

    在模板中渲染表单 为了能够在模板中渲染表单,我们需要把表单类实例传入模板.首先在视图函数里实例化表单类LoginForm,然后再render_template()函数中使用关键脑子参数form将表单实 ...

  7. 第三百一十一节,Django框架,Form表单验证

    第三百一十一节,Django框架,Form表单验证 表单提交 html <!DOCTYPE html> <html lang="en"> <head& ...

  8. Template-Driven Forms 模板驱动式表单

    Angular 4.x 中有两种表单: Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) Reactive Forms - 响应式表单 ...

  9. Django框架 之 Form表单和Ajax上传文件

    Django框架 之 Form表单和Ajax上传文件 浏览目录 Form表单上传文件 Ajax上传文件 伪造Ajax上传文件 Form表单上传文件 html 1 2 3 4 5 6 7 <h3& ...

随机推荐

  1. Cloud Computing——Everything as a Service

    service 分类 有Iaas, Paas, SaaS HDFS 总结☞: HDFS应付不了的场景 无法低时延 小文件存储存在空间利用率问题 文件不可修改 三副本有什么作用 防止单机故障,提高可用性 ...

  2. Vue(核心思想)

    1.Es6语法普及 let和var的区别: var:定义变量时,在全局范围内都有效;所以在变量没有声明之前就能使用,值为undefined, 称为变量提升; let:声明的变量一定要在声明后使用,而且 ...

  3. 洛谷P3948 数据结构——题解

    题目传送 感觉这道题秀了我一地的智商... 审题没审好,没确定带修改的操作中询问的次数<=1000,且max和min都是事先给好.不变的.想了半天线段树.分块,却忘了最基础的暴力. 写不出题时先 ...

  4. 详解cocos2dx 3.0的release版本在android平台的签名过程

    当您的游戏准备发布前,需要编译成为release版本,命令中需要增加 -m release,编译命令如下: cocos compile -p android -m release 在编译结束后,生成x ...

  5. association实现懒加载分段级联查询

    这里讲的是人员和部门进行级联分布查询 1.首先在mybatis-config.xml里进行配置 <settings> <!--显示的指定每个我们需要更改的配置的值,即使他是默认的.防 ...

  6. 二、Python基础

    1.变量名 数字,字母,下划线:aaa1;aa_b1 不能以数字开头:1aa 变量名不能是python内部的关键字 2.getpass import getpass username=raw_inpu ...

  7. HTML和JS完成页面点击四个角弹出管理页面

    实现方法1: HTML代码: <div class="top-left-corner"></div> <div class="top-rig ...

  8. Git-Runoob:Git 工作区、暂存区和版本库

    ylbtech-Git-Runoob:Git 工作区.暂存区和版本库 1.返回顶部 1. Git 工作区.暂存区和版本库 基本概念 我们先来理解下Git 工作区.暂存区和版本库概念 工作区:就是你在电 ...

  9. linux(centOS7)的基本操作(一) 概述

    linux服务器的连接 1.连接 window环境下需要安装XShell.XFtp等软件,暂时不表: macOS环境下直接用ssh命令登录即可,用以下任意一种 ssh [-p port] userna ...

  10. 中国MOOC_零基础学Java语言_第7周 函数_1分解质因数

    第7周编程题 查看帮助 返回   第7周编程题 依照学术诚信条款,我保证此作业是本人独立完成的. 温馨提示: 1.本次作业属于Online Judge题目,提交后由系统即时判分. 2.学生可以在作业截 ...