加载静态文件,父模板的继承和扩展

Posted 2020-10-13 陈馨婷

用url_for加载静态文件

<script src="{{ url_for(\'static\',filename=\'js/login.js\') }}"></script>

flask 从static文件夹开始寻找

可用于加载css, js, image文件

2、继承和扩展

把一些公共的代码放在父模板中，避免每个模板写同样的内容。base.html

子模板继承父模板

1. 1. 1.   {% extends \'base.html’ %}

父模板提前定义好子模板可以实现一些自己需求的位置及名称。block

1. 1. 1. <title>{% block title %}{% endblock %}-MIS问答平台</title>
      2. {% block head %}{% endblock %}
      3. {% block main %}{% endblock %}

子模板中写代码实现自己的需求。block

1. 1. 1.   {% block title %}登录{% endblock %}

3、首页、登录页、注册页都按上述步骤改写。

index.html

login.html

regist.html