1. 个人中心—视图函数带标签页面参数tag
    @app.route('/usercenter/<user_id>/<tag>')
    def usercenter(user_id, tag):
       if tag == ‘1':
           return render_template('usercenter1.html', **context)
  2. 个人中心—导航标签链接增加tag参数
    <li role=“presentation”><a href=“{{ url_for(‘usercenter’,user_id = user.id,tag = ‘1’) }}">全部问答</a></li>
  3. 个人中心—有链接到个人中心页面的url增加tag参数
    u <a href="{{ url_for('usercenter',user_id = session.get('userid'), tag=1) }}">{{ session.get('user') }}</a>
  4. @app.route('/usercenter/<user_id>/<tag>')
    def usercenter(user_id,tag):user = User.query.filter(User.id == user_id).first()context = {'usern': user.id,'username': user.username,'fankui':user.fankui,'comment':user.comment}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)

  5. {% extends'danghangye.html' %}
    {% block title %}个人中心{% endblock %}
    {% block head %}
    <style>.nav_ul li {list-style:none;float:left;margin:10px;border-bottom:outset;}</style>{% endblock %}{% block main %}<ul class="nav_ul"><li role="presentation" ><a href="{{url_for('usercenter',user_id = usern,tag = 1)}}">fankui</a></li><li role="presentation"><a href="{{url_for('usercenter',user_id = usern,tag = 2)}}">comment</a></li><li role="presentation"><a href="{{url_for('usercenter',user_id = usern,tag = 3)}}">person</a></li></ul>{% block usercenter %}{% endblock %}{% endblock %}

      <!DOCTYPE html><html lang="en"><head>{% block head %}{% endblock %}<meta charset="UTF-8"><title>{% block title %}{% endblock %}首页</title><nav style="background-color: slategray"><img src="http://cdn2.jianshu.io/assets/web/logo-58fd04f6f0de908401aa561cda6a0688.png" width="40px"><link rel="stylesheet" href="{{url_for('static',filename='css/loginMy.css')}}"><script type="text/javascript" src="../static/js/switch.js"></script><img  src="{{url_for('static',filename='image/yezi.jpg')}}" alt="wo" width="50px">{% if usernamedd %}<a href="{{url_for('usercenter',user_id = session.get('id'),tag = 1)}}"> {{usernamedd}}</a><a href="{{url_for('logout')}}">注销</a><a href="{{url_for('edit')}}">编辑</a>{% else %}<a href="{{url_for('login')}}">login</a><a href="{{url_for('register')}}">register</a>{% endif %}<a href="{{url_for('fankui')}}">fankui</a><a href="{{url_for('danghangye')}}">首页</a><img id="myOnOff" onclick="mySwitch()" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1509532539555&di=5c7e5df90fa122e5a6dcae2de5fb45d5&imgtype=0&src=http%3A%2F%2Fwww.jbhdq.com%2Fuploadfile%2F2016%2F0617%2F20160617103213932.jpg"width="40px"><input class="input_control" type="text" placeholder="" name="" size="10" ><button>搜索</button></nav><!--<script>--><!--function mySwitch() {--><!--var oBody= document.getElementById("myBody");--><!--var oOnoff=document.getElementById("myOnOff");--><!--if(oOnoff.src.match("b9999_")){--><!--oOnoff.src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1509520370&di=f7ae57dab90eab30c78e8f4733607b02&src=http://pic29.photophoto.cn/20131121/0017029581107509_b.jpg";--><!--oBody.style.background="black";--><!--oBody.style.color="yellow";--><!--}else{oOnoff.src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1509532539555&di=5c7e5df90fa122e5a6dcae2de5fb45d5&imgtype=0&src=http%3A%2F%2Fwww.jbhdq.com%2Fuploadfile%2F2016%2F0617%2F20160617103213932.jpg";--><!--oBody.style.background="white";--><!--oBody.style.color="black";--><!--}--><!--}--><!--</script>--></head><body id="myBody">{% block main %}<P align="center" style="background-color:rgba(255,255,0,0.25)">{{username}}请登录</P><ur class="sss" style="background-color:rgba(255,255,0,0.25)">{% for foo in fankui %}<li class="list"><span class="glyphicon" aria-hidden="true"></span><a href="{{url_for('usercenter',user_id = foo.author_id,tag = 1)}}">{{foo.author.username}}评论({{foo.comment|length}})</a><br><a href="{{url_for('详情页',fankui_id = foo.id )}}">{{foo.biaoti}}</a><span class="badge">{{foo.creat_time}} </span><p>{{foo.questionDetail}}</p></li>{% endfor %}</ur>{% endblock %}</body></html>

转载于:https://www.cnblogs.com/cyj5201314/p/8041485.html

完成个人中心—导航标签2相关推荐

  1. 完成个人中心—导航标签

    个人中心-视图函数带标签页面参数tag @app.route('/usercenter/<user_id>/<tag>') def usercenter(user_id, ta ...

  2. <nav>导航标签 和div标签一样,块属性标签</nav>    <main>内容区域,和section没有区别</main>    <section>内容区域,和main没有区别</sect

    <nav>导航标签 和div标签一样,块属性标签</nav>     <main>内容区域,和section没有区别</main>     <se ...

  3. 利用循环栏目导航标签及自定义页面制作帝国CMS网站地图

    网站地图,又称站点地图,它就是一个页面,上面放置了网站上所有页面的链接.也简洁地表现了网站栏目关系,一般就包含顶级栏目和二级栏目.搜索引擎蜘蛛非常喜欢网站地图.在帝国CMS中没有生成网站地图的功能,所 ...

  4. html修改li字体,使用导航标签html5更改导航 ul li元素的字体大小

    我在css文档中遇到了设置自定义字体大小的问题.这是我的问题.我使用html5的导航标签.我在哪里必须放置font-size属性?使用导航标签html5更改导航> ul> li>元素 ...

  5. html5 如何设置导航,HTML5导航标签正确用法

    导航原因的搜索已经持续数年了.现在只需谷歌,你会发现问题的日期可以回到它的介绍.到目前为止,我发现的一个实际用于导航的方法是将它与CSS中的样式相关联.在你说之前,有更好的方法可以做到这一点,认为程序 ...

  6. vue 点击切换导航标签,并左右滚动

    vue做的导航栏,左右各有按钮,点击向左右滚动 vue做的导航栏,左右各有按钮,点击向左右滚动 Vue - 点击导航栏当前标签后变色功能(导航栏当前hover样式) Vue - 点击导航栏当前标签后变 ...

  7. HTML5 nav导航标签使用

    <!doctype html> <html> <!--nav导航栏标签使用--> <head> <meta charset="UTF-8 ...

  8. 前端学习(2840):nevagator导航标签

  9. html 页面太长滚动时,固定页面菜单标签,或者导航标签的位置,fixed/stickUp the position...

    有时你曾经需要把页面上的某些东西当页面太长发滚动的时候保留置顶位置显示,或许你有别的实现方式,我这个仅供参考, 源代码: /*global $, jQuery, alert*/ (function ( ...

  10. 导航标签位于左侧的纵向选项卡

    点击(此处)折叠或打开 <style> td,a,body{font-size:9pt;} .DivAround_focus{cursor:pointer;background-color ...

最新文章

  1. 基本完成了一个SEGY扫描程序
  2. linux查看目录文件系统,ubuntu linux 文件系统目录结构-Windows下查看电脑信息的命令-linux菜鸟也必须知道的几个ubuntu最基础命令_169IT.COM...
  3. Python爬虫之旅_高性能异步爬虫
  4. (转到C区)[献给想深入学习网络编程的朋友] C,C++网络编程学习简明指南
  5. c语言倒置存放,c语言倒置
  6. mysql5.6 python_Centos-6.5 + python3 + mysql5.6 环境搭建
  7. 20172330 2017-2018-1 《Java程序设计》第八周学习总结
  8. testbench实例 vhdl_testbench_testbench如何加载_vhdl testbench reset(5)
  9. C语言程序设计(第五版)-谭浩强著-课后习题
  10. 使用httpclient进行文件下载
  11. VGG-16网络结构详解
  12. houdini 常用
  13. android开机自动启动app
  14. Java通过mysql-connector-java-8.0.11连接MySQL Server 8.0遇到的问题
  15. 国际标准智商测试题答案
  16. python制作好看的界面_python漂亮界面
  17. python中heapq的库是什么_Python中heapq模块的用法
  18. 匈牙利法的Matlab代码及测试
  19. 【Aladdin-Unity3D-Shader编程】之六-模型实时阴影
  20. Dell H310配置no-raid直通模式

热门文章

  1. (github精选)优秀的openSCAD项目image2surface
  2. 查看磁盘阵列 使用率(简单)
  3. Inside Google’s language detection tool
  4. CPU负载均衡之调度概念理解
  5. ie8 html5上传,兼容IE8的file单文件上传(jquery.form+formdata)
  6. (五)洞悉linux下的Netfilteriptables:如何理解连接跟踪机制?(1)
  7. 编程基础(四)——cache之一
  8. DPDK初始化分析(二)
  9. Linux驱动中delayed_workqueue使用:
  10. python平均分计算器_招募:基于python的召唤师全时段全技能(含均值AI)计算器全程测试...