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>

    首页运行结果:

    详情页运行结果:

    个人中心页运行结果:

     

     
  • 相关阅读:
    中英文对照 —— 宗教
    十万个为什么 —— 冷知识
    十万个为什么 —— 冷知识
    OpenCV调试利器——Image Watch插件的安装和使用
    matlab 读写其他格式数据文件(excel)
    matlab 读写其他格式数据文件(excel)
    文学创作的艺术手法
    文学创作的艺术手法
    常用cl命令参数解释
    网站的栏目和目录结构规划方法
  • 原文地址:https://www.cnblogs.com/iamzhuangyuan/p/8041882.html
Copyright © 2011-2022 走看看