首页 > 技术文章 > Templates(一)模板零碎知识

xiaoqichaoren 2020-05-23 13:20 原文

一、html嵌套语句
{% %} 包裹起来的叫做模板标签。用 {{ }} 包裹起来的叫做模板变量
{#  #}这种注释方式浏览器看不到
 
二、{{ code|safe }}
{{ code|safe }}将传来的code变量转译成代码
 
三、结构标签
1.block
第一次出现:用来规划布局(挖坑)
第二次出现:填充规划(填坑)
-base.html
html> l<html. lang=" geta title block header 8} endblock 8} block banner 8} endblock block content endblock 8} block footer 8} endblock ; </bodp
2.extends(继承)
可以获取且仅能获取父模板中的所有结构
-index.html
{8 extends 'base. html • •s} block header this is header {8 endblock
 
四、static
1.创建static文件夹用来存放CSS和JavaScript文件
Project HellODja*O OPvchdrmProjects'HelloOjdngo App HelloDjargo APP css templates venv Scratches ard Consoles
2.settings中注册static文件夹
STATIC I-RL - • /static/ STATICFILES_DIRS = os . path. join (BASE_DIR, •static
3.html中引入cssjavascript(用标签引入)
{% static ‘XXX’%} XXX:相对路径
在引入之前一定要先加载静态资源{% load static %}
<tink href="{% static 'APP/css/index.css• <script static 'APP/ js/index.js•
使用标签静态的方法引入时的优点:每当更改cssjavascript的位置时,不需要更改代码
 
五、render函数
render(request, 'XXX.html', context=data)
data:一个字典,用来渲染html页面
也可以用local()将局部变量用字典的方式进行打包,context=local(),可以减少代码量

推荐阅读