城市搜索功能

该功能使用户能输入一个城市名，程序能给出搜索结果。如果有匹配项，用户可点击其链接，以跳转到城市的详情页面：

搜索之后就出现了搜索后的画面：

因为都是通一个模板，而且第一张图的内容较少，看起来像一样的，在这里就不实现更改了，有需要更改的界面的读者可以自行更改。

我们首先在GongChengaboutAppviews.py输入以下代码，创建一个search函数：

def search(request):
    keyword = request.GET.get('keyword')
    newList =City.objects.filter(name__icontains=keyword)
    id="关于"+"""+keyword+"""+"详情搜索"
    
    return render(request, 'search.html',{ 'newList': newList,'id':id})

该函数可以，用newList进行搜索，实现对数据的抓取（'keyword'）

 完成上面这边，我们进行对路由的配置，在GongChengaboutAppurls.py中添加 

path('search/', views.search, name='search'),

下面是整体代码：

from django.urls import path
from . import views


app_name = 'aboutApp'

urlpatterns = [
    path('about/',views.about,name='about'),
    path('datil//', views.datil, name='datil'),#详情
    path('search/', views.search, name='search'),#
]

HTML的创建

在GongChengaboutAppemplates里新建一个search.html，输入以下代码，在此不一一讲解：

 里面包含了样式，我们将复制里面的样式，放进其他html中，美化界面

{% load static %}



    
    
    
    
    
    




    
        
          
            学号姓名
          
        
    
      
      
      
        {% for i in newList %}
        
        {% endfor %}
      

        

          
省份
          
城市
          
邮政编码
          
详情
        

          
{{i.province}}
          
{{i.name}}
          
{{i.mail}}
          
详情
        

界面的美化

主页界面，有需要的读者可以直接复制，里面的听我说谢谢你的链接也是可以进入到首页的，我还添加了导航栏：

{% load static %}




    
    
    
    
    
    
    
    




    
        
          
            学号姓名
          
        
    
      
      
    
        听我说谢谢你！

    
    
  

 可以在Bootstrap上找自己需要的样式，美化界面，上链接：Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网

也可以删除听我说谢谢你，添加自己喜欢的图片0.0

下面这个是about.html的代码，有需要的可以自取，这些代码直接覆盖到原代码即可

{% load static %}




  
  
  
  
  
  






  
    
      
        学号姓名
      
    

  
  
  
    {% for i in cylist %}
    
    {% endfor %}

  

    

      
省份
      
城市
      
邮政编码
      
详情
    

      
{{i.province}}
      
{{i.name}}
      
{{i.mail}}
      
详情
    

这个是datil.html的代码，有需要的可以自取，这些代码直接覆盖到原代码即可

{% load static %}




    
    
    
    
    
    
    




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

下面是search.html的代码，有需要的可以自取，这些代码直接覆盖到原代码即可

{% load static %}



    
    
    
    
    
    




  
    
      
        学号姓名
      
    

  
  
      
        {% for i in newList %}
        
    
        {% endfor %}
    
      

        

          
省份
          
城市
          
邮政编码
          
详情
        

          
{{i.province}}
          
{{i.name}}
          
{{i.mail}}
          
详情
        

 在此，这个项目搞一段落，下一个项目再见。

 封面图片自取：

 

 

 再见！