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={
            'username_id': user.id,
            'username':user.username,
            'questions':user.question,
            'comments':user.comment
        }
        if tag == '1':
            return render_template('usercenter.html',**context)
        elif tag == '2':
            return render_template('all_question.html', **context)
        else:
            return render_template('all_comment.html', **context)

    2.个人中心—导航标签链接增加tag参数
    <li role=“presentation”><a href=“{{ url_for(‘usercenter’,user_id = user.id,tag = ‘1’) }}">全部问答</a></li>

    {% block loginhead %}
        <style>
        .nav_ul li{
            list-style: none;
            float: left;
            margin: 10px;
        }
        </style>
    
    {% endblock %}
    {% block body %}
    <ul class="nav_ul">
    <li role="presentation"><a href="{{ url_for('usercenter',user_id = username_id,tag='2') }}">全部问答</a></li>
    <li role="presentation"> <a href="{{ url_for('usercenter',user_id = username_id,tag='3') }}">全部评论</a></li>
    <li role="presentation"><a href="{{ url_for('usercenter',user_id = username_id,tag='1') }}">个人信息</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>

    <div class="list-group">
                     <a href="{{ url_for('usercenter',user_id=foo.author.id,tag='1') }}" class="list-group-item active">作者:{{ foo.author.username}}</a>
    
                    <div class="list-group-item">

  • 相关阅读:
    Electron应用打包、自动升级
    使用javascript处理nginx的请求
    使用Electron开发桌面应用
    VSCode、VBox搭建C/C++开发环境
    树莓派搭建Nexus2私服
    Tom猫小游戏功能实现
    如何配置webpack让浏览器自动补全前缀
    git 常用操作
    数组的一些常用操作
    ES6 的模块化
  • 原文地址:https://www.cnblogs.com/zheng01/p/8044157.html
Copyright © 2011-2022 走看看