flask-html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>{% block title %}{% endblock %}</title>
 6         <style>
 7         .nav{
 8             background: #DAD435;
 9             height: 65px;
10         }
11         ul{
12             overflow: hidden;
13         }
14         ul li{
15             float: left;
16             list-style: none;
17             padding: 0 10px;
18             line-height: 65px;
19         }
20         ul li a{
21             color: #ffffff;
22         }
23     </style>
24     {% block head %}{% endblock %}   <!--用于加载不同样式-->
25 </head>
26 <body>
27 <div class="nav">
28     <ul>
29         <li><a href="#">首页</a> </li>
30         <li><a href="#">发布问答</a> </li>
31         <li><a href="#">注册</a> </li>
32         <li><a href="{{ url_for('login') }}">登录</a> </li>
33         <li><a href="{{ url_for('search')}}">搜索</a> </li>
34     </ul>
35 </div>
36 {% block main %}{% endblock %}
37 
38 </body>
39 </html>

base.html

 1 {% extends 'base.html' %}   <!-- 继承父类-->
 2 {% block title %}
 3     首页-产品口碑
 4 {% endblock %}
 5 
 6 {% block head %}
 7     <link rel="stylesheet" href="{{ url_for('static',filename = 'css/index.css') }}"
 8 {% endblock %}
 9 
10 {% block main %}
11     <p>这是首页</p>
12     <img src="{{ url_for('static', filename='images/xiaoxin.png') }}">
13 
14 {% endblock %}

base子页