标签:title 用户管理 标签 jquer lock javascrip 多个 asc margin
使用{% block name %}{% endblock %}定义一个模板,在模板页面中它的内容为空,在各页面用{% block name %}自己的标签内容{% endblock %}调用。
模板可以有多个,在各继续页面得用{% extends ‘master.html‘ %}标明
例子:
模板master.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>{% block title %}{% endblock %}</title> <style> .page-header{ background-color: darkgray; color: aliceblue; height:48px; } </style> {% block css %}{% endblock %} </head> <body> <div class="page-header">华为管理后台</div> {% block content %}{% endblock %} <script type="javascript" src="/static/jquery-3.3.1.js"></script> {% block js %}{% endblock %} </body> </html>
页面:
{% extends ‘master.html‘ %} {% block title %}tmp01{% endblock %} {% block css %} <style> body{ margin: 0 auto; } </style> {% endblock %} {% block content %} <div> <h1>用户管理:</h1> </div> {% endblock %}
标签:title 用户管理 标签 jquer lock javascrip 多个 asc margin
原文地址:https://www.cnblogs.com/alex-hrg/p/10146096.html