Django城市信息查询功能（2）

本次我们将通过views进行前端的渲染

我们在about.App目录中的views，将里面的数据更改为：

from django.shortcuts import render
from django.shortcuts import HttpResponse

from .models import *

def about(request):
    
    #list=Province.objects.all()
    cy=City.objects.all()
    ci={'cylist':cy,}
    return render(request, 'about.html',ci)

并且在about.App目录中新建templates文件夹，在文件夹里新建文件about.html:

并且在该thml里面添加以下代码进行前端的渲染：

{% load static %}




    
    
    
    
    
    
    




    
        
            学号姓名
        
        
        
    

    
        {% for i in cylist %}
        

        {% endfor %}

    

        

            
省份
            
城市
            
邮政编码
            
详情
        

            
{{i.province}}
            
{{i.name}}
            
{{i.mail}}

            
            
详情
           
            
            
        

在后台的简单输入数据（因为是例子，所以我不加太多数据）：

 然后回到页面aboutApp/about,可以看到后台数据库的数据已经在页面上了：

我们在about.App目录中的views.py，添加以下数据：

from django.shortcuts import get_object_or_404


def Datil(request, id):
    one = get_object_or_404(City, id=id)
    
    return render(request, 'datil.html', {'one':one}
    )  

在about.App目录中的urls.py 的urlpatterns中加入：

path('datil//', views.datil, name='datil'),#详情

 在about.App目录中templates文件夹建立一个datil.html，并且在里面输入：

{% load static %}




    
    
    
    
    
    
    




    
        
            
               学号 姓名
            
            
            
        
    
{{one.name}}
{{one.concise}}


 

 在about.html的详情标签中添加以下代码，进行链接

详情

然后呢，对于详情页面我们已经做好了，试试效果：

 点击详情

 无论在后台输入多少数据，该城市对应的ID会链接相应的页面。

回到主页面，在homeApp的home.HTML为听我说谢谢你！添加链接：

{% load static %}




    
    
    
    
    
    
    
    


    
        
           学号姓名
         
    
 

    听我说谢谢你！

 然后保存，可以看到显示界面：

点击界面，我们就可以进入到about界面了。 在此，我们的内容也将告一段落，查询功能我正在整理，更新数据不定，界面美化和查询功能一起更新。下次见！点赞关注加收藏哦！