在dept_list.html中,添加搜索框
<div class="container-fluid"><div style="margin-bottom: 10px" class="clearfix"><div class="panel panel-default"><!-- Default panel contents --><div class="panel-heading"><a class="btn btn-primary" href="/dept/add/" role="button">添加部门</a><!--因为涉及到提交以及数据路径拼接,所以需要一个form表单,method为get--><div style="float: right"><form class="form-inline" action="/dept/search/" method="get"><!--添加搜索框--><!--name=q 非常的重要--><input type="text" class="form-control" name="q" placeholder="请输入要搜索的部门"aria-label="Recipient's username" aria-describedby="button-addon2"><button class="btn btn-outline-secondary" type="submit" id="button-addon2">搜索</button></form></div></div><div class="panel-body"><div style="float: left"><p>部门列表</p></div><!-- Table --><table class="table"><thead><tr><th>ID</th><th>name</th><th>head</th><th>phone</th><th>email</th><th>address</th><th>操作</th></tr></thead><tbody>{% for obj in queryset %}<tr><td>{{ obj.id }}</td><td>{{ obj.name }}</td><td>{{ obj.head }}</td><td>{{ obj.phone }}</td><td>{{ obj.email }}</td><td>{{ obj.address }}</td><td><a class="btn btn-success" href="/dept/{{ obj.id }}/edit_detail/"role="button">编辑部门</a><a class="btn btn-danger" href="/dept/{{ obj.id }}/delete/" role="button">删除部门</a></td></tr>{% endfor %}</tbody></table>{% if error %}<div style="color: red;">{{ error }}</div>{% endif %}</div></div></div></div>
效果如下:
通过action="/dept/search/",我们需要配置URL
urlpatterns = [# 部门管理path("dept/list/", dept.dept_list),path("dept/add/", dept.dept_add),path("dept/<int:nid>/edit_detail/", dept.dept_editdetail),path("dept/<int:nid>/delete/", dept.dept_delete),path("dept/search/", dept.dept_search),]
接着去定义函数dept_search()的业务逻辑
def dept_search(request):"""实现部门搜索功能的视图函数。此函数根据用户提交的搜索关键字,查询并返回匹配的部门列表。如果没有提供关键字,则返回所有部门的列表。参数:- request: HttpRequest对象,包含了请求的所有数据。返回:- 渲染后的'dept_list.html'模板,包含搜索结果或错误信息。"""data_dict = {} # 首先定义一个空的字典keyvalue = request.GET.get("q") # 取到关键字print("keyvalue", keyvalue)if keyvalue:data_dict["name__contains"] = keyvalueprint("data_dict", data_dict)res = models.Dept.objects.using("default").filter(**data_dict)print("res", res)if not res.exists():# 返回错误信息print("未找到匹配的部门,请输入正确的部门名称")return render(request, 'dept_list.html', {"error": "未找到匹配的部门,请输入正确的部门名称"})queryset = res.order_by("-id")print("queryset", queryset)return render(request, 'dept_list.html', {"queryset": queryset})
我们尝试搜索一下:
1)我搜索正确的部门,比如我搜2病区,注意看调试情况
我们可以看到访问的具体情况,看红框
2) 假设我搜索空的
报错了,我们可以尝试修改代码
因为q没有默认值,这种没传值的情况下,我们直接显示全部列
"""搜索部门"""def dept_search(request):"""实现部门搜索功能的视图函数。此函数根据用户提交的搜索关键字,查询并返回匹配的部门列表。如果没有提供关键字,则返回所有部门的列表。参数:- request: HttpRequest对象,包含了请求的所有数据。返回:- 渲染后的'dept_list.html'模板,包含搜索结果或错误信息。"""data_dict = {} # 首先定义一个空的字典keyvalue = request.GET.get("q") # 取到关键字print("keyvalue....", keyvalue)if keyvalue:data_dict["name__contains"] = keyvalueprint("data_dict", data_dict)res = models.Dept.objects.using("default").filter(**data_dict)print("res", res)if not res.exists():# 返回错误信息print("未找到匹配的部门,请输入正确的部门名称")return render(request, 'dept_list.html', {"error": "未找到匹配的部门,请输入正确的部门名称"})queryset = res.order_by("-id")print("queryset", queryset)return render(request, 'dept_list.html', {"queryset": queryset})# 如果考虑的全面一点,如果q没被传值,则查询全部if keyvalue == "":res = models.Dept.objects.using("default").all()print("qis'',res is..", res)context = {'queryset': res}queryset = res.order_by("-id")print("queryset", queryset)return render(request, 'dept_list.html', {"queryset": queryset})
注意下调试的情况
可以看到输入为空的时候,也是可以查询到数据的
3)输入错误信息,即非部门信息,进行搜索
这样,搜索的功能,我们就完成了。