python全栈开发day65-templates:tags、母版和继承、组件、静态文件相关、simple_tag和inclusion_tag
一、昨日内容回顾
1.MVC和MTV框架
MVC: model 模型 存写数据
view 视图 给用户展示页面
control 控制器 负责调度 传递指令
MTV:
M:model 模型 ORM操作
T:template 模板 返回HTML页面
V:view 视图 负责主要的业务逻辑
2.变量和点(.)的用法
{{变量名}}
{name_list.0}
{{name_dict.key}}
{{p1.name}}
{{dict.items}}
先调用字典的key值,再属性和方法
3.filters
1.语法:
{{变量|filter:参数}}
2.内置的filter
default:‘noting’
filesizeformat:
add:‘1’
upper
lower
title
rjust:20
ljust:20
center:20
length
slice:“::”
first
last
join:"++"
truncatechars:18
date:"Y-m-d H:i:s"

safe
4.自定义filter
1.在应用app01下创建一个叫temlatetags的python包
2.在templatetags的文件夹下创建py文件 命名
3. 在py文件中写代码from django import template
register = template.Library()
@register.filter
def add_sb(value,arg='aaa'):
return "{}_sb_{}".formart(value,arg)
@register.filter(name='sb')
def add_sb(value,arg='aaa'):
return "{}_sb_{}".formart(value,arg)
4. 使用自定义filter
{% load myfilters %}
{{ name|add_sb:'xxx'}}
{{ name|sb:'xxx'}}
二、今日内容总结
1.tags
1) forloop 系列:
forloop.counter
forloop.counter0
forloop.revcounter
forloop.revcounter0
forloop.first
forloop.last
forloop.parentloop
2)
(1) for 。。。empty。。。
{%for name in namelist%}
{%empty%}
{%endfor%}
(2)if else ..........
if 语句支持and、or、==、<、>、!=、<=、>=、in、not in、is、is not判断
不支持加减乘除等数学运算:
偶数判断:{% if forloop.counter|divisibleby:2 %}
(3){% csrf_token%}
这个标签用于跨站请求伪造保护
在页面的form表单里面写上{% csrf_token %}
(4)with
{% with total=business.employees.count %}
{{ total }} employee{{ total|pluralize }}
{% endwith %}
(5) 注释 {# #}
(6) 注意事项
a.Django模板语言不支持连续判断:
{% if a > b > c %} 不支持 ——> {%if a>b and b>c%}
python:

JS:

b. Django的模板语言中属性的优先级大于方法
2.母版和继承
1). 为什么要模板
节省代码 修改方便。
把所有的公共内容提取到一个页面,在页面上定义block,继承的时候在block块中写内容,覆盖掉母版中的block
2) 用法:
模板:就是一个普通的HTML页面
定义多个block
使用:
继承模板{% extends ‘base.html’%}
使用母版中定义好的block块
在block中写自己的内容
3) 注意事项
(1) 模板中可以定义多个block,一般在定义两个css和js块
(2) {% extends ‘base.html’%} 写在第一行 不要在block之外写东西
(3) {% extends ‘base.html’%} 中要写字符串 是你要继承的模板的名字
3.组件
1 。定义一个HTML文件
很多页面都要用的内容
2 。在要用的页面使用
{% include 'nav.html' %}
4.静态文件相关
1) {% load static%}
"{% static ‘/css/...’ %}"
2) "{% get_static_prefix%}imgs/aa.jpg"
3) {% get_static_prefix as STATIC_PREFIX %}
<img src="{{ STATIC_PREFIX }}images/hi.jpg" alt="Hi!" />
5.simple_tag和inclusion_tag
1) simple_tag
和自定义filter类似,只不过接收更灵活的参数。
定义注册simple tag
@register.simple_tag(name="plus")
def plus(a, b, c):
return "{} + {} + {}".format(a, b, c)
使用自定义simple tag
{% load app01_demo %}
{# simple tag #}
{% plus "1" "2" "abc" %}
2) inclusion_tag


三、预习和扩展
python全栈开发day65-templates:tags、母版和继承、组件、静态文件相关、simple_tag和inclusion_tag的更多相关文章
- Django中的tags,母版和继承,组件,静态文件相关,自定义simpletag和自定义inclusion_tag
Tags for <ul> {% for user in user_list %} <li>{{ user.name }}</li> {% endfor %} &l ...
- python Tags 母板 组件 静态文件相关 自定义simpletag inclusion_tag
一.Tags(一)for 1.基本用法 <ul> {% for user in user_list %} <li>{{ user.name }}</li> {% e ...
- python 全栈开发,Day79(Django的用户认证组件,分页器)
一.Django的用户认证组件 用户认证 auth模块 在进行用户登陆验证的时候,如果是自己写代码,就必须要先查询数据库,看用户输入的用户名是否存在于数据库中: 如果用户存在于数据库中,然后再验证用户 ...
- python 全栈开发,Day99(作业讲解,DRF版本,DRF分页,DRF序列化进阶)
昨日内容回顾 1. 为什么要做前后端分离? - 前后端交给不同的人来编写,职责划分明确. - API (IOS,安卓,PC,微信小程序...) - vue.js等框架编写前端时,会比之前写jQuery ...
- python全栈开发day66-视图系统、路由系统
一.昨日内容回顾 1. tags 1. for循环 {% for name in name_list %} {{ name }} {% endfor %} {% for name in name_li ...
- Python全栈开发【面向对象进阶】
Python全栈开发[面向对象进阶] 本节内容: isinstance(obj,cls)和issubclass(sub,super) 反射 __setattr__,__delattr__,__geta ...
- Python全栈开发【面向对象】
Python全栈开发[面向对象] 本节内容: 三大编程范式 面向对象设计与面向对象编程 类和对象 静态属性.类方法.静态方法 类组合 继承 多态 封装 三大编程范式 三大编程范式: 1.面向过程编程 ...
- Python全栈开发【模块】
Python全栈开发[模块] 本节内容: 模块介绍 time random os sys json & picle shelve XML hashlib ConfigParser loggin ...
- Python全栈开发【基础四】
Python全栈开发[基础四] 本节内容: 匿名函数(lambda) 函数式编程(map,filter,reduce) 文件处理 迭代器 三元表达式 列表解析与生成器表达式 生成器 匿名函数 lamb ...
随机推荐
- $Django 路飞之课程下的分类,用户登陆成功前端存cookie,
一 课程分类显示 宗旨:总的再次过滤 二 Cookie # export default new Vuex.Store({ state: { name:'', token:'', }, mutatio ...
- OpenStack实践系列⑤网络服务Neutron
OpenStack实践系列⑤网络服务Neutron 3.8 Neturn 服务部署 注册neutron服务 [root@node1 ~]# source admin-openrc.sh [root@n ...
- php markdown 接口文档生成工具 SummerDoc
2017年9月18日 19:20:22 星期一 因工作需要, 用PHP写了一个管理接口文档的小工具, 下边介绍一下: 浏览器展示的效果: 项目地址:(码云) 例子(http://doc.hearu.t ...
- Confluence 6 新 Confluence 安装配置一个数据源连接
如果在你的 Tomcat 中配置了数据源,并且Confluence 设置指南在安装的时候检测到这个配置的时候,配置数据源的选项将会提供给你进行配置.入股你希望使用数据源,请参考下面的配置. 1. 停止 ...
- Vue2.0 新手完全填坑攻略—从环境搭建到发布
http://www.open-open.com/lib/view/open1476240930270.html https://jingyan.baidu.com/article/91f5db1b2 ...
- nodejs之crypto加密算法
示例 const crypto = require('crypto'); const hash = crypto.createHash('sha256'); hash.update('some dat ...
- 2。创建第一个angular应用,已经开发前的一些配置
现在我们开始新建一个angular5的脚手架 . 到想要建项目的目录下.比如我的 在 D:\JsProjects 进入cmd或者powershell cd 进入该文件夹下 然后开始新建,ng ne ...
- LeetCode(81): 搜索旋转排序数组 II
Medium! 题目描述: 假设按照升序排序的数组在预先未知的某个点上进行了旋转. ( 例如,数组 [0,0,1,2,2,5,6] 可能变为 [2,5,6,0,0,1,2] ). 编写一个函数来判断给 ...
- 【linux】ftp使用端口转发问题
相关资料: 1.[ssh]端口转发 2.[ftp]主动模式和被动模式 先说结论:用端口转发无法解决ftp客户端与服务器的连接问题,原因是ftp的data端口不固定,不能把所有>1024的端口都做 ...
- 《剑指offer》 二叉树的镜像
本题来自<剑指offer>二叉树的镜像 题目: 操作给定的二叉树,将其变换为源二叉树的镜像. 二叉树的镜像定义:源二叉树 8 / \ 6 10 / \ / \ 5 7 9 11 镜像二叉树 ...
