个人中心标签页导航

1.新页面user.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>

　　　　

2.user.html继承base.html。
重写title,head,main块.
将上述<ul>放在main块中.
定义新的块user。

3.让上次作业完成的个人中心页面，继承user.html，原个人中心就自动有了标签页导航。

<!-- 查看评论区 -->
                        <div class="normal-comment-list" style="background-color: white;padding: 10px;">
                            <div>
                                <div style="margin: 20px;">
                                    <div class="poi_top-title">
                                        <span>{{ num }}条评论</span>
                                        <a class="poi_author-only">只看作者</a>
                                        <div class="pull-right"><a class="active">按喜欢排序</a><a class="">按时间正序</a><a
                                                class="">按时间倒序</a>
                                        </div>
                                    </div>
                                </div>
                                <div id="answer">
                                    <!-- 评论列表 -->
                                    {% for comment in  userCommentaries %}
                                        <div class="poi_comment">
                                            <div class="poi_comment_item">
                                                <div class="poi_author">
                                                    <div style="z-index: 0;display: inline-block;">
                                                        <div class="v-tooltip-content">
                                                            <a href="{{ url_for('commentaries',user_id= comment.answer.id) }}"
                                                               target="_blank" class="poi_avatar">
                                                                <img src="http://www.bookmarkye.com/9.jpg">
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="poi_info">
                                                        <a href="{{ url_for('commentaries',user_id= comment.answer.id) }}"
                                                           target="_blank"
                                                           class="poi_name">{{ comment.answer.title }}</a>
                                                        <div class="poi_meta"><span>3楼 · {{ comment.date }}</span></div>
                                                    </div>
                                                </div>
                                                <div class="poi_comment-wrap"><p>{{ comment.content }}</p>
                                                    <div class="poi_tool-group">
                                                        <a class="#"><span>13人赞　</span></a>
                                                        <a class="#"><span>回复</span></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>

4.制作个人中心的三个子页面，重写user.html中定义的user块。

5.思考 如何实现点标签页导航到达不同的个人中心子页面。

# 某用户发布过的所有评论
@app.route('/commentaries/<user_id>',methods=['GET','POST'])
def commentaries(user_id):
    user = User.query.filter(User.id == user_id).first()
    content = {
        'userCommentaries':user.commentaries,
        'books':user.book,
        'num': len(user.commentaries),
        'user2':user
    }
    return render_template('commentaries.html', **content)