个人中心标签页导航-白红宇

个人中心标签页导航

阅读量：6354 次

发布时间：2019-06-22

本文共 1666 字，大约阅读时间需要 5 分钟。

新页面user.html,用<ul ><li role="presentation"> 实现标签页导航。
<ul class="nav nav-tabs">
<li role="presentation"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages</a></li>
</ul>

user.html继承base.html。
重写title,head,main块.
将上述<ul>放在main块中.
定义新的块user。

让上次作业完成的个人中心页面，继承user.html，原个人中心就自动有了标签页导航。

制作个人中心的三个子页面，重写user.html中定义的user块。

思考如何实现点标签页导航到达不同的个人中心子页面。


             
          全部提问
    
          全部评论
    
          个人信息
         
复制代码{
        % extends "user.html" %} {
        % block usercenterbody %}    
                 
          {
       { username }}
全部问答  
        
          
                       {
        % for foo in comments %}                
                                                   {
       { foo.author.username }}                    {
       { foo.creat_time }}                    {
       { foo.detail }}
                
            {
        % endfor %}        
          
    
         
     
                 
          {
       { user }}
全部评论  
        
          
                       {
        % for foo in comments %}                
                                                   {
       { foo.author.username }}                    {
       { foo.creat_time }}                    {
       { foo.detail }}
                
            {
        % endfor %}        
          
     
         
     
                 
          {
       { user }}
个人信息  
        
                      
           用户：{
       { username }}
            
           编号：
            
           昵称：
        
          
    
         
{
        % endblock %}