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

    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,
              # '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参数
      <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 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 <a href="{{ url_for('usercenter',user_id = session.get('userid'), tag=1) }}">{{ session.get('user') }}</a>

    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>

    首页运行结果:

    详情页运行结果:

    个人中心页运行结果:

     

     
  • 相关阅读:
    C# treeView添加节点 删除节点
    xml 基础
    第一章魔兽窗口
    混合开发的框架的初步见解
    node.js的初步见解
    AngularJs的理解
    jquery属性,遍历,HTML操作
    jquery中动画效果的函数
    jquery的选择器
    js操作DOM对象及怎么获取浏览器宽高
  • 原文地址:https://www.cnblogs.com/iamzhuangyuan/p/8041882.html
Copyright © 2011-2022 走看看