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,
            'question' : user.question,
            '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_ul li{
                float: left;
                list-style: none;
                margin: 25px;
                border-bottom: antiquewhite;
            }
        </style>
    {% endblock %}
    
    {% block main %}
        <h3><span class="alyphicon alyphicon-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参数
     <a href="{{ url_for('usercenter',user_id = session.get('userid'), tag=1) }}">{{ session.get('user') }}</a>

    base.html

    <a href="{{ url_for('usercenter',user_id = user.id,tag=1) }}">{{ user.username }}</a>

    index.html

    <a href="{{ url_for('usercenter',user_id = foo.author_id,tag=1)}}">{{ foo.author.username }}评论{{ foo.comments|length }}</a>

    detail.html

    <a href="{{ url_for('usercenter',user_id=foo.author.id,tag = 1) }}">{{ foo.author.id }}</a>
  • 相关阅读:
    这是一篇乖巧的草稿——vscode上传代码到代码托管平台GitHub
    性能测试基础及练习
    adb
    前端常用的设计模式
    Vue Router 路由实现原理
    XSS与CSRF区别及防范
    vue中函数的防抖节流
    axios 使用post方式传递参数,后端接受不到
    类数组转换为数组的方法
    深入理解原型,原型链的关系
  • 原文地址:https://www.cnblogs.com/Green-/p/8064701.html
Copyright © 2011-2022 走看看