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>
  • 相关阅读:
    bzoj2018 [Usaco2009 Nov]农场技艺大赛
    2014.9.27模拟赛【栅栏迷宫】
    cf471B MUH and Important Things
    cf471A MUH and Sticks
    bzoj3016 [Usaco2012 Nov]Clumsy Cows
    bzoj3404 [Usaco2009 Open]Cow Digit Game又见数字游戏
    bzoj1633 [Usaco2007 Feb]The Cow Lexicon 牛的词典
    bzoj3299 [USACO2011 Open]Corn Maze玉米迷宫
    codevs1040 统计单词个数
    codevs1039 数的划分
  • 原文地址:https://www.cnblogs.com/gdlyzx/p/8072537.html
Copyright © 2011-2022 走看看