django渲染高阶
时间:2019-08-16
本文章向大家介绍django渲染高阶,主要包括django渲染高阶使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
08.16自我总结
django渲染高阶
一.利用母版渲染
1.创建母版文件
如:stamper.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
{% block css %}
{% endblock %} #写css
</style>
</head>
<body>
{% block data %}
{% endblock %} #存放内容
</body>
{% block js %} #写js
{% endblock %}
</html>
可以创建无数个block
2.导入模板
{% extends stamper.html %} #母版名称
{% block css %}
#放在原母版的基础上进行渲染
{% endblock %} #写css
二.一部分文件渲染
1.组件
xx.html
<form action="">
<input type="text" class="word-input">
<button class="word-button"> 提交</button>
</form>
2.导入组件
{% include xx %}
注意
:这里导入多个相同的内容会出现多个内容
三.函数渲染
不建议大家在模板中使用函数, 因为会降低模板的渲染效率, 建议大家在视图处理函数中直接处理, 然后渲染即可
1.内置函数渲染
使用方法:
{{后台传输的内容|内置函数}}
2.自定义函数渲染
1.在app中创建templatetags目录
2.在上述的目录中创建 xxx.py
3.在xxx.py中
from django import template
register = template.Library()
@register.filter
def my_filter(val, args):
return val + args
@register.simple_tag
def my_upper(val, args, args1):
return val + args + args1
4.在html中
{%load xxx %}
- simple_filter
{{name | my_filter:'xxxxx'}}
- simple_tag
{%my_upper "zekai" "sss" 'dsadsadsa'%}
原文地址:https://www.cnblogs.com/pythonywy/p/11365954.html
- 环境配置:React Native 开发环境配置 For Android
- 美团多渠道打包方案详解,速度快到白驹过隙
- 下一代Android渠道打包工具
- 01 整合IDEA+Maven+SSM框架的高并发的商品秒杀项目之业务分析与DAO层
- 通俗易懂的分析如何用Python实现一只小爬虫,爬取拉勾网的职位信息
- 我的第一个小程序(Discuz! + 微信小程序)
- 微信小程序 wx.request 的封装
- 如何用Python爬虫实现百度图片自动下载?
- 以太坊智能合约开发入门
- lodash源码分析之baseFindIndex中的运算符优先级
- 分子对接简明教程 (一)
- 分子对接简明教程 (二)
- 分子对接简明教程 (三)
- 分子对接简明教程 (4)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 3分钟短文 | Laravel 自定义 SQL 查询参数绑定
- 宇智波程序笔记8- 解数独(Sudoku Solver)
- Angular如何响应DOM event
- Angular Template expression operators介绍
- k8s资源对象的升级、回滚、扩容、缩容
- emgucv之Matrix操作
- 使用 K8s 进行作业调度实战分享
- Kafka 常用运维脚本
- R语言进阶之Lattice绘图
- Scala守卫语句的集中用法
- SQL中的Null值处理
- SQL 获取上一个订单的状态
- Redis案例:Redis Cluster分片数据不均匀
- Kubectl命令行jsonpath的使用
- Fiddler Everywhere工具答疑