Django搜索页面异常求助：数据展示混乱+搜索按钮失效

看起来你的搜索页面有几个关键问题导致功能失效和展示异常，我帮你逐一拆解并修复：

一、视图(View)代码的核心问题 #

你的search_view里有几个逻辑错误直接导致搜索功能失效：

1. 过滤结果被覆盖：在处理搜索请求时，你先对titles进行了过滤，但紧接着又执行titles = AppModel.objects.all()，把过滤后的结果直接覆盖，所以无论怎么搜索都会显示所有数据。
2. MongoDB搜索参数无效：调用mongosearch时传入的title_term是空字符串，而且代码里有语法错误（注释位置不对、括号不匹配），导致MongoDB查询根本没用到搜索关键词。
3. 变量冗余未利用：定义了title_term、desc_term等变量但没赋值，完全没用到搜索关键词search_term。

修复后的视图代码：

from django.shortcuts import render 
from .mongodb_connection import mongosearch 
from .models import AppModel 
from django.db.models import Q 

def search_view(request): 
    template_name = 'search.html' 
    results = [] 
    search_term = request.GET.get('search', '')  # 更安全的取值方式，避免KeyError
    titles = AppModel.objects.all() 

    if search_term:
        # 过滤SQL数据库的结果
        titles = titles.filter(Q(title__icontains=search_term) | Q(desc__icontains=search_term))
        # 调用MongoDB搜索，传入实际的搜索关键词
        results = mongosearch(title=search_term) 
        print(results)  # 调试用，上线后可以移除

    context={ 
        'results': results, 
        'search_term': search_term, 
        'titles': titles 
    } 
    return render(request, template_name, context)

二、MongoDB连接代码的问题 #

你的mongosearch函数没有根据传入的关键词过滤数据，而且返回的是游标对象（不是实际可遍历的数据），还存在打印逻辑错误：

1. 未使用搜索条件：collection.find()没有添加查询条件，所以总是返回所有数据。
2. 返回值错误：直接返回游标会导致模板无法遍历，需要转成列表；循环里打印titles（游标对象）而不是当前数据项，逻辑完全错误。

修复后的MongoDB连接代码：

from pymongo import MongoClient 
from pprint import pprint 

def mongosearch(title=""): 
    connection = MongoClient('localhost', 27017) 
    db = connection.djangodb 
    collection = db.spiderCollection 

    # 根据传入的title关键词构建不区分大小写的查询条件
    query = {}
    if title:
        query["title"] = {"$regex": title, "$options": "i"}

    # 查询结果转成列表返回，方便模板遍历
    results = list(collection.find(query))
    # 调试时可以打印结果：pprint(results)
    return results

三、HTML模板的问题 #

模板存在结构错误和展示逻辑混淆，导致样式和功能异常：

1. HTML结构不规范：<link>标签应该放在<html>内部的<head>里，否则样式可能加载异常；缺少<head>和<body>标签，布局会混乱。
2. 展示逻辑混淆：当前模板只展示了SQL的titles数据，如果要展示MongoDB的results需要添加对应的遍历代码。
3. 样式优化：移除多余的<br>标签，用Bootstrap的组件规范布局，提升页面美观度。

修复后的HTML模板：

<!doctype html> 
<html>
<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
    <nav class="navbar navbar-light bg-light">
        <form class="form-inline my-2 my-lg-0" method="GET" action="{% url 'search_view' %}">
            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" name="search" value="{{ search_term }}">
            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>
    </nav>

    <div class="container mt-4">
        <!-- 展示SQL数据库的搜索结果 -->
        {% if titles %}
        <h5>SQL数据库结果</h5>
        <ul class="list-group mb-4">
            {% for item in titles %}
            <li class="list-group-item">{{ item.title }}</li>
            {% endfor %}
        </ul>
        {% endif %}

        <!-- 展示MongoDB的搜索结果 -->
        {% if results %}
        <h5>MongoDB数据库结果</h5>
        <ul class="list-group">
            {% for item in results %}
            <li class="list-group-item">{{ item.title }}</li>
            {% endfor %}
        </ul>
        {% endif %}
    </div>
</body>
</html>

额外注意事项 #

• 确保你的URL配置里已经给search_view命名为search_view，这样模板里的{% url 'search_view' %}才会生效。
• 检查MongoDB服务是否正常运行，数据库djangodb和集合spiderCollection是否存在。
• 如果不需要同时展示SQL和MongoDB的结果，可以根据需求删除其中一个展示块。

内容的提问来源于stack exchange，提问作者red barret