码迷,mamicode.com
首页 > 其他好文 > 详细

完成个人中心—导航标签

时间:2017-12-20 13:40:03      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:tle   ide   divide   text   out   res   div   ssi   enter   

               


  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>

 

完成个人中心—导航标签

标签:tle   ide   divide   text   out   res   div   ssi   enter   

原文地址:http://www.cnblogs.com/gdlyzx/p/8072537.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!