前端三大块:HTML提供了页面结构,CSS提供了页面表现(元素大小,颜色,位置,隐藏或显示,部分动画效果),JavaScript:提供了页面行为(部分动画效果,页面与用户的交互,页面功能);
什么是模板?
web框架中提供的模板template,用于编写HTML代码,还可以嵌入模板代码更快更方便的完成页面开发,再通过视图中渲染模板,将生成最终的的HTML字符串返回给客户端浏览器,模板致力于表达外观,而不是程序逻辑。模板的设计实现了业务逻辑与显示内容的分离,一个视图可以使用任何一个模板,一个模板也可以提供给多个视图使用。
什么是模板语言?
模板包含两部分,静态部分是前端三大块,动态部分及时模板语言。
模板语言包括四种类型:
一,变量:
语法:{{变量}}
变量的作用是计算并输出,变量名必须由字母、数字、下划线(不能以下划线开头)和点组成。
二,标签:
语法:{%代码段%}
标签的作用在代码段中进行for遍历,if判断,比较运算及布尔运算等。
三,过滤器:
语法:变量|过滤器:参数
过滤器使用 | 管道符号来应用于计算、转换操作,可以使用在变量、标签中
四,注释:
语法:{#单行注释#};{%comment%}多行注释{%endcomment%}
注释不会被编译不会输出到客户端。
代码示例
(由于使用富文本编辑器,所以编辑器自动过滤了HTML的标签)
Ordering notice
Dear {{ person_name }},{#可以来个单行注释#}
Thanksforplacing an order from {{ company }}. It's scheduled to
ship on {{ ship_date|date:"F j, Y"}}.
Here are the items you've ordered:
{%for item in item_list %}
{{ item }}
{% endfor %}
{%comment%}开始多行注释
{%if ordered_warranty %}
Your warranty information will be included in the packaging.
{% endif %}
Sincerely,{{ company }}
结束多行注释{%endcomment%}