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
        }
        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>
  • 相关阅读:
    运算符与优先级
    数据类型
    c++基础
    有关进制
    函数二——递归
    字符串与随机数
    C语言第一课
    Linux-Shell
    Linux入门
    文本处理三剑客命令初探
  • 原文地址:https://www.cnblogs.com/gdlyzx/p/8072537.html
Copyright © 2011-2022 走看看