完成个人中心—导航标签

Posted 2020-10-18 dream higher

               

---

1. 个人中心—视图函数带标签页面参数tag

       @app.route(‘/usercenter/<user_id>/<tag>‘)

            def usercenter(user_id, tag):  

                if tag == ‘1‘:    

                     return render_template(‘usercenter1.html‘, **context)

@app.route(‘/usercenter/<user_id>/<tag>‘)
@loginFirst
def usercenter(user_id,tag):
    user=User.query.filter(User.id==user_id).first()
    context={
        ‘user‘:user
    }
    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参数

<li role=“presentation”><a href=“{{ url_for(‘usercenter’,user_id = user.id,tag = ‘1’) }}">全部问答</a></li>

{% extends‘base.html‘ %}
{% block title %}
    个人中心
{% endblock %}
{% block head %}
     <style>
        .nav_ul li{
            list-style:none;
            float:left;
            margin: 10px;
        }
    </style>
{% endblock %}
{% block main %}

<ul class="nav_ul">
        <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 usercenter %}{% endblock %}

{% endblock %}

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

<a href="{{ url_for(‘usercenter‘,user_id = session.get(‘userid‘), tag=1) }}">{{ session.get(‘user‘) }}</a> 

<a id="href" href="{{ url_for(‘usercenter‘,user_id=session.get(‘userid‘),tag=‘1‘)}}">{{ session.get(‘user‘) }}</a>

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