我的中心标签页导航

时间 2019-12-09

标签我的中心标签导航繁體版

原文原文链接

新页面userbase.html,用<ul ><li role="presentation"> 实现标签页导航。
<ul class="nav nav-tabs">
<li role="presentation"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages</a></li>
</ul>

<ul class="nav_ul">
            <li role="presentation"><a href="{{ url_for('centen',user_id = travel.author_id) }}" class="a wenzii border">所有游记</a></li>
            <li role="presentation"><a href="{{ url_for('centen',user_id = comments.author_id) }}" class="a wenzii border">所有评论</a></li>
            <li role="presentation"><a href="{{ url_for('centen',user_id = user.id) }}" class="a wenzii border">我的中心</a></li>
        </ul>

让userbase.html继承base.html。
重写title,head,main块.
将上述<ul>的样式放在head块，<ul>放在main块中.
定义新的块user。
让上次做业完成的我的中心页面，继承userbase.html，原我的中心就自动有了标签页导航。
制做我的中心的三个子页面，重写userbase.html中定义的user块，分别用于显示问答、评论、我的信息。

思考如何实现点标签页导航到达不一样的我的中心子页面。

{% extends 'base.html' %}
{% block title %}
我的中心
{% endblock %}
{% block head %}
    <link href="{{ url_for('static',filename='zz.css') }}" rel="stylesheet" type="text/css">
{% endblock %}
{% block main %}
<body bgcolor="#a9a9a9">
<div class="div-center">
    <div class="biaotidh">
        <ul class="nav_ul">
            <li role="presentation"><a href="{{ url_for('centen',user_id = travel.author_id) }}" class="a wenzii border">所有游记</a></li>
            <li role="presentation"><a href="{{ url_for('centen',user_id = comments.author_id) }}" class="a wenzii border">所有评论</a></li>
            <li role="presentation"><a href="{{ url_for('centen',user_id = user.id) }}" class="a wenzii border">我的中心</a></li>
        </ul>
    </div>
    <hr>
    {% block user %}
    {% endblock %}
</div>
 </body>
{% endblock %}