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>
  • 相关阅读:
    Docker-CentOS系统安装Docker
    Docker-准备Docker环境
    Docker系列-文章汇总
    商品订单库存一致性问题的思考
    java模板、工厂设计模式在项目中的重构
    2018Java年底总结
    java的AQS中enp没有同步代码块为啥是原子操作
    java使用awt包在生产环境docker部署时出现中文乱码的处理
    初探装饰器模式
    开灯问题
  • 原文地址:https://www.cnblogs.com/gdlyzx/p/8072537.html
Copyright © 2011-2022 走看看