1. 1. 新页面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>

     
      
    
       
全部问答
    
       
全部评论
    
       
个人资料
 
      
    
     

 

2.user.html继承base.html。

重写title,head,main块.

将上述<ul>放在main块中.

定义新的块user。

{% extends 'index.html' %}{% block title %}个人中心{% endblock %}{% block head %}    
     {% endblock %}{% block Content %}        用户名:        {
    { username }}
     
    
      
全部问答
    
      
全部评论
    
      
个人资料
 
     
{% block userCenter %}{% endblock %}{% endblock %}

　　

 

 

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

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

{% extends 'user.html' %}{% block head %}    
     {% endblock %}{% block userCenter %}                     
     
                                  {% for each in questions %}                            
      
                            {
    { each.author.username }}                            {
    { each.title }}                            {
    { each.create_time }}                            
{
    { each.detail }}
                            
                            {% endfor %}                        
     
           {
    { username }}                
            全部评论               
     
                                  {% for each in comments %}                            
      
                            {
    { each.author.username }}                            {
    { each.create_time }}                            
{
    { each.detail }}
                            
                            {% endfor %}                        
     
{% endblock %}

 

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