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 'base.html' %}{
    % block title %}个人中心{% endblock %}{
    % block head %}
     {
    % endblock %}{
    % block main %}
     
    
      
        
       
问答平台
        
       
全部评论
        
       
个人资料
    
      
     
{
    % block user %}{% endblock %}{
    % endblock %}

 

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

{% extends 'user.html' %}{
    % block user %}
     
    
      
        
       
{
   { username }}
        
       全部问答        
       
        
       
                    {
    % for foo in questions %}            
        
                                {
   { foo.author.username }}                
                {
   { foo.title }}                {
   { foo.time }}                
{
   { foo.detail }}
            
            {
    % endfor %}        
       
    
      
    
      
        
       
{
   { username }}
        
       全部评论        
       
        
       
                    {
    % for foo in comments %}            
        
                                {
   { foo.author.username }}                {
   { foo.time }}                
                
{
   { foo.detail }}
            
            {
    % endfor %}        
       
    
      
     
{
    % endblock %}

 

 

4、重写user.html中定义的user块。

{% extends 'user.html' %}{
    % block user %}
     
          全部问答
     
{
    % endblock %}

{% extends 'user.html' %}{
    % block user %}
     
          全部评论
     
{
    % endblock %}

{% extends 'user.html' %}{
    % block user %}
     
         个人信息
     
{
    % endblock %}