第7天:Django模板使用与表单
模板的配置
作为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模板使用与表单的更多相关文章
- django 模板视图,表单视图,各种视图
Generic editing views¶ The following views are described on this page and provide a foundation for e ...
- Django学习笔记之表单验证
表单概述 HTML中的表单 单纯从前端的html来说,表单是用来提交数据给服务器的,不管后台的服务器用的是Django还是PHP语言还是其他语言.只要把input标签放在form标签中,然后再添加一个 ...
- Django组件之Form表单
一.Django中的Form表单介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入 ...
- Python的Django框架中forms表单类的使用方法详解
用户表单是Web端的一项基本功能,大而全的Django框架中自然带有现成的基础form对象,本文就Python的Django框架中forms表单类的使用方法详解. Form表单的功能 自动生成HTML ...
- flask用宏渲染表单模板时,表单提交后,如果form.validate_on_submit()返回的是false的可能原因
flask用宏渲染表单模板时,表单提交后,提交的内容符合DataRequired()校验, 但是form.validate_on_submit()返回的是False, 原因可能是表单模板中的<f ...
- flask 在模板中渲染表单
在模板中渲染表单 为了能够在模板中渲染表单,我们需要把表单类实例传入模板.首先在视图函数里实例化表单类LoginForm,然后再render_template()函数中使用关键脑子参数form将表单实 ...
- 第三百一十一节,Django框架,Form表单验证
第三百一十一节,Django框架,Form表单验证 表单提交 html <!DOCTYPE html> <html lang="en"> <head& ...
- Template-Driven Forms 模板驱动式表单
Angular 4.x 中有两种表单: Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) Reactive Forms - 响应式表单 ...
- Django框架 之 Form表单和Ajax上传文件
Django框架 之 Form表单和Ajax上传文件 浏览目录 Form表单上传文件 Ajax上传文件 伪造Ajax上传文件 Form表单上传文件 html 1 2 3 4 5 6 7 <h3& ...
随机推荐
- Cloud Computing——Everything as a Service
service 分类 有Iaas, Paas, SaaS HDFS 总结☞: HDFS应付不了的场景 无法低时延 小文件存储存在空间利用率问题 文件不可修改 三副本有什么作用 防止单机故障,提高可用性 ...
- Vue(核心思想)
1.Es6语法普及 let和var的区别: var:定义变量时,在全局范围内都有效;所以在变量没有声明之前就能使用,值为undefined, 称为变量提升; let:声明的变量一定要在声明后使用,而且 ...
- 洛谷P3948 数据结构——题解
题目传送 感觉这道题秀了我一地的智商... 审题没审好,没确定带修改的操作中询问的次数<=1000,且max和min都是事先给好.不变的.想了半天线段树.分块,却忘了最基础的暴力. 写不出题时先 ...
- 详解cocos2dx 3.0的release版本在android平台的签名过程
当您的游戏准备发布前,需要编译成为release版本,命令中需要增加 -m release,编译命令如下: cocos compile -p android -m release 在编译结束后,生成x ...
- association实现懒加载分段级联查询
这里讲的是人员和部门进行级联分布查询 1.首先在mybatis-config.xml里进行配置 <settings> <!--显示的指定每个我们需要更改的配置的值,即使他是默认的.防 ...
- 二、Python基础
1.变量名 数字,字母,下划线:aaa1;aa_b1 不能以数字开头:1aa 变量名不能是python内部的关键字 2.getpass import getpass username=raw_inpu ...
- HTML和JS完成页面点击四个角弹出管理页面
实现方法1: HTML代码: <div class="top-left-corner"></div> <div class="top-rig ...
- Git-Runoob:Git 工作区、暂存区和版本库
ylbtech-Git-Runoob:Git 工作区.暂存区和版本库 1.返回顶部 1. Git 工作区.暂存区和版本库 基本概念 我们先来理解下Git 工作区.暂存区和版本库概念 工作区:就是你在电 ...
- linux(centOS7)的基本操作(一) 概述
linux服务器的连接 1.连接 window环境下需要安装XShell.XFtp等软件,暂时不表: macOS环境下直接用ssh命令登录即可,用以下任意一种 ssh [-p port] userna ...
- 中国MOOC_零基础学Java语言_第7周 函数_1分解质因数
第7周编程题 查看帮助 返回 第7周编程题 依照学术诚信条款,我保证此作业是本人独立完成的. 温馨提示: 1.本次作业属于Online Judge题目,提交后由系统即时判分. 2.学生可以在作业截 ...