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

完成个人中心—导航标签(2017.12.15)

时间:2017-12-15 13:37:48      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:html   app   htm   href   导航   user   render   nbsp   tab   

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={
            number: user.id,
             user:user,
             question: user.question,
             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参数
<li role=“presentation”><a href=“{{ url_for(‘usercenter’,user_id = user.id,tag = ‘1’) }}">全部问答</a></li>

  <ul class="nav nav-tabs">
    <li class="nav-item">
      <a class="nav-link"  href="{{ url_for(‘usercenter1‘,user_id=user.id,tag=1)}}">全部问题</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="{{ url_for(‘usercenter2‘,user_id=user.id,tag=2)}}">全部评论</a>
    </li>
    <li class="nav-item">
      <a class="nav-link disabled" href="{{ url_for(‘usercenter3‘,user_id=user.id,tag=3)}}">个人信息</a>
    </li>
  </ul>

3 个人中心—有链接到个人中心页面的url增加tag参数
u <a href="{{ url_for(‘usercenter‘,user_id = session.get(‘userid‘), tag=1) }}">{{ session.get(‘user‘) }}</a>

            <li style="float:right"><a href="{{ url_for(‘usercenter‘,user_id=session.get(‘id‘),tag=1) }}" >{{ username }}</a></li>

shoouye.html:

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

xiangqing.html:

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

技术分享图片

技术分享图片

技术分享图片

完成个人中心—导航标签(2017.12.15)

标签:html   app   htm   href   导航   user   render   nbsp   tab   

原文地址:http://www.cnblogs.com/laidaili/p/8041486.html

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