zoukankan      html  css  js  c++  java
  • 完成个人中心—导航标签(2017.12.15)

    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>

  • 相关阅读:
    大搜车知乎live中的面试题结题方法记录
    git 学习笔记
    JavaScript 函数节流和函数去抖应用场景辨析
    要不要用gzip优化前端项目
    js和native交互方法浅析
    js设计模式之惰性单例模式
    阻止a标签的默认事件及延伸
    为什么会有OPTIONS请求
    浅析前端渲染与服务端渲染
    exports 和 module.exports 的区别
  • 原文地址:https://www.cnblogs.com/laidaili/p/8041486.html
Copyright © 2011-2022 走看看