- {{xx}}
- {% if xx %} {% endif %}
- 继承 {% extends “Base.html”%}
- 过滤器 {{ xxx | default “oof”}} 作用于变量 处理变量后再展示 过滤器有很多种 可以去官网查
- {% block main %} {% endblock %}
- 父模板可以在不同的位置 如titile head body等位置定义block
- 子模板可以选择实现父模板中的block
URL连接
使用url_for(‘视图函数名称’)实现根据函数名找到配置的URL并进行跳转
<a href='{{ url_for("login") }}'>登录</a>
加载静态文件 如JS BOOTSTRAP
- 静态文件放在static文件夹下
- 用url_for引入
url_for(’static’,filename=’path’)
-----引入外部CSS一开始无效 删除<!DOCTYPE html>之后生效了--
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/my_css.css')}}">
-------外部图片------------------------------
<img src="{{url_for('static',filename='images/wa.jpg') }}" title="wawa" alt="kanbujian">
-------------外部JS---------------------
<script rel="script" src="{{ url_for('static', filename='js/my_js.js') }}"></script>
------------favicon.ico图标----------
<link rel="shortcut icon" href="{{ url_for('static',filename='images/favicon.ico') }}"