完成个人中心—导航标签

  1. 个人中心—视图函数带标签页面参数tag
    @app.route('/usercenter//')
    def usercenter(user_id, tag):
       if tag == ‘1':
           return render_template('usercenter1.html', **context)
    #用户中心页
    @app.route('/usercenter//')
    @loginFirst
    def usercenter(user_id,tag):
        user=User.query.filter(User.id==user_id).first()
        context={
            'user':user,
            # 'username':user.username,
            'questions':user.questions,
            'comments':user.comments
        }
        if tag=='1':
            return render_template('usercenter1.html',**context)
        elif tag=='2':
            return render_template('usercenter2.html',**context)
        else:
            return render_template('usercenter3.html',**context)

     

  2. 个人中心—导航标签链接增加tag参数
  3. 全部问答
{% extends "base.html" %}
{% block title %}个人中心{% endblock %}
{% block head %}
    <style>
        .nav nav-tabs li{
            list-style: none;
            float: left;
            margin: 25px;
        }

    style>
{% endblock %}

{% block main %}
    <h3><span class="glyphicon glyphicon-user" aria-hidden="true">span>{{ user.username }}h3>
    <ul class="nav nav-tabs">
    <li role="presentation"><a href="{{ url_for('usercenter',user_id=user.id,tag=1) }}">全部问答a>li>
    <li role="presentation"><a href="{{ url_for('usercenter',user_id=user.id,tag=2) }}">全部评论a>li>
    <li role="presentation"><a href="{{ url_for('usercenter',user_id=user.id,tag=3) }}">个人信息a>li>
    ul>

    {% block user %}{% endblock %}

{% endblock %}

 

3.个人中心—有链接到个人中心页面的url增加tag参数

u {{ session.get('user') }}

base:

<a href="{{ url_for('usercenter',user_id=user.id,tag=1) }}">{{user.username }}a>

base.main:

<a href="{{ url_for('usercenter',user_id=foo.author_id,tag=1) }}">{{ foo.author.username }}评论:({{ foo.comments|length }})a><br>

detail:

                <a href="{{ url_for('usercenter',user_id=foo.author.id,tag=1) }}">{{ foo.author.username }}a>

 

首页运行结果:

完成个人中心—导航标签_第1张图片

详情页运行结果:

完成个人中心—导航标签_第2张图片

个人中心页运行结果:

完成个人中心—导航标签_第3张图片

 

完成个人中心—导航标签_第4张图片

 完成个人中心—导航标签_第5张图片

 

 

 

转载于:https://www.cnblogs.com/iamzhuangyuan/p/8041882.html

你可能感兴趣的:(完成个人中心—导航标签)